/*------------------
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;*/
  width:1024px;
  background:#fff url('../images/body_bkg.gif') repeat-y;
  margin: 0px auto -44px;
  min-height:100%;
  height: auto !important; 
  height: 100%;
}

.container{
  margin: 0px auto 0px;
  width:1006px;  
  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:1024px; 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;}

.footer_new{
  margin: 4px auto;
  background:#0c1129;
  width:1006px; height:35px; 
  border-bottom:#333333 6px solid;
  font-family: Arial, Helvitca, sans-serif;
  color:#666666;
  font-size: 11px;
}


.footer_new a:link, .footer_new a:visited, .footer_new a:hover, .footer_new a:active{ color:#7a85b7; text-decoration: none;}

.header{
  width:1006px; height: 134px;
  background:#FFF url('../images/header_bkg.jpg');
  border-bottom:#fff 2px solid;
  position:relative;
}

.header_new {
  width:1006px; height: 134px;
  background:#0c1129;
  border-bottom:#fff 2px solid;
  position:relative;
}

#pacU { float:left; margin:20px 0px 0px 20px; }
#careycondy { width:529px; float:left; margin:10px 0px 0px 120px; color:#7a85b7; font-size:16px; font-family:times; font-style:italic; }
#christies { float:right; margin:50px 30px 0px 0px; }

.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_container {
	width:1006px; margin:0px auto; height:26px;
	background:url(../images/navbg.gif) repeat-x;
}

.nav {
  width:900px; height:24px; margin:0px auto;
  background: #000;
  border-bottom:#fff 2px solid; border-left:1px solid #fff; border-right:1px solid #fff;
  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:110px; height:24px; background:#000 url('../images/menu_off/about.gif') no-repeat top left;}
a.about:hover, a.about:active{display:block; text-decoration: none; width:110px; height:24px; background:#000 url('../images/menu_on/about.gif') no-repeat top left;}
a.about_active{display:block; text-decoration: none; width:110px; height:24px; background:#000 url('../images/menu_on/about.gif') no-repeat top left;}

a.properties{display:block; text-decoration: none; width:94px; 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:94px; height:24px; background:#000 url('../images/menu_on/properties.gif') no-repeat top left;}
a.properties_active{display:block; text-decoration: none; width:94px; height:24px; background:#000 url('../images/menu_on/properties.gif') no-repeat top left;}

a.mls{display:block; text-decoration: none; width:101px; 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:101px; height:24px; background:#000 url('../images/menu_on/mls.gif') no-repeat top left;}
a.mls_active{display:block; text-decoration: none; width:101px; height:24px; background:#000 url('../images/menu_on/mls.gif') no-repeat top left;}

a.marin{display:block; text-decoration: none; width:112px; 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:112px; height:24px; background:#000 url('../images/menu_on/marin.gif') no-repeat top left;}
a.marin_active{display:block; text-decoration: none; width:112px; height:24px; background:#000 url('../images/menu_on/marin.gif') no-repeat top left;}

a.services{display:block; text-decoration: none; width:153px; 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:153px; height:24px; background:#000 url('../images/menu_on/services.gif') no-repeat top left;}
a.services_active{display:block; text-decoration: none; width:153px; height:24px; background:#000 url('../images/menu_on/services.gif') no-repeat top left;}

a.market{display:block; text-decoration: none; width:156px; 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:156px; height:24px; background:#000 url('../images/menu_on/market.gif') no-repeat top left;}
a.market_active{display:block; text-decoration: none; width:156px; height:24px; background:#000 url('../images/menu_on/market.gif') no-repeat top left;}

a.contact{display:block; text-decoration: none; width:106px; 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:106px; height:24px; background:#000 url('../images/menu_on/contact.gif') no-repeat top left;}
a.contact_active{display:block; text-decoration: none; width:106px; 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:#0c1129; 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:371px; width:225px; height:102px;}
div.submenu_marin_show {visibility:visible; position:absolute; overflow:hidden; z-index:3; top:24px; left:371px; width:225px; height:102px; }

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

div.submenu_mls_hide { visibility:hidden; position:absolute; overflow:hidden; z-index:3; top:24px; left:270px; width:145px; height:95px; text-transform:uppercase; }
div.submenu_mls_show { visibility:visible; position:absolute; overflow:hidden; z-index:3; top:24px; left:270px; width:145px; height:95px; text-transform:uppercase; }

/*=============================================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;
  display:inline;
  margin-left:20px;
}
div.content{
  /*width:705px;*/
  /*width:890px;*/
  width:980px;
  /*float:left;*/
  margin:0px auto;
  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:0px auto;
  border: 0px red solid;
  width:450px;
  height:50px;
  overflow:hidden;
  text-align:center;
  
}
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; margin-top: 15px; }
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.schoolscores{background:url("../images/t_schoolscores.gif") 0px 0px no-repeat;}
h1.articles{background:url("../images/t_articles.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;
}

iframe.pacuframe{
  width:100%;
  height:1200px;
  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; margin-top: px; margin-right: 10px;}
div.propdetail { margin: 0px 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; }


div.prop { color:#272e73;}
div.propdet {width: 190px; height: 270px; border:1px #302B54 solid; text-align: center; margin: 0px 22px 20px 22px; float: left;}