/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2004
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}





/* MAIN styles
-------------------------------------------*/
body{
	background: #dbd4bb url(../images/bg_body.jpg) 0 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	color: #373737;
}

body.realtor #content {
  background: #fff url(../images/realtor_leadimage.jpg) 1px 1px no-repeat;
  padding-top:215px;
}

h1{
	font-size: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #635c46;
	margin:0px 0px 0px 0px;
	font-weight: normal;
}

h2{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #635c46;
	margin:10px 0px 0px;
	font-weight: bold;
	letter-spacing: -1px;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}

dl{
	margin: 0px;
}
	dl a{
		text-decoration: none;
		padding: 1px 2px;
	}
	dl dt{
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-size: 1em;
		line-height: 1.4em;
	}
	dl dd{
			margin: 0px 0px 0px 10px;
			padding: 0px;
		}


td{
	vertical-align: top;
}

a:link, a:visited{color: #c47f1d; padding: 0 2px; text-decoration: none;}
a:hover{color: #FFF; background: #c47f1d;}
a:active{color: #c47f1d;}

dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */






/* CONTAINER styles
-------------------------------------------*/
#container{
	width: 782px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -391px;
	background: #dbd4bb url(../images/bg_container.gif) 0 0 repeat-y;
}
	body.sidebar-rt #container{
		background: #dbd4bb url(../images/bg_container_sidebar_rt.gif) 0 0 repeat-y;
	}
	#container-inner{
		background: transparent url(../images/bg_container_inner.gif) 0 0 no-repeat;
		position: relative;
	}
	

	
/* HEADER styles
-------------------------------------------*/
#header{
	height: 89px;
	position: relative;
}
	#header h1{
		position: absolute;
		top: 4px;
		left: 345px;
		z-index: 100;
	}
	#header h1 a{
		display: block;
		height: 78px;
		width: 95px;
		background: transparent url(../images/bg_logo.gif) 0 0 no-repeat;
		letter-spacing : -1000em;
		text-indent: -1em;
		text-decoration: none;
	}
	/* Just for Opera, but hide from MacIE */ 
	/*\*/html>body #header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
	/* End of hack */

	#header-nav, #header-nav li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}		
	#header-nav{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 7px;
		width: 768px;
		position: relative;
	}
	#header-nav li{
		display: inline;
	}
	#header-nav li a{
		color: #766851;
		font-weight: bold;
		display: block;
		height: 68px;
		width: 65px;
		background: transparent url(../images/bg_nav.gif) 0 0 no-repeat;
		letter-spacing : -1000em;
		text-indent: -1em;
		text-decoration: none;
		position: absolute;
		top: 20px;
		left: 0px;
	}

	/* Just for Opera, but hide from MacIE */ 
	/*\*/html>body #header-nav li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
	/* End of hack */



		
		
		#header-nav li#nav-home a{
			background-position: 0px 0px;
			width: 86px;
			left: 0px;
			}
		#header-nav li#nav-about a{
			background-position: -86px 0px;
			width: 89px;
			left: 86px;
			}
		#header-nav li#nav-communities a{
			background-position: -175px 0px;
			width: 135px;
			left: 175px;
			}
		#header-nav li#nav-homestyles a{
			background-position: -450px 0px;
			width: 105px;
			left: 450px;
			}
		#header-nav li#nav-process a{ 
			background-position: -555px 0px;
			width: 125px;
			left: 555px;
			}
		#header-nav li#nav-contact a{ 
			background-position: -680px 0px;
			width: 83px;
			left: 680px;
			}

		#header-nav li#nav-home a:hover{
			background-position: 0px -70px;
			}
		#header-nav li#nav-about a:hover{
			background-position: -86px -70px;
			}
		#header-nav li#nav-communities a:hover{
			background-position: -175px -70px;
			}
		#header-nav li#nav-homestyles a:hover{
			background-position: -450px -70px;
			}
		#header-nav li#nav-process a:hover{ 
			background-position: -555px -70px;
			}
		#header-nav li#nav-contact a:hover{ 
			background-position: -680px -70px;
			}




	#subheader{
		background: #afa372 url(../images/bg_subheader.gif) 0 0 repeat-x;
		height: 3em;
		margin: 0 6px;
		position: relative;
	}
		#subheader h1{
			font-size: 18px;
			padding: 0 0 0 20px;
			line-height: 27px;
			margin: 0px;
			color: #5a5237;
		}
		
		#subheader #subnav{
			list-style: none;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 0px 0px;
		}
			#subheader #subnav li{
				display: inline;
			}
			#subheader #subnav li a{
				display: block;
				margin: 0px;
				float: left;
				height: 2.2em;
				line-height: 2.2em;
				text-align: center;
				color: #771914;
				text-transform: uppercase;
				font-weight: bold;
				padding: 0px 11px;
			}


			body.community-main #subheader #subnav li#sub-main a,
			body.community-siteplan #subheader #subnav li#sub-siteplan a,
			body.community-areamap #subheader #subnav li#sub-areamap a,
			#subheader #subnav li a:hover{
				background: #afa372 url(../images/bg_subnav_hover.gif) 0 0 repeat-x;			
				padding: 0px 10px;
				border: 1px solid #9b916a;
				border-width: 0 1px;
			}

        #subheader #subnav li#sub-back a{
					position: absolute;
					right: 0px;
					background: #afa372 url(../images/bg_subnav_backbtn.gif) 0 0 repeat-x;				
					border-left: 1px solid #9b916a;
					padding-left: 10px;
				}
        #subheader #subnav li#sub-back a span{
					padding-left: 10px;
					background: transparent url(../images/arrow_red_left.gif) 0% 45% no-repeat;				
				}
        #subheader #subnav li#sub-back a:hover{
					background: #afa372 url(../images/bg_subnav_hover.gif) 0 0 repeat-x;				
				}
				




/* CONTENT styles
-------------------------------------------*/
#content{
	width: 484px;
	float: right;
	display: inline;
	margin: 0 7px 0 0;
	padding: 10px 30px 20px 25px;
	line-height: 1.7em;
}
	body.community-siteplan #content{
		width: 504px;
	padding: 10px 10px 20px 25px;
	}

body.homestyle-detail #content{
	width: 490px;
	float: right;
	display: inline;
	margin: 0 7px 0 0;
	padding: 10px 27px 20px 22px;
	line-height: 1.7em;
}
	

	p.intro{
		padding-bottom: 20px;
		margin-bottom: 10px;
		background: transparent url(../images/divider.gif) center bottom no-repeat;
		font-family: "Times New Roman", Times, serif;
		font-size: 1.3em;
		color: #6a5f36;
	}
	p.splash-image, div#community-ss{
		margin: -10px -30px 10px -25px;
		padding: 0px 0px 3px 1px;
		background: transparent url(../images/bg_borderbar.gif) left bottom repeat-x;
	}
		p.splash-image img{
			margin: 0px;
			padding: 0px;
		}

#home-styles{
	margin: 0px;
	padding: 0px;
}
#home-styles th{
	padding: 3px 10px;
	background: #faf6e6;
	border: 2px solid #fdfcf6;
	border-right: 1px solid #e9e6d7;
	border-bottom: 1px solid #e9e6d7;
	text-align: left;
}
#home-styles td{
	padding: 0px 10px;
	background: #fdfcf6;
	border: 2px solid #fff;
	border-right: 1px solid #e9e6d7;
	border-top: none;
	border-bottom: none;
}

#home-styles tr.bottom-row td{
	border-bottom: 1px solid #e9e6d7;
}


table.existing-homes{
	margin: 0 0 10px 0;
	padding: 0px;
	width: 400px;
	border-bottom: 1px solid #e9e6d7;
}
table.existing-homes th{
	padding: 3px 10px;
	background: #faf6e6;
	border: 2px solid #fdfcf6;
	border-right: 1px solid #e9e6d7;
	border-bottom: 1px solid #e9e6d7;
	text-align: left;
}
table.existing-homes td{
	padding: 0px 10px;
	background: #fdfcf6;
	border: 2px solid #fff;
	border-right: 1px solid #e9e6d7;
	border-top: none;
	border-bottom: none;
}

table.existing-homes td.name {
	background:#faf6e6;
	font-weight:bold;
}

table.existing-homes tr.bottom-row td{
	border-bottom: 1px solid #e9e6d7;
}



.fineprint{
	font-size: .9em;
	color: #aaa;
	line-height: 1.2em;
}

div.building-process{
	padding-left: 70px;	
}
	div.bp1{
		background: #fff url(../images/icon_bp1.gif) 10px 0px no-repeat;
	}
	div.bp2{
		background: #fff url(../images/icon_bp2.gif) 10px 0px no-repeat;
	}
	div.bp3{
		background: #fff url(../images/icon_bp3.gif) 10px 0px no-repeat;
	}




	/* COMMUNITY LOCATOR styles
	---------------------------------------*/
	body.community-locator #content{
		width: auto;
		float: none;
		padding: 0px 0px 0px 0px;
		margin: 0;
		background: transparent;
	}
		div#locatormap{
			margin: 0px 0px 0px 7px;
			padding: 0px;
		}

	body.community-locator #header{
		height: 90px;
	}







	/* CONTACT FORM styles
	---------------------------------------*/
	fieldset{
	padding: 10px;
	/*border: 1px solid #ccc;*/
	border: none;
	}
	
		.formfields dl, .formfields dt, .formfields dd{
			margin: 0px;
			padding: 0px;
		}
	
		.formfields dt{
			float: left;
			clear: left;
			width: 40%;
			margin: 10px 10px 0 0;
			text-align: right;
		}
	
		.formfields dd{
			float: left;
			margin: 10px 10px 0 0;
			width: 50%;
		}
		.form-rep-contact{
			height: 3.5em;
		}
	
		.required{
			color: red;
		}

	.formfields table td, .formfields table th{
		padding: 3px;
		vertical-align: top;
	}
	.formfields p.privacy-notice{
		font-style: italic;
		font-size: .9em;
	}



.form-error { display: none; color: #CC0000; font-weight: bold;}











/* HOMEPAGE styles
-------------------------------------------*/

body.home #header{
	height: 90px;
}
	
	body.home #content{
		width: auto;
		float: none;
		padding: 0px;
		margin: 0;
	}
	
#welcome-block{
	width: 240px;
	height: 192px;
	background: #79382a url(../images/home_welcome.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	margin: 0 0 0 7px;
	padding: 15px 15px 0px 15px;
	font-family: "Times New Roman", Times, serif;
	color: #c3bb9b;
	font-size: 14px;
	clear: left;
}
	#welcome-block h2{
		margin: 0px;
		padding: 0px;
		color: #BEB79A;
		font-family: "Times New Roman", Times, serif;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: normal;
		text-align:center;
	}

	#welcome-block p{
		margin: 0px;
		padding: 0px;
		height: 160px;
		line-height: 1.8em;
		font-weight:bold;
		font-size:14px;
	}

#welcome-splash{
	float: left;
	display: inline;
	width: 498px;
	height: 207px;
}

#blocks-container{
	width: 768px;
	height: 176px;
	background: #fff url(../images/home_blocks.gif) 0 0 no-repeat;
	margin: 0 0 0 7px;
	position: relative;
}
	#blocks-container h2{
		margin: 0px;
		padding: 0px;
		height: 21px;
		letter-spacing : -1000em;
		text-indent: -1em;
		text-decoration: none;
	}
	/* Just for Opera, but hide from MacIE */ 
	/*\*/html>body #blocks-container h2 { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
	/* End of hack */

	#newsblock{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 254px;
		height: 95px;
		padding-left: 15px;
	}
		#newsblock ul{
			margin: 5px 0px 0px -15px;
			padding: 0px;
			list-style: none;
		}
			#newsblock ul li a{
				color: #474434;
				display: block;
				width: 254px;
				padding: 0 0 0 15px;
				line-height: 20px;
			}
			#newsblock ul li a:hover{
				background: #e8e5d6;
			}
			#newsblock ul li a strong{
				color: #918a64;
			}
		#newsblock h2{
			background: transparent url(../images/hdr_home_news.gif) 0px 0px no-repeat;
			margin-top: 6px;
			width: 269px;
		}
		
		
		#realtors-box {
			position: absolute;
			left: 0px;
			top: 90px;
			width: 254px;
			height: 95px;
			padding-left: 15px;
			background: transparent url(../images/bg_choose_existing.jpg) 0px 27px repeat-x;
		}
		
		#realtors-box h2{
			background: #CFC9AF url(../images/hdr_home_forrealtors.gif) 15px 3px no-repeat;
			margin: 6px 0 0 -15px;
			width: 269px;
		}	
		
#realtors-box p.realtor-info{
				margin: 5px 0 0 0;
				width: 120px;
			}
			#realtors-box p.realtor-info {
				margin: 0px;
				padding: 0px;
				position: absolute;
				left: 141px;
				top: 58px;
			}
				#realtors-box p.realtor-info a{
					display: block;
					width: 128px;
					height: 25px;
					background: transparent url(../images/btn_findouthow.gif) 0px 0px no-repeat;
					letter-spacing : -1000em;
					text-indent: -1em;
					text-decoration: none;
				}
				/* Just for Opera, but hide from MacIE */ 
				/*\*/html>body #realtors-box p.realtor-info a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
				/* End of hack */
				#realtors-box p.realtor-info a:hover{
					background: transparent url(../images/btn_findouthow.gif) 0px 1px no-repeat;
				}

	
	
	
	
	
	
	
	
	
	
	
		
		#block-featured{
			position: absolute;
			top: 0px;
			left: 270px;
			width: 217px;
			padding-left: 15px;
		}
			#block-featured h2{
				background: transparent url(../images/hdr_home_ftrd_com.gif) 5px 2px no-repeat;
				margin: 6px 0px 0px -10px;
				width: 227px;
			}
			#block-featured p.featured-image{
				text-align: center;
				margin: 5px 0px 0px 0px;
				padding: 0px 10px 0px 0px;
			}
		
			#block-featured p.featured-image a:hover {
				background:transparent;
			}
		
		#comm-locator{
			position: absolute;
			left: 503px;
			top: 0px;
			width: 250px;
			height: 95px;
			padding-left: 15px;
			background: transparent url(../images/bg_com_locator.jpg) 0 30px no-repeat;
		}
			#comm-locator h2{
				background: transparent url(../images/hdr_home_com_loctr.gif) 5px 2px no-repeat;
				margin: 6px 0px 0px -10px;
				width: 227px;
			}
			#comm-locator p{
				margin: 15px 0 0 0;
				width: 160px;
			}
		#choose-existing{
			position: absolute;
			left: 503px;
			top: 95px;
			width: 250px;
			height: 85px;
			padding-left: 15px;
			background: transparent url(../images/bg_choose_existing.jpg) 0px 22px repeat-x;
		}
			#choose-existing h2{
				background: transparent url(../images/hdr_home_choose_home.gif) 5px 3px no-repeat;
				margin: 0px 0px 0px -10px;
				width: 227px;
			}
			#choose-existing p{
				margin: 0px 0 0 0;
				width: 120px;
				line-height: 2.3em;
			}
			#choose-existing p.find-now{
				margin: 0px;
				padding: 0px;
				position: absolute;
				left: 137px;
				top: 26px;
			}
				#choose-existing p.find-now a{
					display: block;
					width: 128px;
					height: 25px;
					background: transparent url(../images/btn_find_now.gif) 0px 0px no-repeat;
					letter-spacing : -1000em;
					text-indent: -1em;
					text-decoration: none;
				}
				/* Just for Opera, but hide from MacIE */ 
				/*\*/html>body #choose-existing p.find-now a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
				/* End of hack */
				#choose-existing p.find-now a:hover{
					background: transparent url(../images/btn_find_now.gif) 0px 1px no-repeat;
				}

			#choose-existing p.find-style{
				margin: 5px 0 0 0;
				width: 120px;
			}
			#choose-existing p.find-style{
				margin: 0px;
				padding: 0px;
				position: absolute;
				left: 137px;
				top: 53px;
			}
				#choose-existing p.find-style a{
					display: block;
					width: 128px;
					height: 25px;
					background: transparent url(../images/btn_select.gif) 0px 0px no-repeat;
					letter-spacing : -1000em;
					text-indent: -1em;
					text-decoration: none;
				}
				/* Just for Opera, but hide from MacIE */ 
				/*\*/html>body #choose-existing p.find-style a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
				/* End of hack */
				#choose-existing p.find-style a:hover{
					background: transparent url(../images/btn_select.gif) 0px 1px no-repeat;
				}


/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	float: left;
	display: inline;
	margin: 0px 0px 0px 6px;
	padding: 5px 10px 0px 10px;
	border: none;
	width: 210px;
	color: #474434;
}
	#sidebar h2{
		color: #635f48;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: normal;
	}

	p.sidebar-logo{
		margin: -5px -10px 10px -10px;
		padding: 14px 0px 14px;
		background: #e9e2c6 url(../images/bg_borderbar.gif) 0% 100% repeat-x;
	}
		p.sidebar-logo img{
			margin: 0px;
			padding: 0px;
		}
	div.sb-testimonial{
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #8c835f;
	}
	div.sb-testimonial p.quote{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		text-align: right;
	}

#sidebar p.caption {
	margin: 0;
	padding:0; 
	text-align:center;
	color:#8c835f;
}

/* FOOTER styles
-------------------------------------------*/
#footer{
	clear: both;
	background: #e1dfd9 url(../images/bg_footer.gif) 0 0 no-repeat;
	height: 82px;
	color: #c4ba9d;
}
#footer a{
	text-decoration: none;
	line-height: 30px;
}
#footer a:hover{
	text-decoration: underline;
}
	#footer p.copyright{
		float: right;
		margin: 5px 20px 0px 0px;
		padding: 0px 0 0 18px;
		line-height: 30px;
		background: transparent url(../images/equal_housing.gif) 0 50% no-repeat;
	}
	#footer p.copyright a{
		color: #c4ba9d;
		text-decoration: none;
		border-bottom: 1px dashed #c4ba9d;
		padding: 0px;
	}
	#footer p.copyright a:hover{
		color: #797669;
		border-bottom: 1px solid #797669;
		background: none;
	}

	#footer p.contact{
		float: left;
		margin: 5px 0px 0px 20px;
		padding: 0px;
		line-height: 30px;
	}
	
	
	#footer ul{
		margin: 0px;
		padding: 10px 0px 0px 0px;
		text-align: center;
	}
		#footer ul li{
			list-style: none;
			display: inline;
		}
		#footer ul li a{
			margin: 0px 25px;
			text-align: center;
			padding: 10px 1px 2px 1px;
			color: #797669;
		}
			#footer ul li a:hover{
				border-bottom: 3px solid #c3bb9b;
				background: transparent;
				color: #797669;
				text-decoration: none;
			}