@import url('reset.css');@import url('default.css');/* 
Main CSS doc for PreHOT | Copyright 2009
Created By Lift. (http://www.liftinteractive.com)
*/
/*
Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px.
9px :0.75em
10px :0.8333em
11px :0.9167em
12px :1.0em
13px :1.0833em
14px :1.1667em
15px :1.25em
16px :1.3333em
17px :1.4167em
18px :1.5em
19px :1.5833em
20px :1.6667em
21px :1.75em
22px :1.8333em
23px :1.9167em
24px :2.0em
25px :2.0833em
26px :2.1667em
27px :2.25em
28px :2.3333em
29px :2.4167em
30px :2.5em
31px :2.5833em
32px :2.6667em
*/
/*
Palette
#e5e5e5 light gray
#dcd8d2 mid gray
*/
/*
** =global
********************************/
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.hr{width:100%;border-bottom:1px dotted #706659;margin:20px 0;}
.highlight{ background: #eaefe0; padding: 0 3px; }
html{margin:0; padding: 0; text-shadow: 0 0 0 rgba(0,0,0,.01);}
body{background:url(../img/bodybg.jpg) center top;font-family:Helvetica; color:#3c3c3c; padding: 0; margin: 0;}

/* inner slideshow */
#innerfade { width: 562px; height: 205px; border:6px solid #dddddd;	margin-bottom: 20px}
#loopydoos { width: 190px; height: 285px; border:6px solid #dddddd; margin: 5px 15px 5px 0px; float: left;}

img.left{float: left; margin: 0 15px 5px 0;}
img.right{float: right; margin: 0 0 5px 15px;}
img.border{background: #dce3cb; border:6px solid #dddddd; }

.new {float: right !important; padding: 0 0 0 12px; margin-top: -15px;}

hr{clear: both; padding-top: 15px; margin-bottom: 25px; border: none; border-bottom: 1px solid #d8d8d8; background: transparent; }

.feature {font-style: italic;}

#wrap{width:960px; background: url(../img/wrapbottom.jpg) bottom left no-repeat #fff; margin: 0 auto; padding: 0;}

/***
Header ***/

#header{width: 960px; height: 140px; background: url(../img/headerbg.jpg) top left repeat-x #5b7829; margin: 0; padding: 0;}
#header h1{margin: 0; padding: 0;}
#logo{display: block; width:420px; height:86px; text-indent: -9999px; float: left; margin:30px 0 0 10px; background: url(../img/londonderry.jpg) top left no-repeat;}

#topnav{float: right; padding: 15px 35px 0 0; color: #fff; font-size: 1.1667em; position: relative;}
#topnav a{color: #fff; font-weight: bold;}
#hours{position: absolute; display: none; width:407px; padding: 30px 20px 0; height: 109px; background: url(../img/hourshover.png) top left no-repeat;}
#hours p{ float: left; font-size: 0.75em; color: #fff; width:203px; margin: 0; padding: 0; display: inline;}

#social					{text-align: right;}
#social	#facebook		{background: url(../img/social-facebook.jpg) left center no-repeat; padding: 6px 10px 6px 30px; font-size: 12px;}
#social	#twitter		{background: url(../img/social-twitter.jpg) left center no-repeat; padding: 6px 0 6px 30px; font-size: 12px;}

#navigation{height:47px; width: 960px; background: url(../img/navbg.jpg) repeat-x top left; border-top:1px solid #375405; border-bottom:1px solid #375405;}

#navigation ul#nav li{list-style: none; float: left;}
#navigation ul#nav li a{padding: 13px 27px 13px 25px; background: url(../img/navbtnbg.jpg) no-repeat top right; display: block; color:#fff; font-size: 1.25em; }
#navigation ul#nav li a:hover{background: url(../img/navover.gif) no-repeat top right; }
#navigation ul#nav li a.current{background: url(../img/navcurrent.jpg) no-repeat top right; }

#mainheader{height:284px; width:960px; display: block; overflow: hidden; position: relative;}
#mainheader a.headerbutton{background:none; width:330px; height: 330px; display: block; position: absolute; bottom: -150px; right: -80px;z-index: 990}
#mainheader h2{position: absolute; left: 65px; bottom: 30px; color: #fff; font-size: 3em; font-family: Georgia; font-weight: bold;}

#content{padding:35px 35px 25px; border-top: 4px solid #e5e5e5;}
#content .col{width:282px; clear: right; float:left; }
#content .col.middle{margin:0 20px;}
body.homepage #content .col.left h2{color:#c84f27; font-family: Georgia; font-size:2em; }
body.homepage #content .col.left p{border-left: 3px solid #c84f27; padding-left: 10px; font-size: 1.0833em;}
#content .col p{margin-bottom: 0;}
#content .col p em{font-size: .8333em; color: #737373;}

#main_content{width:574px; float: left;}
#full_content{width:890px; float: left;}
#sub_content{width:282px; float: right; padding-top: 45px;}
#sub_content img{margin: 0;}

#content h1{font-size: 2.5em; color: #72912e; font-family: Georgia; clear: both;}
#content h2{font-size: 1.6667em; color: #c84f27; font-family: Georgia;}
#content h3{font-size: 1.4167em; color: #72912e; font-family: Georgia; clear: both;}
#content h4{font-size: 1.1667em; color: #c84f27; font-family: Georgia; clear: both;}
#content h5{font-size: 0.9167em; color: #72912e; font-family: Georgia; clear: both;}
#content h6{font-size: 0.75em; color: #c84f27; font-family: Georgia; clear: both;}
#content p, #content ul, #content ol{font-size: 1.1667em;}
#content a{color:#c84f27; font-style: italic; font-weight: bold;}



#boxes{ float: left; width: 890px; padding-top: 20px;}
#boxes img{ float: left;}
.boxspace{ padding-right: 23px; }
#boxes p {margin: 0 !important;}

#footer{width:960px; text-align: center; padding: 10px 0; margin: 0 auto;}
#footer p{color: #fff; margin: 0;}
#footer p a{color: #fff; margin: 0; padding: 0 5px}
#footer p a:hover{color: #8f827b;}
#footer p#copywrite{color: #8f827b; margin: 0;}
#footer p#copywrite a{color: #8f827b; margin: 0;}
#footer p#copywrite a:hover{color: #fff;}
#footer p#copywrite a em{font-family: Georgia; font-weight: bold;}

#collectionsfooter{padding: 15px 35px; text-align: center; font-family: Georgia; background: url(../img/collectionsfooterbg.jpg) top left no-repeat; }
#collectionsfooter p{font-style: italic; color: #b2b2b2; line-height: 1.75em;}

#slideshowgallery{ width:550px;}
#slideshowgallery #gallery-min{ width: 400; float: right;}
#slideshowgallery .ss-controls{text-align: left; margin-bottom: 5px;}
.prev{text-align: left;}
.next{float: right;}
.advance-link img{margin: 10px 0;}
#slideshowgallery #thumbs-min{ width: 150px; float: left;}
#slideshowgallery #thumbs-min ul{ width: 150px; margin: 0 0 0 0px; padding: 0;}
#slideshowgallery #thumbs-min ul li{margin: 0; padding: 0; font-size: 0.95em; list-style: none;}
#slideshowgallery #thumbs-min ul li a{color: #333;}

td {vertical-align: middle; padding-right: 20px; font-size: 15px; line-height: 18px;}
