/*=General Styles

=== === === === === === === === === === */
/*html, body { height: 100%; }*/

*{
	margin:0;
	padding:0;
}

body{
	background: #9c9d9e;
	text-align: center;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color:#3e3e3e;
	overflow:auto;
}
a img{border:none;}

/*=Page Wrap

=== === === === === === === === === === */
#wrap { 
  position: relative;
  margin: 0px auto;
  text-align: left;
  zoom: 1;
  overflow:hidden;
  height:100%;
}

#wrap, #footer {
  width: 885px;
  margin: 0px auto;
  text-align: left; 
  clear: both;
}

#contents{
	height:950px;
	background:#fff;
}
* html #contents{margin-top:-2px;}


/*=MASTHEAD

=== === === === === === === === === === */

#masthead {

  background: url(/media/community_page/masthead.gif) top left #9B9D9E; 
  height: 133px;
  margin: 0px;
  padding: 0px;
  width: 885px;
  line-height: normal;
  position: absolute; 
  top: 0;
  left:0;
  border:none;

}

#masthead img{
	margin:0 20px 0 20px;
}

/*= Navigation 
========================================= */
/* Top most links */

ul#top_nav a { display: block; text-decoration: underline; font-size: 10pt; }
ul#top_nav li a.bv{font-size:9pt;}
ul#top_nav a:hover { text-decoration: underline; }
ul#top_nav a { color: #fff; margin: 0 10px; }
ul#tab_nav a { color: #fff; padding: 4px; }

ul#top_nav {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px; /* remove ul margin for exact positioning */
  padding: 0px;
  list-style: none;
}

ul#top_nav li {
  float: left;
  padding: 0;
  margin: 0 12px 0 0;
  z-index:100;
}

ul#top_nav { 
	top: 85px; 
	/* account for 10px right margin, so subtract 10px from 25px space to edge of div */
	left: 172px;    /* 143px + 30px padding (logo width) */
}
ul#top_nav li { 
  border-left: solid 1px #fff; 
  margin: 0px; 
  z-index:100;
}

ul#top_nav li.first { border-left: none; overflow: visible; }




/*= Content (Top) 
========================================= */
/* Top most copy */
#content_top{
	padding-top:133px; /*133px to account for the height of masthead*/
}
#content_top h1{
	color:#3e3e3e; 
	margin-left:25px; 
	font-size:29px; 
	font-weight:500;
	float:left;
}
#content_top #product_info{
	float:right;
	margin-right:25px;
}
#content_top #product_info p.price_point{
	font-weight:900;
}
#product_shot img{
	height:192px;
	margin:5px 0 0 0;
}


/*= Content (Bottom) 
========================================= */
/* Bottom most copy */
#copy{
	font-size:.9em;
	height:400px;
	margin-top:-5px;
	line-height:1.5;
}
#copy h2{
        font-size:1.5em;
	font-weight:400;
	margin-left:30px;
}
#copy h2.sales{
	font-weight:900;
	margin-bottom:10px;
	margin-left:0;
}
#copy #details{
	float:left;
	margin:20px 15px;
	width:55%;
}

#copy #details p{
	margin:0 40px 0 30px;
}
#copy #contact{
	background: #e4dcd1;
	width:39%;
	float:left;
        padding-bottom:15px;
}
#contact div{
	margin-left:25px;
	margin-right:25px;
	margin-top:15px;
}
#contact #amenities{
	margin-left:0;
	margin-right:20px;
	margin-top:15px;
}
#contact table{
	width:100%;
}
#contact #amenities span.header{
	font-weight:800;
}

#icon{margin:40px 0 25px 25px;}
#copy #details #icon #cv,#qm,#ddspcu{
	float:left;
	margin-right: 18px;
}
#copy #details #icon div.caption{
	width:127px;
}
#ddspcu img{display:block;}
#address{
	width:148px;
	background:#e4dcd1;
	padding:15px 0;
}
#address .content{
	margin:0 1px 0 5px;
        font-size:92%;
}
#address p{margin-left:10px !important;}

/*= Footer 
========================================= */
#footer{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}