/* Generic 
******************************/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}


/* Class for clearing floats */
.clear {
	clear:both;
}

a:link {
	color: #6A6358;
	}
	
a:visited {
	  color: #6A6358;
	}

a:hover {
	  color: #000;
	  text-decoration: none;
	}
	

/* Remove border around linked images */
img {
	border: 0;
}

/* Layout 
******************************/

body {
  text-align: center; 
  min-width: 955px;
  background-color:#D5C5AC;
}

#wrap {
  width: 955px; 
  margin: 10px auto; 
  text-align: left; 
}

#content { 
  width: 635px;
  float: left;   
  background: #F0DDC0 url(../img/content_bg_bot.gif) no-repeat bottom left;
}

.sidebar { 
  width: 310px; 
  float: right; 
  background: #F0DDC0 url(../img/sidebar_bg_bot.gif) no-repeat bottom left;
} 

/* for top line above content and sidebar */
#content-top { 
	width: 955px; 
	height:12px;
	/*margin:0 5px 0 10px;*/
  padding:0;
  background: #42675B url(../img/content_top.gif) no-repeat top left;
}

/* might need for repeated background to make columns same height*/

/* #content-outer { 	
	float:left;
	width: 955px; 
  background:  url(../img/tile2.gif) repeat-y top left;
} */



#header {
	position: relative; 
	height: 85px;
	background:  url(../img/wrap_bg.gif) no-repeat top right;
}

#footer { 
  clear: both; 
  padding-top:2.5em;
  text-align:center;
} 


/* logo style 
******************************/

#logo {
	margin: 0; 
	padding:0;
	position: absolute; 
	top: 0; 
	left: 30px;
	width: 220px; 
	background: url(../img/logo.gif) no-repeat 0 0;
	text-indent: -9000px; 
	}
	
#logo a {
	display: block;
	height: 82px;
	}

#logo a:hover {
	background-color:transparent;
	}


/* Type 
******************************/

body {
	font-size: small;
	font-family: verdana, sans-serif;
	line-height: 1.6em;
	color: #6A6358;
	}

p {
	font-size:90%;
	margin:0; 
	padding: 0 1em 1em 2em; 
	line-height: 1.5em;
	}


/* Headings 
******************************/

h1 {
	font-size: 130%;
	letter-spacing: 1px;
	padding-left: 1em;
	padding-top: 1em;
	margin:0;
	}
	
h1.home {
	padding: .5em 1em;
	font-size: 120%;
	border-top: 1px solid #D9C7AC;
	}
	
h2 {
	font-size: 110%;
	letter-spacing: 1px;
	padding-left: 1em;
	margin:0;
	}
	
.first {
	padding-top: 1em;
	}	
	
#content .first {
	padding-top: 30px;
	}	

h3 {
	font-size: 95%;
	letter-spacing: 1px;
	padding:0 0 0 1.25em;
	margin:0;
	}

/* lists 
******************************/


ul {
	font-size:90%;
	margin: 0;
	padding: 0 0 1em 2em;
	}
	
ul li {
	margin: 0; 
	padding: .25em 1em 0 1em; 
	list-style: none; 
	}
	
ol {
	font-size:90%;
	margin: 0;
	padding: 0 0 1em 50px;
	}
	
ol li {
	margin: 0; 
	padding: .25em 1em 0 3px; 
	}
	
	
dl {
	margin: 0;
	padding: 1em;
	line-height: 1.5em;
	}

dt {
	font-size:95%;
	margin: 0;
	padding: 0 0 1em .8em;
	font-weight: bold;
	}

dd {
	font-size:90%;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 1em .8em;
	}

	
/* download area style 
******************************/

.downloads ul li{
	display:inline;
	}

.downloads a:link, .downloads a:visited {
	text-decoration:none;
	border-bottom: 1px solid #D5C5AC;
}

.downloads a:hover {
  background: #D5C5AC;
  color: #000;
}

.downloads a:active {
	text-decoration:none;
	/* display:block;*/
	border-bottom: 1px solid #D5C5AC;
}
	
/* Main Nav - based on a method from Richard Rutter 
******************************/

#mainnav {
	float:right;
	width:760px;
	font-weight: bold;
	font-size: 90%;
	background: #B8AA95 url(../img/nav_bg.gif) no-repeat top left; 	
}

#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;	
}

#mainnav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto; 	  
	letter-spacing: 1px;
	text-transform:uppercase;	
}

#mainnav a {
	color: #6A6358;
	display: inline;
	width: auto;
	text-decoration: none;
	margin: 5px;
	padding: 0 7px;
	 /* border-right: 1px solid #FFF; */

}

#mainnav a:hover, #mainnav a:active { 
/*	background: #B8AA95; */
	color: #000; 	 
}

#mainnav a.active:link, #mainnav a.active:visited {
	position: relative;
	background: #BBB;
	color: #D7D493;
	font-weight: bold;
}

/* Secondary Nav 
******************************/

.secnav ul {
  margin: 1em 0 1.5em 0;
  padding: 0;
  list-style-type: none;
}

.secnav li {
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
  margin: 0;
  padding: 0;
}

.secnav a:link, .secnav a:visited {
	text-decoration:none;
	display:block;
	width:310px;
	border-bottom: 1px solid #D5C5AC;
	text-indent: 20px;
}

.secnav a:hover {
  background: #D5C5AC;
  color: #000;
}

.secnav a:active {
	text-decoration:none;
	display:block;
	width:310px;
	border-bottom: 1px solid #D5C5AC;
	text-indent: 20px;
}

/* Main Content 
******************************/

.resheadimg {
	padding: 10px 10px 0 20px;
	}

.imgcontent {
	float:left;
	padding: 20px 25px;
	margin-bottom:50px;
	}
	
.imgleft {
	float:left;
	padding: 25px 25px 0 25px;
	}
	
.imgleftextrabotpad {
	float:left;
	padding: 25px 25px 10px 25px;
	}
	
.vidcontent {
	clear:both;
	float:right;
	padding: 20px 25px;
	margin-bottom:50px;
	}
	
.left{
	float:left;
	width:49%;
	}

.right{
	float:right;
	width:49%;
}

dl.address {
	margin: 0;
	padding: 0 0 10px 1.5em;
	font-size:90%;
	line-height: 1.5em;
	border-bottom:1px solid #D5C5AC;
	}

.address dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

.address dd {
	margin: 0;
	padding: 0 0 .5em .8em;
	}
	
dl.last {
	border:none;
	}
	

/* Gallery Specific 
******************************/

#gallery-wrap {
	float:left;
	padding: 5px 25px;
	margin-bottom: 10px;
	}
	
.thumbnail{
	float: left;
	padding: 4px 4px 8px 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #D5C5AC;
	border: 1px solid #42675B;
	}	

.thumbnail p{
	margin:0;
	padding:0;
	}	
	
h1.gallery {
	padding: .5em 1em;
	font-size: 95%;
	border-top: 1px solid #D9C7AC;
	}
	
	
/* Promo Specific 
******************************/
	
#promo {
margin:0;
padding:0 0 20px 0;
background-color:#2c2c2c;
border: 1px solid #ccc;

}

#promo h1 {
margin:0;
padding:20px 0 0 20px;
font-size:1.8em;
letter-spacing:.1em;
color:#ffffff;
font-weight:lighter;
}

#promo p {
margin:0;
padding:0 20px 0 20px;
font-size:.9em;
font-weight:lighter;
letter-spacing:.1em;
color:#eeeeee;
}
	

/* side Content 
******************************/

.feature {
	border-top:3px solid #D5C5AC;
	padding-top:10px;
}

.sidebar img {
	padding: 10px 25px;
	}
	
dl.news {
	margin: 0;
	padding: 0 1.25em;
	font-size:90%;
	line-height: 1.5em;
	}

.news dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

.news dd {
	margin: 0;
	padding: 0 0 1em .8em;
	}

h2.news {
	border-top: 1px solid #D9C7AC;
	padding-top:1.5em;
	margin-top:10px;
	}

/* Misc 
******************************/

p+ul {
	padding-top:0;
	}

.topborder {
	border-top:1px solid #D9C7AC;
	}

.center {
	text-align:center;
	}



/**************** Commercial MAP SPECIFIC Residential  **************/

/* map rollovers based on functionality from Stu Nichols - cssplay.co.uk */ 

#mapwrapc {
	position:relative; 
	width:600px; 
	margin:0 auto;
	margin-bottom:2em;
	background:url(../img/map/comm_map_bg.gif) no-repeat 0 0;
	border:1px solid #D5C5AC; 
}

/* setup the background image  */
.comm-map {
	padding:0; 
	margin:0; 
	list-style-type:none; 
	background:transparent url(../img/map/comm_map_bg.gif); 
	width:600px; 
	height:337px; 
	/*margin:50px 225px 100px 225px; */
	position:relative; 
	z-index:100;
}

/* move the text off screen */
.comm-map li a {
	text-indent:-999px; 
	display:block; 
	width:16px; 
	height:16px; 
	background:#42675B; 
	position:absolute; 
	line-height:8px;
}

/* make the images and description invisible and an absolute position so that it does not take up any space */

.comm-map li a span {
	visibility:hidden; 
	position:absolute;
}

/* position the square markers */
	
/* commercial locations */

.comm-map li a.opw {
left:160px; 
top:90px; 
z-index:60;
}

.comm-map li a.wop {
left:390px; 
top:60px; 
z-index:60;
}

.comm-map li a.gwsc {
left:445px; 
top:90px; 
z-index:60;
}

.comm-map li a.hpc {
left:260px; 
top:220px; 
z-index:50;
}

.comm-map li a.tm {
left:260px; 
top:190px;
z-index:60;
}

.comm-map li a.hcbp {
left:50px; 
top:160px; 
z-index:60;
}


/* move the text back into view on hover */

.comm-map li a:hover {
	background:#42675B; 
	text-indent:0; 
	height:1.2em; 
	font-size:1em; 
	color:#fff; 
	text-decoration:none;
	line-height:1em; 
	padding:2px 10px; 
	width:90px; 
}

/* hack for IE5.x */
* html .comm-map li a:hover {
	width:110px; 
	height:1.5em; 
	w\idth:90px; 
	he\ight:1.2em;
}

/* make the descriptive text visible, give it a size and position */

.comm-map li a:hover span {
	visibility:visible; 
	margin-left:5px; 
	background:#F0DDC0; 
	border-top:1px solid #333; 
	border-left:1px solid #333; 
	border-right:2px solid #333;
	border-bottom:2px solid #333; 
	width:150px; 
	color:#000; 
	padding:10px; 
	top:-90px; 
	letter-spacing:1px; 
	line-height:1.5em;
	}

/* hack for IE5.x */

* html .comm-map li a:hover span {
	width:170px; w\idth:150px;
}

/* give the image a margin */

.comm-map li a:hover span img {
	display:block; 
	margin-bottom:10px;
	border:none;
} 



/*************************** Residential map  *********************************/

#mapwrap {
	position:relative; 
	width:600px; 
	margin:0 auto;
	margin-bottom:2em;
	background:url(../img/map/map_bg.gif) no-repeat 0 0;
	border:1px solid #D5C5AC; 
}

/* setup the background image  */
.res-map {
	padding:0; 
	margin:0; 
	list-style-type:none; 
	background:transparent url(../img/map/map_bg.gif); 
	width:600px; 
	height:337px; 
	/*margin:50px 225px 100px 225px; */
	position:relative; 
	z-index:100;
}

/* move the text off screen */
.res-map li a {
	text-indent:-999px; 
	display:block; 
	width:16px; 
	height:16px; 
	background:#42675B; 
	position:absolute; 
	line-height:8px;
}

/* make the images and description invisible and an absolute position so that it does not take up any space */

.res-map li a span {
	visibility:hidden; 
	position:absolute;
}

/* position the square markers */
	
/* residential locations */

.res-map li a.hg {
left:355px; 
top:280px; 
z-index:70;
}

.res-map li a.msa {
left:530px; 
top:20px; 
z-index:60;
}

.res-map li a.rbw {
left:460px; 
top:316px; 
z-index:60;
}

.res-map li a.mra {
left:430px; 
top:285px; 
z-index:60;
}

.res-map li a.ea {
left:260px; 
top:280px; 
z-index:80;
}

.res-map li a.htc {
left:160px; 
top:220px;
z-index:90;
}

.res-map li a.rbw1 {
left:5px; 
top:155px; 
z-index:60;
}

.res-map li a.hp {
left:20px; 
top:300px; 
z-index:110;
}

.res-map li a.hc {
left:80px; 
top:300px;
z-index:100;
}

.res-map li a.pc {
left:270px; 
top:316px; 
z-index:80;
}

/* move the text back into view on hover */

.res-map li a:hover {
	background:#42675B; 
	text-indent:0; 
	height:1.2em; 
	font-size:1em; 
	color:#fff; 
	text-decoration:none;
	line-height:1em; 
	padding:2px 10px; 
	width:90px; 
}

/* hack for IE5.x */
* html .res-map li a:hover {
	width:110px; 
	height:1.5em; 
	w\idth:90px; 
	he\ight:1.2em;
}

/* make the descriptive text visible, give it a size and position */

.res-map li a:hover span {
	visibility:visible; 
	margin-left:5px; 
	background:#F0DDC0; 
	border-top:1px solid #333; 
	border-left:1px solid #333; 
	border-right:2px solid #333;
	border-bottom:2px solid #333; 
	width:150px; 
	color:#000; 
	padding:10px; 
	top:-90px; 
	letter-spacing:1px; 
	line-height:1.5em;
	}

/* hack for IE5.x */

* html .res-map li a:hover span {
	width:170px; w\idth:150px;
}

/* give the image a margin */

.res-map li a:hover span img {
	display:block; 
	margin-bottom:10px;
	border:none;
} 


/* current section highlight */

body.about #mainnav a#about, body.res #mainnav a#res, body.comm #mainnav a#comm, body.construct #mainnav a#construct, body.storage #mainnav a#storage, body.news #mainnav a#news, body.faq #mainnav a#faq, body.contact #mainnav a#contact { 
	color: #000;
	}




/*********** promo style *****************/