html, body {background:#5e4b37 url(bg-body.jpg) 0 0 repeat-x;margin:0;padding:0;
font:normal x-small/1.5em verdana, arial, sans-serif; color:#333;}

#fred{line-height:0px;}
*html #fred{display:none;}/*ie only hack*/

#content a{color:#3d6156;}
#content a:hover{color:#550101;}
#content p a{background:#f3f3f3;}
#content p.sm{font-size:1em;position:relative;}

#content p{font-size:1.2em;line-height:1.4em;color:#666;margin:10px 0 0 0;padding:0;}	
img.photo {padding:5px;border:1px solid #ccc;float:left;margin:10px 10px 3px 0;}
#divs-sitemap{margin:0;padding:0;}

#divs-sitemap{font-size:1.2em;}
#divs-sitemap div{width:117px;float:left;margin:5px 0 0 0;}
#divs-sitemap div.sm{width:150px;}
#divs-sitemap a{display:block;padding:10px 0 0 0;}
#divs-sitemap span{background: url(bg-sitemap.gif) 0 20px no-repeat;width:130px;height:30px;display:block;}
/**/html>body #divs-sitemap span.first{padding:30px 0 0 0;background-position:0 50px;}

h1.title-main{color:#537067;background: url(bg-h1.gif) 0 18px no-repeat;position:relative;
font:normal 2.9em/2em "Lucida Bright", Georgia, "Times New Roman", Times, serif;margin:10px 0 0 -35px;padding:0 0 0 30px;}
h3.title-sub{color:#000;font:normal 1.5em/1.3em "Lucida Bright", Georgia, "Times New Roman", Times, serif;
margin:0;padding:0}

h1{color:#41675c;font:normal x-large/1.5em "Lucida Bright", Georgia, "Times New Roman", Times, serif;margin:20px 0 0 0;padding:0;}
h2{color:#41675c;font:normal large/1.5em verdana, arial, sans-serif;position:relative;margin:25px 0 0 0;padding:0;}
h3{color:#41675c;font:normal medium/1.5em "Lucida Bright", Georgia, "Times New Roman", Times, serif;position:relative;margin:15px 0 0 0;padding:0;}
h4{color:#41675c;font:normal small/1.5em verdana, arial, sans-serif;position:relative;.margin:15px 0 0 0;padding:0;}
h5{color:#333;font:bold small/1.5em verdana, arial, sans-serif;position:relative;margin:0;padding:10px 0 0 0;}
h6{color:#41675c;font:normal xx-small/1.5em verdana, arial, sans-serif;position:relative;}  

blockquote{border-left:5px solid #ccc;padding:10px 10px 10px 20px;margin:15px 0 15px 20px;
color:#000;font-size:1.3em;line-height:1.5em;background:#f3f3f3;}

#clear{clear:both;}

/*  Photogallery.php 
==============================================================*/
#photo,#photoLG{width:500px;position:relative;padding:0px;margin:20px 0 0 0;}
#photo a,#photoLG a{width:137px;height:74px;margin:5px;padding:3px;float:left;border:1px solid #ccc;}
#photo a:hover,#photoLG a:hover{position:relative;border:1px solid #000;}
#photo a img,#photoLG a img{margin:0;padding:0px;border:none;width:137px;height:74px;}
#photo a:hover img,#photoLG a:hover img {width:240px; height:129px;position:absolute;left:-50px;top:-38px;
margin:0;padding:3px;background:#fff;border:1px solid #ccc;}			 

#photoLG a,#photoLG a img{width:282px;height:156px;}
#photoLG a:hover img{width:400px;height:220px;}
#photoLG p{float:left;}
/************************************************************/ 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	
/************************************************************/

/* Contact Form
==============================================================*/
#contact-form{width:400px;margin:10px 0 0 0;}
#contact-form .one, #contact-form .two{width:150px;} 
#contact-form .one{float:left;} 
#contact-form .two{margin:0 0 0 200px;}
#contact-form label{display:block;}
#contact-form fieldset{padding:10px;margin:0 0 8px 0;} 
#contact-form span{color:red;}
#contact-form legend{font-size:1.5em;color:#8ebb89;margin:0 0 10px 0;}
#contact-form label.radios, #contact-form label.check{display:inline;}
#contact-form select{width:150px;}

/*  Accessibility Menu (Hidden)
==============================================================*/
#accessibility{display:none;}


/*  Page/left/right/content (Containers)
==============================================================*/
#page{padding:0;margin:0 auto;position:relative;background: url(bg-page.jpg) 0 0 repeat-y;width:808px;}
#left{margin:0 0 0 0px;padding:0 0 0 30px;float:left;}
#right{padding:0;margin:0 0 0 185px;width:592px;position:relative;}
#content{padding:0 0 0 50px;width:470px;}


/*  Site Branding (Header)
==============================================================*/
#branding{background: url(bg-branding.jpg) 0 0 repeat-x;width:748px;margin:0 auto;height:133px;}

#branding-logo{position:relative;background: url(logo.jpg) 20px 13px no-repeat;padding:0;margin:0;float:left;
width:237px;height:93px;}
#branding-logo h3{text-indent:-3000px;margin:0;padding:0;}
#branding-logo a{display:block;width:245px;height:100px;margin:0;padding:0;} 

#branding-tagline{margin:0px 20px 0 500px;padding:10px 0 0 0;text-align:right;}
h5.email{margin:0;padding:0;background: url(bg-email.jpg) right 8px no-repeat;padding:0 28px 0 0;}
h5.email a{color:#a9a9a8;font:normal 1.1em/1.5em verdana, arial, sans-serif;margin:0;padding:0;text-decoration:none;}
h5.email a:hover{text-decoration:underline;color:#364b45;}
h5.phone{color:#b9b9b8;font:normal 2em/1.5em verdana, arial, sans-serif;margin:0;padding:0 28px 0 0;
background: url(bg-phone.jpg) right 10px no-repeat;}



/*  under header
==============================================================*/
#map{background:#364b45 url(map.gif) 0 0 no-repeat;width:155px;height:221px;}

#feature{background:#000;height:191px;margin:0 0 0 -3px;padding:0;border-bottom:30px solid #ebeae9;
position:relative;width:592px;}
/**/html>body #feature{margin:0;}/*feature and map needed to be touching sides*/


#slideshow{width:350px;height:184px;float:right;margin:2px 0 0 0;}/*background: url(slide.jpg) 0 0 no-repeat;*/



/*  footers
==============================================================*/
#footer-pagetag{background: url(bg-pagetag.jpg) 0 0px no-repeat;height:90px;position:relative;display:block;
margin:0 0 0 235px;width:514px;clear:left;}

ul#pagetag{list-style-type:none;padding:24px 0 0 0;display:block;margin:0;}
ul#pagetag li{margin:0;padding:0;float:left;color:#687974;text-transform:uppercase;line-height:2em;
border-bottom:1px solid #aeb1af;}
ul#pagetag li.pagetag-sp{padding:0 56px;}	  

#webmasters{float:left;background: url(realestatewebmasters.jpg) 93px 0 no-repeat;width:89px;height:26px;
padding:0 0 0 30px;margin:0;position:relative;}
/**/html>body #webmasters{padding:0 63px 0 30px;}/*bgimage needed padding to show in firefox*/
#webmasters p{text-indent:-3000px;}
#webmasters a{padding:0 0 0 63px;width:89px;height:26px;position:relative;display:block;}
/**/html>body #webmasters a{margin:-18px 0 0 0;}  /*firefox put the hot link 18px below the element??*/

#bg-footer{margin:0 0 0 182px;background: url(bg-footer.gif) 0 0 repeat-x;height:28px;width:592px;}
/**/html>body #bg-footer{margin:0 0 0 185px;} /*bg-footer and webmasters needed to be touching sides*/

#copy{padding:0;margin:0 auto;position:relative;width:808px;background: url(bg-copy.jpg) 0 0 repeat-x;height:35px;}
#copy p{color:#958371;text-align:right;margin:0 50px 0 0;padding:0;line-height:2em;}

/*  image fillers - shadow compensation
==============================================================*/
#bg-leftfiller{position:absolute;top:0;left:0;background: url(bg-leftfiller.jpg) 0 0 no-repeat;
width:30px;height:354px;}
#bg-rightfiller{position:absolute;top:0;right:0;background: url(bg-rightfiller.jpg) 0 0 no-repeat;
width:30px;height:354px;} 

#bg-leftcopy{position:absolute;top:0;left:0;background: url(bg-leftcopy.jpg) 0 0 no-repeat;
width:30px;height:31px;}
#bg-rightcopy{position:absolute;top:0;right:0;background: url(bg-rightcopy.jpg) 0 0 no-repeat;
width:30px;height:31px;}


/*  Navigation
==============================================================*/ 
a.top{color:#41675c;text-transform:uppercase;font-size:0.85em;background: url(bullet-main.gif) right -60px no-repeat;
letter-spacing:-1px;text-decoration:none;display:block;text-align:right;padding:0 15px 0 0;}
a.top:hover{background: url(bullet-main.gif) right -28px no-repeat;color:#550101;}

ul#nav-header{list-style-type:none;padding:17px 0 0 0;margin:0;}
ul#nav-header li{margin:0;padding:0;float:right;}
ul#nav-header li a{color:#4c2903;font-size:1.7em;line-height:2.5em;padding:5px 20px;text-transform:uppercase;
padding:5px 20px;text-decoration:none;letter-spacing:-1px;}
ul#nav-header li a:hover{color:#b5834e;border-bottom:4px solid #b5834e;}
ul#nav-header li.nav-headerON a,ul#nav-header li.nav-headerON a:hover{color:#976025;border-bottom:4px solid #976025;}


ul#nav-feature{padding:0;margin:0;width:238px;}
ul#nav-feature li{margin:0;padding:0;list-style-type:none;}
ul#nav-feature li a{margin:0;font-size:1.4em;line-height:4.1em;padding:0 0 0 85px;
color:#ccd8d5;display:block;text-decoration:none;margin:0 0 0 3px;border-top:4px solid #000;}
/**/html>body ul#nav-feature li a{line-height:4.2em;}/*alignment height off between browsers*/
ul#nav-feature li a:hover{color:#bee7db;}
ul#nav-feature li.nav-featureON a,ul#nav-feature li.nav-featureON a:hover{color:#976025;}	

ul#nav-feature li#nav-lotsale a{background:#1d2422 url(bg-lotsale.gif) 0 3px no-repeat;}
ul#nav-feature li#nav-lotsale a:hover{background:#101413 url(bg-lotsale.gif) 0 -94px no-repeat;}
ul#nav-feature li#nav-areainfo a{background:#1d2422 url(bg-areainfo.gif) 0 3px no-repeat;}
ul#nav-feature li#nav-areainfo a:hover{background:#101413 url(bg-areainfo.gif) 0 -94px no-repeat;}
ul#nav-feature li#nav-prop a{background:#1d2422 url(bg-prop.gif) 0 3px no-repeat;}
ul#nav-feature li#nav-prop a:hover{background:#101413 url(bg-prop.gif) 0 -94px no-repeat;}	

/**/html>body ul#nav-feature li#nav-lotsale a,
ul#nav-feature li#nav-areainfo a,ul#nav-feature li#nav-prop a{background-position: 0 0;}
/**/html>body ul#nav-feature li#nav-lotsale a:hover,
ul#nav-feature li#nav-areainfo a:hover,ul#nav-feature li#nav-prop a:hover{background-position: 0 -97px;} 

ul#nav-main{padding:0;margin:15px 0 0 0;}
ul#nav-main li{margin:0;padding:0;list-style-type:none;}
ul#nav-main li a{margin:0;color:#000;font-size:1.2em;line-height:2.3em;padding:0 20px 0 0;text-align:right;
color:#000;display:block;text-decoration:none;margin:0;background: url(bullet-main.gif) 136px 8px no-repeat;}
ul#nav-main li a:hover{color:#41675c;background:#cfd9d6 url(bullet-main.gif) 136px -54px no-repeat;}
ul#nav-main li.nav-mainON a,ul#nav-main li.nav-mainON a:hover{color:#550101;background:#d9e1df url(bullet-main.gif) 136px -22px no-repeat;}

ul#nav-second{padding:5px 0 0 0;;margin:10px 0 0 0;background: url(bg-navsecond.gif) 9px 0 no-repeat;}
ul#nav-second li{margin:0;padding:0;list-style-type:none;}
ul#nav-second li a{margin:0;color:#000;font-size:1.2em;line-height:2.3em;padding:0 20px 0 0;text-align:right;
color:#687974;display:block;text-decoration:none;margin:0;background: url(bullet-second.gif) 136px 8px no-repeat;}
ul#nav-second li a:hover{color:#41675c;background:#cfd9d6 url(bullet-second.gif) 136px -54px no-repeat;}
ul#nav-second li.nav-secondON a,ul#nav-second  li.nav-secondON a:hover{color:#550101;background:#d9e1df url(bullet-second.gif) 136px -22px no-repeat;}	 


/*  extra fluff carryed over from listings.css
==============================================================*/
#listing-detail{border-top:10px solid #d4db98;margin:10px 0 5px 0;position:relative;}
#bck-bimg{margin:0 0 15px 0;padding:0px 8px 0 0;position:relative;}
#bck-bimg a{margin:0 0 20px 0;padding:0;width:135px;display:block;height:42px;
background: url(bg-makeOffer.jpg) 0 0 no-repeat;}
#bck-bimg a:hover{background-position:0 -75px;}
#bck-bimg a h6{text-indent:-3000px;position:relative;margin:0;padding:0;}
#sales-contract a{position:absolute;top:5px;left:150px;width:167px;height:32px;
background: url(bg-salesContract.gif) 0 0 no-repeat;display:block;}
#sales-contract a:hover{background: url(bg-salesContract.gif) 0 0 no-repeat;}
#sales-contract a h6{text-indent:-3000px;}
