* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited, a:hover, a:active {color: #fff;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background-color: #f2f2f2;  font-family: Avenir-Light; font-size: 12px; line-height: 21px; }

 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; overflow: hidden; }
 h3 {height: 14px; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 
 /*-------------------------------------
FONT FAMLIES
---------------------------------------*/
/* IE6/7/8 - Must be first */  
	@font-face {  
	  font-family: Avenir-Light ;  
	  src: url(../fonts/Avenir-Light.eot );  
	}  
	@font-face {  
	  font-family: Avenir-Medium ;  
	  src: url(../fonts/Avenir-Medium.eot );  
	}  
	@font-face {  
	  font-family: Avenir-Roman ;  
	  src: url(../fonts/Avenir-Roman.eot );  
	}  
	@font-face {  
	  font-family: Avenir-Book ;  
	  src: url(../fonts/Avenir-Book.eot );  
	}  
	@font-face {  
	  font-family: Avenir-Heavy ;  
	  src: url(../fonts/Avenir-Heavy.eot );  
	}  
	@font-face {  
	  font-family: Avenir-Black ;  
	  src: url(../fonts/Avenir-Black.eot );  
	}  
	 
	/* FFx3.5/Safari/Op10 - Next */  
	@font-face {  
	  font-family: Avenir-Light ;  
	  src: url(../fonts/Avenir-Light.otf) format("opentype");  
	}  
	@font-face {  
	  font-family: Avenir-Medium ;  
	  src: url(../fonts/Avenir-Medium.otf) format("opentype");  
	}  
	@font-face {  
	  font-family: Avenir-Roman ;  
	  src: url(../fonts/Avenir-Roman.otf) format("opentype");  
	}  
	@font-face {  
	  font-family: Avenir-Book ;  
	  src: url(../fonts/Avenir-Book.otf) format("opentype");  
	}  
	@font-face {  
	  font-family: Avenir-Heavy ;  
	  src: url(../fonts/Avenir-Heavy.otf) format("opentype");  
	}  
	@font-face {  
	  font-family: Avenir-Black ;  
	  src: url(../fonts/Avenir-Black.otf) format("opentype");  
	}  

 /***** Skeletal structure *****/
 div#container {width: 850px; height: 550px;   position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }
	div#wrapper {position: relative; width:830px; height: 528px; overflow: hidden; margin: 0 auto; background: #666666; border: 10px solid #333333; }
		div#sidebar {width:189px; height:526px;float:right; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}
		div#content {width: 638px; height: 526px;  position: absolute; overflow: hidden; border:1px solid #fff;}
			 ul#content_frame {width: 3952px; height: 100%; position: relative;}
				 li.page {width: 640px;;  position: absolute; overflow: hidden; }
 /***** Sidebar *****/
 h1.logo {width: 183px; height: 123px;  position: relative; }
 h1 a.logo {text-indent: -3000px; overflow: hidden; background:url(../images/logo.gif) no-repeat; display: block; height: 100%; width: 100%;}
#tagline {
	 float:right;
	 width:183px;
	 height:97px;
	 margin-top:20px;
	 padding:0px 10px 0px 0px;
	 background:url(../images/tagline.gif) no-repeat;
	 text-indent:-9000px;
 }
 #nav {
	 float:left;
	 width: 100%;
	 margin-top:50px;
	 }
 #nav li {
	 background:url(../images/dot_hor.gif);
	 background-repeat:repeat-x;
	 background-position: left top;
	 width: 100%;
	 float: left;
	 font-size:12px;
	 }
 #nav a:link,
 #nav a:visited,
 #nav a:active {
	 display: block;
	 padding:10px 10px 10px 20px;
	 }
#nav a:hover, #nav a#hovered:link, #nav a#hovered:visited, #nav a#hovered:active {background-color: #fff; color:#333;}

 /***** HOME PAGE *****/
#home { width:640px; height:528px;left: 0px; top: 0px;}
#homewrap {z-index:20; position:absolute; top:0; left:0;}
#home h1 {
 float:left;
 color:#fff;
 padding:30px 10px 0px 30px;
 width:100%;
 font-weight:100;
 font-size:24px;
 font-family: Avenir-Light;
}
#home p {
 float:left;
 color:#fff;
 padding:10px 10px 10px 30px;
 width:420px;
 font-size:16px;
 font-family: Avenir-Light; 
 }

#slideshow_home {
    position:relative;
    width:640px; height:528px;left: 0; top: 0;
}

.slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.slideshow img.active {
    z-index:10;
    opacity:1.0;
}

.slideshow img.last-active {
    z-index:9;
}

 /***** COMMUNITIES PAGE *****/

#slideshow_communities {
    position:relative;
    width:638px; height:248px;left: 0; top: 0;
}

#communities {left: 640px; top: 0;}
#communities h1 { background:url(../images/pagetitle2_communities.gif) no-repeat; height:15px; text-indent:-9000px; margin:0px 0px 20px 0px;}
#communities h2 {width:392px; background:url(../images/pagetitle_communities.gif) center center no-repeat; text-indent:-9000px;}
#communities .description {background-color: #6E765E; height: 279px; padding: 20px 20px 0px; color: #fff; overflow:scroll; border-top:1px solid #fff;}
#communities h3 { font-weight:100;}
#communities p {margin:0px 0px 20px 0px;}
#communities li {}

#community_verdegan { width:260px; height:auto; float:left; margin:0px 65px 25px 0px;}
#community_verdegan img, #community_wintercreek img { width:258px; height:68px; border:1px solid #fff; margin-bottom:1px;}
#community_wintercreek { width:260px; height:auto; float:left;}
#community_verdegan h3 { text-indent:-9000px; background:url(../images/pagetitle3_communities_verdegan.gif) no-repeat; height:33px;}
#community_wintercreek h3 { text-indent:-9000px; background:url(../images/pagetitle3_communities_wintercreek.gif) no-repeat; height:33px;}
#community_verdegan h4.plantype, #community_wintercreek h4.plantype {width:91px; height:20px; float:left; color:#fff; font-weight:100;}
body#datasheet a {color:#000; text-decoration:underline;}
li.photo { width:260px; background:#ccc; height:20px; width:260px; margin-bottom:2px; float:left; display:block;}
li.datasheet { width:260px; background:#A4AD87; float:left; text-align:center; height:20px; margin:0px 0px 2px 0px;}
#communities li a#datasheet_v, #communities li a#datasheet_w { color:#6E765E;}
#communities li a:hover#datasheet_v, #communities li a:hover#datasheet_w { color:#fff;}
li.gallery { width:84px; float:left; text-align:center; margin:0px 0px 2px 0px; height:20px;}
li.floorplans {width:84px; float:left; text-align:center; margin:0px 1px 2px 0px; height:20px;}
#communities li a.gallery_hidden { display:none;}
#communities li a { color:#A4AD87; display:block; font-size:10px;}
#communities li a:hover {color:#6E765E; background:#A4AD87;}
#datasheet_verdegan, #datasheet_wintercreek { padding:10px;}
body#datasheet p {margin:0px 0px 30px 0px;}
body#datasheet ul {margin:0px 0px 30px 0px;}
body#datasheet ul li {list-style:disc inside;}


#services {left: 1280px; top: 0; background:url(../images/services_thumb.jpg) no-repeat #2F1312; padding: 248px 0 0;}
#services h1 { background:url(../images/pagetitle2_services.gif) no-repeat; height:15px; text-indent:-9000px; margin:0px 0px 20px 0px;}
#services h2 {width:392px; background:url(../images/pagetitle_services.gif) center center no-repeat; text-indent:-9000px;}
#services .description {background-color: #5B423B; height: 200px; padding: 40px; color: #fff;}
#services h3 {}
#services p {margin:0px 0px 20px 0px;}

#about {left: 1920px; top: 0; background:url(../images/about_thumb.jpg) no-repeat #2C1D16; padding: 248px 0 0;}
#about h1 { background:url(../images/pagetitle2_about.gif) no-repeat; height:15px; text-indent:-9000px; margin:0px 0px 20px 0px;}
#about h2 {width:392px; background:url(../images/pagetitle_about.gif) center center no-repeat; text-indent:-9000px;}
#about .description {background-color: #4f4138; height: 250px; padding: 40px 40px 0px 40px; color: #fff; overflow:scroll;}
#about h3 {}
#about p {margin:0px 0px 20px 0px;}

#contact { left: 2560px; top: 0; background:url(../images/contact_thumb.jpg) no-repeat #24201D; padding: 248px 0 0;}
#contact h1 { background:url(../images/pagetitle2_contact.gif) no-repeat; height:15px; text-indent:-9000px; margin:0px 0px 20px 0px;}
#contact h2 {width:392px; background:url(../images/pagetitle_contact.gif) center center no-repeat; text-indent:-9000px;}
#contact .description {background-color: #4C413F; height: 200px; padding: 40px;  color: #fff; overflow: hidden;}
#contact h3 { width:250px; font-weight:100; font-size:14px;}
#contact p {}
#contact .contactblock { width:270px; float:left;}
#contact ul { margin:0px 0px 20px 0px;}
#contact ul li { color:#ccc;}
#contact ul li a { color:#ccc;}
#contact ul li a:hover { text-decoration:underline;}

ul#footer {
	width:100%;
	height:30px;
	text-align:center;
	margin:0px auto;
}
ul#footer li {
	display:inline;
	float:left;
}
ul#footer li a {
	display:block;
	height:30px;
	padding:5px 10px 5px;
	color:#666;
}
ul#footer li a:hover {
	color:#000;
	text-decoration:underline;
}

ul#footer li a#equalhousing {
	width:20px;
	height:22px;
	background:url(../images/logo_equalhousing.gif) no-repeat;
	text-indent:-9000px;
	margin-top:5px;
	padding:0px 0px 0px 0px;
	}
ul#footer2 {
	width:100%;
	height:30px;
	text-align:center;
}
ul#footer2 li {
	display:inline;
	float:left;
}
ul#footer2 li a {
	display:block;
	height:30px;
	padding:5px 10px 5px;
}