/****************** RESET BROWSER DEFAULTS *******************/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, fieldset, form, label, legend{
margin:0;
padding:0;
border:0;
}
/* Make non-compliant browsers display html5 elements correctly */
article, aside, footer, header, nav, section, { display: block; }
/****************** GENERAL LAYOUT ************************/
body {
background: url(bodybg01.jpg) top left no-repeat #464646;
background-attachment:fixed;
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
}
#wrapper{
width:960px;
text-align:left;
margin:0 auto;
border-bottom:1px solid #3d3d3d;
}
section{
background:#fff;
padding:10px 15px 40px 15px;
margin-top:5px;
margin-bottom:-15px;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0; 
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
}
.cleaner{
clear:both;
}
.break{
height:5px;
border-top:1px #3a5e5e dotted;
margin:10px 0;
}
/****************** HEADER *****************/
header{
margin-top:5px;
margin-bottom:2px;
}
header img{
display:none;
}
header h1{
text-indent:-9999px;
height:200px;
background:url(header.jpg) center no-repeat;
}
a#home{/*make logo a link*/
display:block;
height:200px;
background:transparent !important;
border:0 !important;
}
/**************** NAVIGATION *******************/
/** SKIP NAV **/
#skipnav{
text-align:left;
font-size:60%;
padding:0 0 0 10px;
}
#skipnav a{
position:absolute; 
left:-9999em; 
width:200px; 
z-index:999; 
display:block;
}
#skipnav a:active, #skipnav a:hover, #skipnav a:focus{
left:0; 
top:0; 
color:#fff; 
background-color:#373737;
padding:10px; 
font-weight:bold; 
text-decoration:underline;
}
/** NAV **/
nav{
text-align:center;
background:transparent;
border-top:1px solid #7c8c65;
}
nav ul{
list-style-type:none;
padding:7px 0 4px 0;
}
nav li{
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
display:inline;
margin:0 15px;
padding-bottom:5px;
line-height:1em;
text-transform:normal;
letter-spacing:-0.035em
}
nav li.mobile-only{
display:none;
}
nav a{
color:#f6f7f4;
text-decoration:none;
padding:2px 5px 2px 5px;
text-shadow:0 -1px 1px rgba(124,140,101,0.5);
}
nav a:active, nav a:hover, nav a:focus, nav a.current{
background:#7c8c65;
border-radius: 4px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}
#dropmenudiv{
text-align:left;
position:absolute;
margin:2px 0 0 0;
border:1px solid #7c8c65;
border-top:0;
border-bottom-width: 0;
line-height:18px;
font-size:95%;
z-index:100;
opacity:.95;
text-transform:normal;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:-0.035em
}
#dropmenudiv a{
display: block;
text-indent: 3px;
border-bottom: 1px solid #7c8c65;
background-color:#3b3b3b;
padding: 4px 2px;
text-decoration: none;
color:#f8f7f4;
}
#dropmenudiv a:hover{
background-color:#7c8c65;
color:#fff;
}
/********************************** BREADCRUMBS ************************/
#breadcrumbs{
font-size:70%;
margin:-5px 0 10px -10px;
color:#6b675b;
}
#breadcrumbs a{
color:#6b675b;
padding:1px;
}
#breadcrumbs a:hover{
color:#f2f1ec;
background:#6b675b;
text-decoration:none;
}
/************************** CONTENT ***********************/
p{
font-size:85%;
line-height:1.6em;
margin-bottom:1.2em;
font-family:Arial, Geneva, Helvetica, sans-serif;
color:#444;
}
p.mobile-only, p.mobile-only-links{display:none;}
p.small{
font-size:70%;
line-height:1em;
margin-bottom:.25em;
}
p.links{
text-align:center;
font-size:85%;
margin-bottom:0;
line-height:1em;
}
p.new{
display:block;
background:#d8e4b2;
padding:10px 25px;
margin:0 -10px 10px -10px;
border-radius:5px;
}
p.trade{
font-size:1em;
}
section ul{
padding-bottom:1.1em;
}
section li{
font-family: Arial, Helvetica, sans-serif;
font-size:85%;
list-style-type:disc;
line-height:1.3em;
margin-left:25px;
padding:0 0 5px 0;
color:#444;
}
span.num{
font-weight:bold;
}
.links a{
color:#444;
font-weight:normal;
}
span.intro{
font-family:Georgia, 'Times New Roman', serif;
font-size: 1em;
letter-spacing: .25em;
line-height: 1.2em;
text-transform: uppercase;
color:#576554;
}
section h2{
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px 0 25px 0;
font-weight: normal;
text-shadow: 1px 1px 2px #858585;
color:#3f6949;
font-size:1.8em;
letter-spacing:0.04em;
font-style:italic;
}
section .noshadow{
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px 0 10px 0;
font-weight: normal;
text-shadow: none;
color:#3f6949;
font-size:1.6em;
letter-spacing:0;
font-style:normal;
}
h2 span.sub {
font-size: 0.70em;
font-family: Arial, Helvetica, sans-serif;
text-shadow: none;
letter-spacing:-1px;
display: block;
color:#647b6a;
font-style:normal;
}
section h3{
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px 0;
font-weight: normal;
color:#3f6949;
font-size:1.3em;
}
section a:link{
color:#506634;
padding:0 2px;
}
section a:visited{
color:#444;
padding:0 2px;
}
section a:active, section a:hover, section a:focus{
background:#464646;
color:#d0d8c5;
}
.postcard{
width:900px;
margin:0 auto;
margin-bottom:20px;
border:1px solid #b2b2b2;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
padding:0 5px;
}
#besley .postcard{
border-radius:0;
border:0;
}
#besley .postcard:first-child{
margin-top:10px;
}
.postcard h2{
font-size:120%;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 10px 0 5px 0;
color:#3a5e5e;
letter-spacing:0;
text-shadow:none;
font-style:normal;
}
.postcard p.cardpic{
text-align:center;
line-height:1.1em;
}
.postcard p.details{
line-height:1.1em;
}
.postcard .cardpic strong{
font-size:110%;
}
.postcard .details strong{
color:#626262;
}
.postcard img{
padding:5px;
margin:0 5px 5px 5px;
border:1px solid #c5c5c5;
background:#f4f4f4;
box-shadow: 1px 1px 3px #989898;
-moz-box-shadow: 1px 1px 3px #989898;
-webkit-box-shadow: 1px 1px 3px #989898;
}
.postcard img.portrait{
margin-right:150px;
margin-left:80px;
}
.postcard img.portrait2{
margin-left:150px;
margin-right:80px;
}

.postcard a:hover{
background:#fff;
}
.postcard img:hover, .postcard2 img:hover{
opacity:.9;
}
ul.imggrid2{
margin-left:30px;
}
.imggrid2 li, .imggrid li{
font-size:80%;
float: left;
text-align:center;
list-style-type:none;
color:#535353;
}
.imggrid li{
width: 260px;
margin: 0 5px 30px 5px;
padding:0 10px;
}
.imggrid2 li{
width: 160px;
margin: 0 20px 10px 20px;
}
imggrid a, .imggrid2 a{
color:#464646;
text-decoration:none;
}
.imggrid a:hover, .imggrid2 a:hover{
text-decoration:underline;
background-color:#fff;
color:#626262;
}
.imggrid img, .imggrid2 img{
padding:5px 10px;
background:#faf9f2;
border:1px solid #c9c9c9;
}
.imggrid img{
margin:0;
}
.imggrid2 img{
margin:5px 0;
}
.imggrid img:hover, .imggrid2 img:hover{
opacity:.8;
background-color:#fff;
}
span.count{
font-size:80%;
}
/************************* BASE ***********************/
#base{
width:980px;
margin:0 auto;
background: rgba(124,140,101,0.7);
padding:20px 0 10px 0;
text-align:left;
}
#base p{
padding:5px 15px 10px 15px;
font-size:80%;
border-top:15px solid #3e3e3e;
margin:0;
color:#fff;
line-height:1.4em;
}
#base a{
color:#dfe8da;
}
#base a:hover{
text-decoration:underline;
}
ul.cardlinks{
width:750px;
float:left;
list-style-type:none;
padding:5px 10px;
}
.cardlinks li{
display:inline-block;
line-height:2.1em;
font-size:80%;
padding:5px;
}
#base .cardlinks a{
color:#f6f9f4 ;
margin:0 5px;
padding:2px 8px;
}
.cardlinks a:active, .cardlinks a:hover, .cardlinks a:focus{
background-color:#464646;
text-decoration:none !important;
border-radius: 4px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
}
/** Base Search **/
#lowsearch{
float:right;
margin:10px 0 5px 20px;
padding:5px 20px 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}
#lowsearch input#term{
color:#9D9D9D;
background:#464646;
width:140px;
border:1px solid #64605c;
padding:2px 5px 2px 5px;
font-size:100%;
text-transform: lowercase;
letter-spacing:normal;
}
#lowsearch input#searchbutton {
width:80px;
background-color:#464646;
border:1px solid #645b53;
color:#f2eee1;
cursor:pointer;
margin:2px 0 0 5px;
}
#lowsearch input#searchbutton:hover, #lowsearch input#searchbutton:focus{
background-color:#525252;
}
/********************** FOOTER ***********************/
footer{
width:90%;
max-width:1200px;
margin:0 auto;
margin-top:10px;
margin-bottom:20px;
padding:10px 35px;
font-size:90%;
}
footer p{
color:#E1E1E1;
}
footer a{
color:#CEDCE8;
}
/******************** SEARCH BOXES *********************/
/** Universal **/
section#search fieldset, #lowsearch fieldset, .mobile-only fieldset{
margin:0;
padding:0;
border:0
}
section#search fieldset label, #lowsearch fieldset label, .mobile-only label{
display:none
}
/*** Sitemap Search **/
section#search form{
margin:5px 0 0 30px;
padding:5px 50px 0 0;
font-size:80%;
color:#464646;
}
section#search form b{
font-weight:normal;
font-size:120%;
}
section#search input#term{
color:#464646;
width:250px;
padding:2px 5px 2px 5px;
font-size:100%;
text-transform: lowercase;
letter-spacing:normal;
}
section#search input#searchbutton {
width:80px;
background-color:#4c5f5f;
font-size:110%;
border:1px;
border-radius: 6px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
color:#f2eee1;
cursor:pointer;
margin:2px 0 0 5px;
}
section#search input#searchbutton:hover, section#search input#searchbutton:focus{
background-color:#525252;
}

/******************** SITEMAP **********************/
section ul.sitemap{
float:left;
width:400px;
margin:0 30px;
}
.sitemap li{
line-height:1.6em;
}
li.title{
list-style-type:none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:95%;
background:#627373;
color:#f3f4eb;
padding:0 0 0 10px;
margin:0 5px 3px 5px;
}
section h4{ /** used only on the sitemap**/
font-family: Georgia, "Times New Roman", Times, serif;
padding: 4px 0 5px 5px;
font-weight: normal;
text-transform:uppercase;
background:#4c5f5f;
color:#f3f4eb;
margin:20px 30px 15px 25px;
font-size:1em;
line-height:1em;
}
/***** CONTACT FORM *******/
article#contact{
margin:10px 10px 20px 10px;
padding:10px 20px;
}
article#contact label{
font-size:85%;
color:#616161;
margin:5px 0;
}
article#contact input#subject, article#contact input#name, article#contact input#email{
border: 1px solid #dfdfdf;
border-radius:6px;
margin:0 0 15px 0;
}
article#contact textarea#comments{
width: 600px;
height: 120px;
border: 2px solid #dfdfdf;
border-radius:6px;
padding: 5px;
font-family: Tahoma, sans-serif;
background: url(contactbg.jpg) #fff 90% 99% no-repeat;
overflow:auto;
}
article#contact p{
font-size:70%;
margin-top:10px;
}
article#contact .required{
color:#8e2d2d;
font-size:85%;
}
article#contact fieldset {
margin:0;
padding:0;
border:0
}
article#contact fieldset legend{
display:none
}
article#contact input#button {
margin:2px 0 0 5px;
padding:2px 5px;
cursor:pointer;
border:1px solid #75828e;
border-radius:4px;
background-color:#eceef0;
color:#4a4a4a;
}
article#contact input#button:hover{
background-color:#bdc9d4;
color:#2f2f2f;
}
p.twitter img:hover{
opacity:.8;
}
/******************************** ERROR PAGE ************************************/
.errorgrid{
float: left;
margin: 10px 40px 30px 20px;
width: 420px;
text-align:center;
}
/***************
FAQS PAGE
***************/
/** Accordian menu from = http://www.deluxeblogtips.com/2010/04/accordion-menu-css3-transition.html **/
section#accordion{
width:850px;
margin-top:-10px;
}
section#accordion h4{
margin-top:20px;
}
section#accordion h4.top{
margin-top:0;
}
section#accordion .item {
width: 100%;
height: 30px; /* height = total height of A child element */
overflow: hidden;
border: 1px solid #d3d7aa;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 15px;
transition: height ease-in-out 1200ms; 
-o-transition: height ease-in-out 1200ms;
-moz-transition: height ease-in-out 800ms;
-webkit-transition: height ease-in-out 800ms;
}
section#accordion div:hover {
height: 100px; /* height = total height of A and P child elements */
}
section#accordion a.question {
display: block;
height: 20px;
line-height: 20px;
background: #f0f3db;
padding: 5px;
font-size:80%;
color: #1e1e1e;
text-decoration: none;
}
section#accordion a {
font-weight:normal;
}
section#accordion div:hover a.question {
border-bottom: 1px solid #ccc;
font-weight: bold;
}
section#accordion p {
height: 100px;
padding: 5px;
}