/*------------------
STYLESHEET
Luxurymarinhomes.com
Author: Petr Odehnal
WebSight Design 
January, 9 2009
--------------------*/
*{ margin:0px; padding:0px;}

body{
  text-align:center;
  font-size:12px;
  font-family:arial, verdana, sans-serif;
}

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


.outside_container{
  margin: 0px auto 0px;
  width: 918px;
  background:#FFF url('../images/body_bkg.jpg') repeat-y top left;
  margin: 0px auto -44px;
  min-height:100%;
  height: auto !important; 
  height: 100%;
}

.container{
  margin: 0px auto 0px;
  width:900px;  
  border: #fff 1px solid;  border-top: #fff 0px solid; border-bottom:#fff 2px solid;
}
.footer{
  margin: 44px auto;
  background:#FFF url('../images/footer_bkg.jpg') no-repeat top left;
  width: 918px; height:44px; 
  border:#f00 0px solid;
  font-family: Arial, Helvitca, sans-serif;
  color:#333;
  font-size: 11px;
}

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active{ color:#333; text-decoration: none;}
.header{
  width: 900px; height: 134px;
  background:#FFF url('../images/header_bkg.jpg') no-repeat top left;
  border-bottom:#fff 2px solid;
  position:relative;
}

.home_logo{position:absolute; width: 88px; height: 106px; top: 10px; left:15px; border: #f00 0px solid; cursor: pointer;}

.carey_logo{position:absolute; width: 77px; height: 106px; top: 10px; right:20px; border: #f00 0px solid; cursor: pointer;}

/*========================== Navigation =======================================================*/
.nav{
  width: 900px; height:24px;
  background: #000;
  border-bottom:#fff 2px solid;
  position: relative;
}

.nav ul{list-style-type: none;}
.nav li{float: left;}

.nav span{visibility: hidden; text-decoration: none;}

a.home{display:block; text-decoration: none; width:68px; height:24px; background:#000 url('../images/menu_off/home.gif') no-repeat top left;}
a.home:hover, a.home:active{display:block; text-decoration: none; width:68px; height:24px; background:#000 url('../images/menu_on/home.gif') no-repeat top left;}
a.home_active{display:block; text-decoration: none; width:68px; height:24px; background:#000 url('../images/menu_on/home.gif') no-repeat top left;}

a.about{display:block; text-decoration: none; width:112px; height:26px; background:#000 url('../images/menu_off/about.gif') no-repeat top left;}
a.about:hover, a.about:active{display:block; text-decoration: none; width:112px; height:26px; background:#000 url('../images/menu_on/about.gif') no-repeat top left;}
a.about_active{display:block; text-decoration: none; width:112px; height:26px; background:#000 url('../images/menu_on/about.gif') no-repeat top left;}

a.properties{display:block; text-decoration: none; width:98px; height:24px; background:#000 url('../images/menu_off/properties.gif') no-repeat top left;}
a.properties:hover, a.properties:active{display:block; text-decoration: none; width:98px; height:24px; background:#000 url('../images/menu_on/properties.gif') no-repeat top left;}
a.properties_active{display:block; text-decoration: none; width:98px; height:24px; background:#000 url('../images/menu_on/properties.gif') no-repeat top left;}

a.mls{display:block; text-decoration: none; width:103px; height:24px; background:#000 url('../images/menu_off/mls.gif') no-repeat top left;}
a.mls:hover, a.mls:active{display:block; text-decoration: none; width:103px; height:24px; background:#000 url('../images/menu_on/mls.gif') no-repeat top left;}
a.mls_active{display:block; text-decoration: none; width:103px; height:24px; background:#000 url('../images/menu_on/mls.gif') no-repeat top left;}

a.marin{display:block; text-decoration: none; width:116px; height:24px; background:#000 url('../images/menu_off/marin.gif') no-repeat top left;}
a.marin:hover, a.marin:active{display:block; text-decoration: none; width:116px; height:24px; background:#000 url('../images/menu_on/marin.gif') no-repeat top left;}
a.marin_active{display:block; text-decoration: none; width:116px; height:24px; background:#000 url('../images/menu_on/marin.gif') no-repeat top left;}

a.services{display:block; text-decoration: none; width:151px; height:24px; background:#000 url('../images/menu_off/services.gif') no-repeat top left;}
a.services:hover, a.services:active{display:block; text-decoration: none; width:151px; height:24px; background:#000 url('../images/menu_on/services.gif') no-repeat top left;}
a.services_active{display:block; text-decoration: none; width:151px; height:24px; background:#000 url('../images/menu_on/services.gif') no-repeat top left;}

a.market{display:block; text-decoration: none; width:153px; height:24px; background:#000 url('../images/menu_off/market.gif') no-repeat top left;}
a.market:hover, a.market:active{display:block; text-decoration: none; width:153px; height:24px; background:#000 url('../images/menu_on/market.gif') no-repeat top left;}
a.market_active{display:block; text-decoration: none; width:153px; height:24px; background:#000 url('../images/menu_on/market.gif') no-repeat top left;}

a.contact{display:block; text-decoration: none; width:99px; height:24px; background:#000 url('../images/menu_off/contact.gif') no-repeat top left;}
a.contact:hover, a.contact:active{display:block; text-decoration: none; width:99px; height:24px; background:#000 url('../images/menu_on/contact.gif') no-repeat top left;}
a.contact_active{display:block; text-decoration: none; width:99px; height:24px; background:#000 url('../images/menu_on/contact.gif') no-repeat top left;}

div.submenu_table { margin:0px; padding:0px; z-index:3; font-size:12px; text-align: left; line-height: 16px;
      background:#000; padding:0px 0px 0px 14px; cursor:pointer; border:#fff 2px solid; border-top:#fff 0px solid; cursor:pointer;
}

div.submenu_table a { display:block; width:200px; height:24px; margin:0px; padding-top:7px; border:#f00 1px solid;
			color:#fff;text-decoration:none; border:#f00 0px solid; z-index:3; font-size:11px; 
}

div.submenu_table a:hover, div.submenu_table a:active {
		display:block; width:200px; height:24px; margin:0px; padding-top:7px;	
		color:#F4C300;text-decoration:none; z-index:3; font-size:11px;
}
.spacer{ height:5px; }	
.apad {	padding:0px; margin:3px 0px 0px 0px !important;	margin:0px 0px 0px 3px; cursor:pointer;  }

div.submenu_about_hide {visibility:hidden; position:absolute; overflow:hidden; z-index:3; top:24px; left:66px; width:114px; height:34px;}
div.submenu_about_show {visibility:visible; position:absolute; overflow:hidden; z-index:3; top:24px; left:66px; width:114px; height:34px; }

div.submenu_marin_hide {visibility:hidden; position:absolute; overflow:hidden; z-index:3; top:24px; left:379px; width:225px; height:68px;}
div.submenu_marin_show {visibility:visible; position:absolute; overflow:hidden; z-index:3; top:24px; left:379px; width:225px; height:68px; }

div.submenu_market_hide {visibility:hidden; position:absolute; overflow:hidden; z-index:3; top:24px; left:646px; width:155px; height:34px;}
div.submenu_market_show {visibility:visible; position:absolute; overflow:hidden; z-index:3; top:24px; left:646px; width:155px; height:34px; }

div.submenu_mls_hide {visibility:hidden; position:absolute; overflow:hidden; z-index:3; top:24px; left:276px; width:145px; height:34px; }
div.submenu_mls_show {visibility:visible; position:absolute; overflow:hidden; z-index:3; top:24px; left:276px; width:145px; height:34px; }

/*=============================================Sub Pages ==================================*/
#main{
  text-align: left;
  border-top:#ccc 0px solid;

}
#main p{
  margin: 0px 10px 10px 10px;
}
img{border:0px;}

br.clearer{clear:both;}

div.credit{
  float:left;
  margin-top:5px;
}
div.title{
  width:146px;
  float:left;
  display:inline;
  margin-left:20px;
}
div.content{
  /*width:705px;*/
  width:890px;
  float:left;
  border-left:0px solid #c2c2c2;
}
div.content div.inner{
  margin-left:15px;
    padding: 15px 0px 15px 0px;
}
.inner ul{margin:5px 0px 0px 15px; list-style: inside;}

.inner li{ padding:3px 0px 4px 0px;}

h1{
  margin: 15px 0px 0px 0px;
  width:146px;
  height:69px;
  overflow:hidden;
}
h1 span{
  display:none;
}
h1.about{background:url("../images/t_about.gif") 0px 0px no-repeat;}
h1.properties{background:url("../images/t_properties.gif") 0px 0px no-repeat;}
h1.mls{background:url("../images/t_mls.gif") 0px 0px no-repeat;}
h1.marin{background:url("../images/t_marin.gif") 0px 0px no-repeat;}
h1.concierge{background:url("../images/t_concierge.gif") 0px 0px no-repeat;}
h1.market{background:url("../images/t_market.gif") 0px 0px no-repeat;}
h1.contact{background:url("../images/t_contact.gif") 0px 0px no-repeat;}
h1.testimonials{background:url("../images/t_testimonials.gif") 0px 0px no-repeat;}
h1.news{background:url("../images/t_news.gif") 0px 0px no-repeat;}
h1.vendors{background:url("../images/t_vendors.gif") 0px 0px no-repeat;}
h1.restaurants{background:url("../images/t_restaurants.gif") 0px 0px no-repeat;}

h1.marincounty{background:url("../images/t_marincounty.gif") 0px 0px no-repeat;}
h1.belvedere{background:url("../images/t_belvedere.gif") 0px 0px no-repeat;}
h1.cortemadera{background:url("../images/t_cortemadera.gif") 0px 0px no-repeat;}
h1.fairfax{background:url("../images/t_fairfax.gif") 0px 0px no-repeat;}
h1.greenbrae{background:url("../images/t_greenbrae.gif") 0px 0px no-repeat;}
h1.kentfield{background:url("../images/t_kentfield.gif") 0px 0px no-repeat;}
h1.larkspur{background:url("../images/t_larkspur.gif") 0px 0px no-repeat;}
h1.millvalley{background:url("../images/t_millvalley.gif") 0px 0px no-repeat;}
h1.novato{background:url("../images/t_novato.gif") 0px 0px no-repeat;}
h1.ross{background:url("../images/t_ross.gif") 0px 0px no-repeat;}
h1.sananselmo{background:url("../images/t_sananselmo.gif") 0px 0px no-repeat;}
h1.sanrafael{background:url("../images/t_sanrafael.gif") 0px 0px no-repeat;}
h1.sausalito{background:url("../images/t_sausalito.gif") 0px 0px no-repeat;}
h1.tiburon{background:url("../images/t_tiburon.gif") 0px 0px no-repeat;}
h1.westmarin{background:url("../images/t_westmarin.gif") 0px 0px no-repeat;}

h3 {font-size: 14px; font-weight: bold;}

div#mls{
  width:900px;
  height:400px;
}
iframe.mlsframe{
  width:900px;
  height:415px;
  border:0;
}

div.transOFF {width: 100%; color:#f6c606;}
div.transON {width: 100%; color:#272e73;/*opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/}
	

p.italic{
  font-style:italic;
}


div.market {position: relative; margin: 0px 0px 0px 600px;}

div.list1 {
	position: relative;
	margin: 110px 0px 0 450px;
}


div.list2 {
	color: #000000;
	position: relative;
	margin: 110px 0px 0 600px;
}

div.propimage { float:left; }
div.propdetail { margin: 20px 0px 0px 420px; font-size:1.2em; }
div.propdetail2 { margin: 25px 0px 0px 420px; font-size:1.0em; color:#272e73; }
div.propdetail3 { margin: 30px 0px 0px 420px; }