/*==============================================================================
* FineLivingMarin
* built by: WebSightDesign
*==============================================================================*/

*{ padding:0px; margin:0px; }
img{ border:0px; display:block;}
body{  background:#C8993D; text-align: center; font-family:Arial, Arial, Helvetica, sans-serif; font-size:13px; color:#000;}

.subpage_content a:link, a:visited, a:active{color:#493209; font-weight:bold; text-decoration: none;}
.subpage_content a:hover, a:active{ color:#493209; font-weight:bold; text-decoration: underline;}


.header{ height:122px; background:#000; }

.header_i{ width: 960px; height:122px; margin:0px auto; background: url('../images/header_bg.jpg') no-repeat top left; border:#f00 0px solid;}

.footer{ 
 width:926px; margin:10px auto; background: url('../images/footer_bg.gif') no-repeat top left;
 padding:22px 0px 0px 40px;text-align:left; color:#000; font-size:11px; height:60px;
}

.footer a{
  text-decoration: none; color:#000; font-size:11px;
}

.wrapper{ background: url('../images/main_bg.jpg') no-repeat top center; padding:1px 0px 0px 0px; border:#f00 0px solid; }

.logo{ width: 93px; height:100px; float:left; cursor:pointer; border:#f00 0px solid; margin:10px 0px 0px 3px;}

.ml_logo{ width: 63px; height:70px; float:right; cursor:pointer; border:#f00 0px solid; margin:8px 23px 0px 0px;}

.clearer{clear:both;}

.nav{ width: 856px; height:28px; float:right; cursor:pointer; border:#f00 0px solid; margin:-19px 0px 0px 0px; position:relative;}

.nav ul{ list-style-type:none;  }
.nav li{ float:left; }
.nav a{text-decoration: none; color:#fff; font-size:12px;}
.nav a:hover{ color:#EB9B38;}
.nav span{ visibility: hidden;}

a.home{ display: block; height:28px; width: 68px; background: url('../images/menu_off/home.gif') no-repeat top left; }
a.home:hover, a.home:active, a.home_act{ display: block; height:28px; width: 68px; background: url('../images/menu_on/home.gif') no-repeat top left;}

a.about{ display: block; height:28px; width: 129px; background: url('../images/menu_off/about.gif') no-repeat top left; }
a.about:hover, a.about:active, a.about_act{ display: block; height:28px; width: 129px; background: url('../images/menu_on/about.gif') no-repeat top left;}

a.featured{ display: block; height:28px; width: 162px; background: url('../images/menu_off/featured.gif') no-repeat top left; }
a.featured:hover, a.featured:active, a.featured_act{ display: block; height:28px; width: 162px; background: url('../images/menu_on/featured.gif') no-repeat top left;}

a.mls{ display: block; height:28px; width: 103px; background: url('../images/menu_off/mls.gif') no-repeat top left; }
a.mls:hover, a.mls:active, a.mls_act{ display: block; height:28px; width: 103px; background: url('../images/menu_on/mls.gif') no-repeat top left;}

a.marin{ display: block; height:28px; width: 117px; background: url('../images/menu_off/marin.gif') no-repeat top left; }
a.marin:hover, a.marin:active, a.marin_act{ display: block; height:28px; width: 117px; background: url('../images/menu_on/marin.gif') no-repeat top left;}

a.market{ display: block; height:28px; width: 161px; background: url('../images/menu_off/market.gif') no-repeat top left; }
a.market:hover, a.market:active, a.market_act{ display: block; height:28px; width: 161px; background: url('../images/menu_on/market.gif') no-repeat top left;}

a.contact{ display: block; height:28px; width: 112px; background: url('../images/menu_off/contact.gif') no-repeat top left; }
a.contact:hover, a.contact:active, a.contact_act{ display: block; height:28px; width: 112px; background: url('../images/menu_on/contact.gif') no-repeat top left;}

.featured_drop_hide{
  position:absolute; width:144px; height:28px; top:24px; right:495px; border:#f00 0px solid; background:#000; text-align: left;
  padding:6px 0px 0px 10px; color:#fff; font-weight:  bold; visibility:hidden;
}
.featured_drop_show{
  position:absolute; width:144px; height:28px; top:24px; right:495px; border:#333 1px solid; background:#000; text-align: left;
  padding:6px 0px 0px 10px; color:#fff; font-weight:  bold; visibility:visible; border-top:0px;
}

/*============================================ HOME PAGE =========================================================*/

.home_div{
  width: 820px; margin:0px auto; border:#f00 0px solid; padding:30px 0px 0px 0px;
}

.flash_frame{
  width:807px; height: 408px; background: url('../images/home_frame.png') no-repeat top left; z-index: 20px;
  border:#f00 0px solid; text-align: left; padding:19px 0px 0px 21px;
}

.flash_div{
  margin:0px;   width:758px; height:362px; z-index: -1;   border:#f00 0px solid; 
}


/*============================================ SUBPAGE =========================================================*/
.subpage_bg{
  width: 980px; min-height: 588px; margin:0px auto;  padding: 0px 0px 0px 0px;
  background:#E4D1AC url('../images/subpage_bg.jpg') no-repeat top left;  
}

.subpage_content{ width: 970px;  margin:0px auto;  padding: 20px ; text-align: left;}
/*.subpage_content a{color:#000; font-weight:bold; text-decoration:none; display:block; margin:0px 0px 0px 0px; }*/
.subpage_content p{ margin: 8px 0px 8px 0px;}
.subpage_content ul{ padding:5px 0px 0px 20px;}
.subpage_content li{ padding:0px; }

h1.hdr_contact{ display: block; width:936px; height:73px; background: url('../images/contact_hdr.png') no-repeat top left !important; background: url('../images/contact_hdr.gif') no-repeat top left;}
h1.hdr_market{ display: block; width:936px; height:73px; background: url('../images/market_hdr.png') no-repeat top left !important; background: url('../images/market_hdr.gif') no-repeat top left;}
h1.hdr_featured{ display: block; width:936px; height:73px; background: url('../images/featured_hdr.png') no-repeat top left !important;  background: url('../images/featured_hdr.gif') no-repeat top left;}
h1.hdr_marin{ display: block; width:936px; height:73px; background: url('../images/marin_hdr.png') no-repeat top left !important; background: url('../images/marin_hdr.gif') no-repeat top left;}
h1.hdr_about{ 
  display: block; float: left; width:760px; height:79px; 
  background: url('../images/about_hdr.png') no-repeat top left !important;   background: url('../images/about_hdr.gif') no-repeat top left; 
 
  border:#f00 0px solid;
}

h1.hdr_marincounty{ display: block; width:935px; height:80px; background: url('../images/marincounty_hdr.gif') no-repeat top left;}
h1.hdr_belvedere{ display: block; width:935px; height:80px; background: url('../images/belvedere_hdr.gif') no-repeat top left;}
h1.hdr_sanrafael{ display: block; width:935px; height:80px; background: url('../images/sanrafael_hdr.gif') no-repeat top left;}
h1.hdr_cortemadera{ display: block; width:935px; height:80px; background: url('../images/cortemadera_hdr.gif') no-repeat top left;}
h1.hdr_fairfax{ display: block; width:935px; height:80px; background: url('../images/fairfax_hdr.gif') no-repeat top left;}
h1.hdr_greenbrae{ display: block; width:935px; height:80px; background: url('../images/greenbrae_hdr.gif') no-repeat top left;}
h1.hdr_kentfield{ display: block; width:935px; height:80px; background: url('../images/kentfield_hdr.gif') no-repeat top left;}
h1.hdr_larkspur{ display: block; width:935px; height:80px; background: url('../images/larkspur_hdr.gif') no-repeat top left;}
h1.hdr_millvalley{ display: block; width:935px; height:80px; background: url('../images/millvalley_hdr.gif') no-repeat top left;}
h1.hdr_novato{ display: block; width:935px; height:80px; background: url('../images/novato_hdr.gif') no-repeat top left;}
h1.hdr_ross{ display: block; width:935px; height:80px; background: url('../images/ross_hdr.gif') no-repeat top left;}
h1.hdr_sananselmo{ display: block; width:935px; height:80px; background: url('../images/sananselmo_hdr.gif') no-repeat top left;}
h1.hdr_sausalito{ display: block; width:935px; height:80px; background: url('../images/sausalito_hdr.gif') no-repeat top left;}
h1.hdr_tiburon{ display: block; width:935px; height:80px; background: url('../images/tiburon_hdr.gif') no-repeat top left;}
h1.hdr_westmarin{ display: block; width:935px; height:80px; background: url('../images/westmarin_hdr.gif') no-repeat top left;}
h1.hdr_past{ display: block; width:935px; height:80px; background: url('../images/past_hdr.gif') no-repeat top left;}


.flabel{ width:100px; font-weight: bold; padding:5px 20px 0px 0px;}
.ffield , .ffield input, .ffield textarea{ width:280px;}

.contact_left{ float: left; width: 460px; border:#f00 0px solid;  padding: 30px 0px 0px 80px; }
.contact_right{ float: left; width: 320px; border:#f00 0px solid; padding: 35px 0px 0px 20px; text-align: left;}
.contact_right a{ color:#9c650f;  display:inline; }
.property_div{ width:297px; height:370px; float:left; margin:10px 9px 17px 8px; display:block !important; display:inline; overflow: hidden;  }
.property_bg{  width:297px; height: 181px; padding: 0px 0px 0px 0px; }
.property_text{ padding:0px 0px 0px 5px; width:285px;}

h3.t_ross{ display: block; width:70px; height:44px; background: url('../images/t_ross.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_kentfield{ display: block; width:130px; height:44px; background: url('../images/kentfield_t.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_larkspur{ display: block; width:124px; height:44px; background: url('../images/t_larkspur.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_woodland{ display: block; width:213px; height:44px; background: url('../images/t_kwoodland.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_cortemadera{ display: block; width:213px; height:44px; background: url('../images/t_cortemadera.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_millvalley{ display: block; width:213px; height:44px; background: url('../images/t_millvalley.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_tiburon{ display: block; width:130px; height:44px; background: url('../images/t_tiburon.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_sausalito{ display: block; width:130px; height:44px; background: url('../images/t_sausalito.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_sananselmo{ display: block; width:196px; height:44px; background: url('../images/t_sananselmo.gif') no-repeat top left; padding: 0px 0px 6px 0px;}
h3.t_greenbrae{ display: block; width:250px; height:44px; background: url('../images/t_greenbrae.gif') no-repeat top left; padding: 0px 0px 6px 0px;}


.detail_left{ width: 588px; height:400px; float:left; border:#f00 0px solid; margin:10px 0px 0px 0px;}
.detail_right{ width: 370px; height:400px; float:left;  border:#f00 0px solid; margin:10px 0px 0px 0px;}
.detail_right img{ float:left; margin:0px 6px 12px 6px;}

.detail_info{ margin:10px 0px 0px 0px; width:880px;}

.feature_div{ margin:10px 20px 10px 20px; width:380px; /*height:55px;*/ float:left;  border:#f00 0px solid;}

.feature_divl{ margin:10px 20px 10px 20px; width:380px; /*height:55px;*/ float:left;  border:#f00 0px solid;}
.feature_divr{ margin:10px 20px 10px 20px; width:380px; /*height:55px;*/ float:left;  border:#f00 0px solid;}


.marin_div{ width:970px; padding:0px 0px 0px 5px;}
.marin_div a{ float: left; width:309px; margin:3px;  border:#f00 0px solid; }

.marin_detail_div{ width:970px; padding:0px 0px 0px 60px;}
.marin_detail_div a{ color:#9c650f; padding:4px 20px 0px 0px;}