html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image:url(../images/body_bg.jpg);
 background-repeat:repeat-x;
 background-position: top center;
 background-color: #230f03;
} 
 
#pagewidth{ 
 width:922px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background-image:url(../images/content_bg.jpg);
 background-position: 0px 264px;
 background-repeat:no-repeat;
} 
 
#header{
 position:relative; 
 height:265px;
 width:100%;
 background-image:url(../images/header_bg.jpg);
 background-repeat:no-repeat;
} 

h1 {
 margin:0px;
 padding: 0px;
}

h1 a {
 display: block;
 position: absolute;
 top: 32px;
 left: 325px;
 background-image: url(../images/logo.jpg);
 background-repeat: no-repeat;
 width: 278px;
 height: 233px;
 text-indent: -9999px;
}

h1 a:hover {
 border: 0px;
}

#imgfloat {
	float: left;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c2bf70;
	margin: 0px 0px 10px 0px;
	padding-right: 12px;
}

#imgfloat a img {
	border: 3px solid #eed6c8;
	padding: 0px;
	margin-top: 2px;
}


#contentleft a {
	color: #c5e197;
	text-decoration: none;
	background-image: url(../images/underline.png);
	background-repeat: repeat-x;
	background-position: -20px 11px;
	padding-bottom: 4px; 
	white-space: nowrap;
	.text-decoration: underline;
}

#contentleft a:hover {
	color: white;
	background-image: url(../images/underline2.png);
	background-repeat: no-repeat;
	background-position: -20px 11px;
}

h3 {
 height: 30px;
 background-position: left top;
 width: 300px;
 background-repeat: no-repeat;
 margin: 50px 0px 11px 42px;
 padding: 0px;
 text-indent: -9999px;
}

a#mobile {
	text-indent:-9999px;
	background: url(../images/mobile.png) no-repeat;
	width:87px;
	height:36px;
	float:left;
	margin-top:40px;
}

a#mobile:hover {background: url(../images/mobile.png) no-repeat; background-position:0 0;}

.home {background-image: url(../images/h3_home.png); float:left;}
.standard {background-image: url(../images/h3_standardfeatures.png);}
.model {background-image: url(../images/h3_modelhomes.png);}
.photo {background-image: url(../images/h3_photogallery.png);}
.additions {background-image:url(../images/h3_additions.png);}
.contact {background-image:url(../images/h3_contact.png);}
.manor {background-image:url(../images/h3_manor.png);}
.oakwood {background-image:url(../images/h3_oakwood.png);}
.thepreserve {background-image:url(../images/h3_thepreserve.png);}
.lakewood {background-image:url(../images/h3_lakewood.png);}
.theroyer {background-image:url(../images/h3_theroyer.png);}
.strasburg {background-image:url(../images/h3_strasburg.png);}
.elmwood {background-image:url(../images/h3_elmwood.png);}
.maplewood {background-image:url(../images/h3_maplewood.png);}
.thehomestead {background-image:url(../images/h3_homestead.png);}
.whiteoak {background-image:url(../images/h3_whiteoak.png);}
.laurelridge {background-image:url(../images/h3_laurelridge.png);}
.foxrun {background-image:url(../images/h3_foxrun.png);}
.forestridge {background-image:url(../images/h3_forestridge.png);}
.interior {background-image:url(../images/h3_interiorgallery.png);}
.beforeafter {background-image:url(../images/h3_beforeafter.png);}
.hillside {background-image:url(../images/h3_hillside.png);}
.creekside {background-image:url(../images/h3_creekside.png);}
.middlecreek {background-image:url(../images/h3_middlecreek.png);}
.winterspecials {background-image:url(../images/h3_winter_specials.png);}
.openhouse {background-image:url(../images/h3_openhouse.png);}
.materials {background-image: url(../images/h3_materials.png);}


#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width: 765px;
 background-image:url(../images/maincol_bg.jpg); 
 background-repeat: no-repeat;
 margin-right: 80px;
 _margin-right: 80px;
 background-position:top;
 }

#maincol p {
 color: #eed6c8;
 font-size: 11px;
 padding: 0px 22px 18px 42px;
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 21px;
}

#maincol a img {
	border: 3px solid #eed6c8;
	background-image: none;
}

#maincol a:hover img {
	border: 3px solid #714e1e;
}

#contentleft {
 float: left;
 width: 440px;
}

#contentleft p {
 color: #eed6c8;
 font-size: 12px;
 padding: 0px 22px 18px 42px;
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 21px;
}

#contentleft #standard ul {
	margin: 0px 0px 0px 40px;
	padding: 0px;
}

#contentleft #standard li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #eed6c8;
 line-height: 28px;
 list-style-position:outside;
 margin: 0px;
 padding: 0px 0px 0px 20px;
 list-style-type: none;
 background-image: url(../images/bullet.png);
 background-repeat: no-repeat;
 background-position: -5px 8px;
 
}

#contentright {
 padding: 37px 48px 0px 0px;
 _margin: 0px;
 float:right;
}

#footer{
 height:50x;
 background-image: url(../images/footer_bg.jpg);
 background-position: top left;
 clear:both;
 text-align: center;
 padding-top: 110px;
 color: #5e351c;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-bottom: 20px;
 } 
 
#footer a{
	color: #5e351c;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
 
/*-------------------------------------------
	- MENU LEFT
		- offstate
		- hovering items
-------------------------------------------*/
#navleft {position: absolute; left: 150px; top: 185px;}
#navleft ul {list-style-type:none; margin: 0px; padding: 0px;}
#navleft li {margin: 0px;}
#navleft a {display:block; text-indent: -9999px; border-bottom: none;}

	/*- offstate -*/

#navleft li.list1 {background:transparent url(../images/home_btn.jpg); background-repeat:no-repeat; margin-left: 72px;}
#navleft li.list2 {background:transparent url(../images/standard_btn.jpg); background-repeat:no-repeat;}
#navleft li.list3 {background:transparent url(../images/model_btn.jpg); background-repeat:no-repeat; margin-left: 21px;}

	/*- hovering items -*/

#navleft a#item1 {background:transparent url(../images/home_btn.jpg) no-repeat; height: 22px; width: 84px;}
#navleft a#item2 {background:transparent url(../images/standard_btn.jpg) no-repeat; height: 25px; width: 156px;}
#navleft a#item3 {background:transparent url(../images/model_btn.jpg) no-repeat; height: 24px; width: 135px;}
#navleft a#item1:hover {background-position:0px -22px; z-index:50;}
#navleft a#item2:hover {background-position:0px -25px; z-index:50;}
#navleft a#item3:hover {background-position:0px -24px; z-index:50;}

/*-------------------------------------------
	- MENU right
		- offstate
		- hovering items
-------------------------------------------*/
#navright {position: absolute; left: 627px; top: 185px;}
#navright ul {list-style-type:none; margin: 0px; padding: 0px;}
#navright li {margin: 0px;}
#navright a {display:block; text-indent: -9999px; border-bottom: none;}

	/*- offstate -*/

#navright li.list4 {background:transparent url(../images/photo_btn.jpg); background-repeat:no-repeat;}
#navright li.list5 {background:transparent url(../images/additions_btn.jpg); background-repeat:no-repeat;}
#navright li.list6 {background:transparent url(../images/contact_btn.jpg); background-repeat:no-repeat;}

	/*- hovering items -*/

#navright a#item4 {background:transparent url(../images/photo_btn.jpg) no-repeat; height: 22px; width: 112px;}
#navright a#item5 {background:transparent url(../images/additions_btn.jpg) no-repeat; height: 25px; width: 177px;}
#navright a#item6 {background:transparent url(../images/contact_btn.jpg) no-repeat; height: 24px; width: 94px;}
#navright a#item4:hover {background-position:0px -22px; z-index:50;}
#navright a#item5:hover {background-position:0px -25px; z-index:50;}
#navright a#item6:hover {background-position:0px -24px; z-index:50;}

#contentright ul{margin:0px; padding: 0px; text-indent: -9999px;}
#contentright li.list7 {background:transparent url(../images/viewgallery_btn.png); background-repeat:no-repeat; height: 54px; width: 265px; display: block; margin: 30px 0px 0px 5px;}
#contentright a#item7 {background:transparent url(../images/viewgallery_btn.png); background-repeat:no-repeat; height: 54px; width: 265px; display: block; }
#contentright a#item7:hover {background-position:0px -54px; z-index:50;}
#contentright li.list8 {background:transparent url(../images/openhouse_btn.png); background-repeat:no-repeat; height: 54px; width: 265px; display: block; margin: 30px 0px 0px 5px;}
#contentright a#item8 {background:transparent url(../images/openhouse_btn.png); background-repeat:no-repeat; height: 54px; width: 265px; display: block; }
#contentright a#item8:hover {background-position:0px -54px; z-index:50;}
#contentright li.list9 {background:transparent url(../images/materials_btn.png); background-repeat:no-repeat; height: 54px; width: 265px; display: block; margin: 30px 0px 0px 5px;}
#contentright a#item9 {background:transparent url(../images/materials_btn.png); background-repeat:no-repeat; height: 54px; width: 265px; display: block; }
#contentright a#item9:hover {background-position:0px -54px; z-index:50;}


:focus {-moz-outline-style: none;}
a {outline: none;}

/* contact form */

.send-btn2 {
	margin-left: 20px;
	width: 324px;
	height: 20px;
}

			#formcontainer {
				font-family:Arial, Helvetica, sans-serif;
				padding: 0px 0px 0px 32px;
				color: #8da467;
				float:left;
				margin:0;
				width: 371px;
			}
			.form {
				margin:0;
				padding:0;
				position:relative;
				z-index:1;
			}
			.form * {
				margin:0;
				padding:0;
			}
				.form fieldset {
					border-width:0;
				}
				.form ul {
					list-style:none;
					margin:0;
					padding:0;
				}
					.form li {
						padding:5px 10px;
						clear:both;
					}

					.form div.medium, .form div.small, .form div.xsmall {
						float:left;
						padding:0 5px 0 0;
					}	
					.form label {
						display:block;
						font-size:11px; 
						font-weight:bold;
						margin:2px 0 0 0;
						text-transform:uppercase;
					}
					.form div label {
						color:#4b5935;
						font-size:8pt;
						font-weight:normal;
						text-transform: none;
					}
					.form .error {
						color:#FF0000;
					}
					.form li input, .form li textarea {
					font-size: 11px;
					
					color: #efdcc7;
						background-image:url(../images/input_shadow.png);
						border:#2d1700 1px solid;
						font-weight:normal;
						padding:4px;
					}
					.form textarea {height:75px;}
					.form input, .form textarea {width:324px;}
					.form div.large input {width:150px;}
					.form div.medium input{width:90px;}
					.form div.small input{width:45px;}
					.form div.xsmall input{width:30px;}
					.feedback {
						background:#fffee3;
						border:#f2edd4 1px solid;
						color:#333;
						float:left;
						padding:15px;
						text-align:center;
						width:230px;
					}
					/* indicator */
					.indicator {
						background:#FFF;
						filter: alpha(opacity=75);
						height:32px;
						left:0;
						opacity: .75;
						position:absolute;
						padding:200px 125px;
						top:0;
						width:32px;
						z-index:2;
					}
					/* buttons */
					.button {
						width: 100px;
						height: 22px;
						margin-top: 10px;
						font-size: 12px;
						margin-left: 10px;
						background-color: #8da467;
						border: 1px solid #1d4227;
					}
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.clear {clear:both;}