/* CSS Document */

body {
	margin:0px;
	padding:0px;
}
.clearing {
	clear:both;
}
.leftMargin {
	margin-left:-12px;
}

#nav {
	width:100%;
	background-image:url(../images/navBg.gif);
	background-repeat:repeat-x;
	height:32px;
}
	#nav ul {
		width:950px;
		font:13px Arial, Helvetica, sans-serif;
		color:#ece8d4;
		list-style-type:none;
		margin:0px auto;
		height:32px;
	}
	#nav ul li {
		display:block;
		float:left;
		background-image:url(../images/navDivider.gif);
		background-repeat:no-repeat;
		height:27px;
		margin:0px;
		padding:5px 0px 0px 0px;
		position:relative;
		z-index:1;
	}
	#nav ul li a {
		color:#ece8d4;
		text-decoration:none;
		padding:0px 15px 0px 15px;
	}
	#nav ul li a:hover {
		color:#cde98a;
		text-decoration:none;
		background-image:url(../images/navColorBar.gif);
		background-repeat:no-repeat;
		background-position: bottom center;
		padding-bottom:11px;
		display:block;
		margin:0px;
	}
	#nav ul li ul {
		display:none;
		position:absolute;
		top:32px;
		left:-25px;
		width:160px;
	}
	#nav ul li:hover ul {
		display:block;
		width:160px;
	}
	#nav ul li ul li {
		color:#FFFFFF;
		border:1px solid;
		border-color:#6d7f41;
		padding:0px 0px 0px 0px;
		height:22px;
		background-image:url(../images/leafDarkGreen.jpg);
		background-repeat:no-repeat;
		background-position:3px center;
		display:block;
		background-color:#444a30;
	}
	#nav ul li ul li a {
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		width:160px;
		padding:3px 0px 0px 30px;
		height:19px;
	}
	#nav ul li ul li a:hover {
		background-color:#596042;
		color:#FFFFFF;
		text-decoration:underline;
		background-image:url(../images/leafLightGreen.jpg);
		background-repeat:no-repeat;
		background-position:3px center;
		padding:3px 0px 0px 30px;
	}
	.navEndBorder {
		background-image:url(../images/navDivider.gif);
		background-repeat:no-repeat;
		height:32px;
		position:absolute;
		top:-32px;
		right:0px;
		width:2px;
	}
#wrapper {
	width:895px;
	margin:auto;
	padding:0px 70px 0px 70px;
}
#headerContainer {
	height:365px;
	position:relative;
}
	#headerContainer .headerTextImage {
		background-image:url(../images/headerText.png);
		background-repeat:no-repeat;
		width:468px;
		height:132px;
		position:absolute;
		top:50px;
		left:340px;
	}
#contentContainer {
	width:907px;
	background-color:#FFFFFF;
	background-image:url(../images/contentBg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
	#leftColumn {
		width:188px;
		float:left;
		margin:-4px 0px 0px -3px;
		font:12px Arial, Helvetica, sans-serif;
		color:#494949;
	}
	#leftColumn .header {
		background-image:url(../images/subNavHeader.png);
		width:188px;
		height:12px;
		background-repeat:no-repeat;
		margin:0px;
	}
	#leftColumn #leftColumnContent {
		width:163px;
		background-image:url(../images/gboxBg.png);
		background-repeat:repeat-y;
		padding:0px 10px 0px 15px;
	}
	.gbox {
		width:188px;
		background-image:url(../images/gboxBg.png);
		background-repeat:repeat-y;
		margin-top:-4px;
	}
		.gbox_title {
			background-image:url(../images/gboxHeader2.gif);
			background-repeat:no-repeat;
			height:50px;
			margin:8px 0px 0px 4px;
		}
		.gbox_body {
			font:12px Arial, Helvetica, sans-serif;
			color:#494949;
			padding:10px 20px 10px 20px;
		}
		.gbox_footer {
			background-image:url(../images/gboxFooter.png);
			background-repeat:no-repeat;
			height:59px;
			font:12px Arial, Helvetica, sans-serif;
			color:#494949;
			text-align:center;
			padding-top:75px;
		}
		.gbox_body h1 {
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			margin-bottom:2px;
		}
			.gbox a, .gbox_footer a, #livingGreenBox a {
				color:#494949;
				text-decoration:none;
			}
			.gbox a:hover, .gbox_footer a:hover, #livingGreenBox a:hover {
				text-decoration:underline;
				color:#494949;
			}
			
	#rightColumn {
		width:667px;
		margin:10px 20px 0px 20px;
		font:12px Arial, Helvetica, sans-serif;
		color:#494949;
		float:right;
	}
		#rightColumn a {
			color:#b38808;
			text-decoration:none;
		}
		#rightColumn a:hover {
			color:#b38808;
			text-decoration:underline;
		}
		
			#rightColumn #topContentArea {
				width:600px;
				padding-bottom:15px;
			}
				.topLeft {
					float:left;
					width:270px;
					margin-left:20px;
				}
				.topRight {
					float:left;
					width:270px;
					margin-left:30px;
				}
				#rightColumn .news {
					width:275px;
					float:left;
					margin-left:20px;
					border-right:1px solid;
					border-color:#CCCCCC;
					padding-right:5px;
				}
				#rightColumn .quotations {
					width:295px;
					float:left;
					margin-left:30px;
				}
#footer {
	background-image:url(../images/footerBar.gif);
	background-repeat:no-repeat;
	width:906px;
	margin:auto;
	font:12px Arial, Helvetica, sans-serif;
	color:#494949;
	padding:20px 0px 60px 0px;
}
	#footer ul {
		list-style-type:none;
		margin:-15px 0px 0px 0px;
		padding-left:180px;
	}
	#footer ul li {
		border-right:1px solid;
		border-color:#666666;
		display:inline;
		padding:0px 5px 0px 5px;
	}
	#footer ul li a {
		padding:0px 10px;
		color:#666666;
		text-decoration:none;
	}
	#footer ul li a:hover {
		color:#666666;
		text-decoration:underline;
	}
	#footer li.last {
		border:none;
	}
/**** Begin Interior Page Styles****/
#interiorWrapper {
	width:895px;
	margin:auto;
	background-image:url(../images/interiorBg2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 70px 0px 70px;
}
#interiorHeaderContainer {
	height:200px;
	position:relative;
}
	a#solarVillageLogo {
		background-image:url(../images/solarvillageLogoLarge.jpg);
		background-repeat:no-repeat;
		width:311px;
		height:77px;
		display:block;
		position:absolute;
		left:0px;
		top:0px;
	}
	
#interiorContentContainer {
	width:907px;
	background-color:#FFFFFF;
	background-image:url(../images/contentBg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#subNav {
	width:188px;
	font:12px Arial, Helvetica, sans-serif;
	color:#494949;
	margin-bottom:-8px;
}	
	
	#subNav ul {
		list-style-type:none;
		margin:0px;
		padding:5px 0px 15px 0px;
		background-image:url(../images/gboxBg.png);
		background-repeat:repeat-y;
		width:188px;
	}
	#subNav ul li {
		border-bottom:1px dotted;
		border-color:#666666;
		width:170px;
		margin-left:8px;
		padding:4px 0px 4px 0px;
	}
	#subNav ul li a {
		color:#494949;
		text-decoration:none;
		padding-left:25px;
	}
	#subNav ul li a:hover {
		color:#494949;
		text-decoration:none;
		background-image:url(../images/leafIcon.gif);
		display:block;
		background-repeat:no-repeat;
	}
	
/*#interiorLeftWrapper {
	background-image:url(../images/leftShadow.png);
	background-repeat:repeat-y;
	width:188px;
	margin-top:8px;
}*/
	#interiorLeftContent {
		background-image:url(../images/leftColumnTan.png);
		background-repeat:no-repeat;
		width:188px;
		height:530px;
		margin:8px auto 0px auto;
		padding:0px 0px 2px 4px;
	}
	#livingGreenBox {
		background-image:url(../images/livingGreenBox.gif);
		background-repeat:no-repeat;
		width:170px;
		height:58px;
		font:12px Arial, Helvetica, sans-serif;
		color:#494949;
		text-align:center;
		margin:-6px auto 0px auto;
		padding-top:70px;
	}
	
#interiorRightColumn {	
	width:707px;
	margin:10px 0px 0px 0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#494949;
	float:right;
	position:relative;
}
		#interiorRightColumn a {
			color:#b38808;
			text-decoration:none;
		}
		#interiorRightColumn a:hover {
			color:#b38808;
			text-decoration:underline;
		}
		#interiorRightColumn ul {
			list-style-type:disc;
		}
		#interiorRightColumn ul li {
			padding-right:60px;
		}
			#interiorRightColumn #contentAreaOne {	
				width:655px;
				margin:10px 20px 10px 20px;
				font:12px Arial, Helvetica, sans-serif;
				color:#494949;
				line-height:18px;
			}
				#interiorRightColumn #contentAreaOne p {
					font:14px Arial, Helvetica, sans-serif;
					color:#494949;
					padding-right:100px;
				}
				
				#interiorRightColumn #contentAreaTwo {	
					width:655px;
					margin:10px 20px 10px 20px;
					font:12px Arial, Helvetica, sans-serif;
					color:#494949;
				}
					#interiorRightColumn #contentAreaTwo p {
						font:12px Arial, Helvetica, sans-serif;
						color:#494949;
					}
					#interiorRightColumn #contentAreaTwo #homeModelContainer {
						width:657px;
						margin:10px 0px 20px 0px;
					}	
					#interiorRightColumn #contentAreaTwo #homeModelContainer .left {
						width:395px;
						float:left;
						margin-right:5px;
					}
					#interiorRightColumn #contentAreaTwo #homeModelContainer .right {
						width:250px;
						float:right;
						padding-top:16px;
					}
	#contactPageColumn {
		width:687px;
		margin:10px 0px 10px 0px;
		font:12px Arial, Helvetica, sans-serif;
		color:#494949;
		float:right;
		position:relative;
		padding:15px 0px 0px 20px;
	}
/**** Header and Text Styles *****/
h1 {
	font:20px Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:normal;
	margin:8px 0px 5px 0px;
}
h2 {
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#b38808;
	margin:5px 0px 2px 0px;
}
h3 {
	font:18px Arial, Helvetica, sans-serif;
	color:#a1ba66;
	margin:4px 0px 4px 0px
}

h4, #contentContainer #rightColumn h4 {
	font:11px Arial, Helvetica, sans-serif;
	color:#424929;
	display:block;
	background-image:url(../images/leafIcon.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
	#contentContainer #rightColumn h4 a {
		text-decoration:none;
		color:#424929;
	}
	#contentContainer #rightColumn h4 a:hover {
		color:#424929;
		text-decoration:underline;
	}
h5 {
	font:15px Arial, Helvetica, sans-serif;
	color:#434a2a;
	margin:0px;
}
h6 {
	font:24px Arial, Helvetica, sans-serif;
	color:#b38808;
	margin:0px 0px 10px 0px;
}
.call {
	font:11px Arial, Helvetica, sans-serif;
	color:#494949;
	text-align:center;
	margin-bottom:3px;
}
.phone {
	font:23px Arial, Helvetica, sans-serif;
	color:#494949;
	text-align:center;
	margin:0px;
}

.tiny {
	font:12px Arial, Helvetica, sans-serif;
	color:#494949;
	margin-left:-15px;
}
.quote {
	font:12px Arial, Helvetica, sans-serif;
	color:#494949;
	font-style:italic;
	line-height:21px;
}
.borderTitle {
	/** this styles the header text with the top and bottom borders ***/
	font:18px Arial, Helvetica, sans-serif;
	color:#494949;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#333333;
	padding:5px 0px;
	margin:8px 0px 12px -15px;
	text-align:center;
}
.interiorRightTagLine {
	/** this styles the centered text at the bottom of the contentAreaTwo in the Interior Right Column**/
	font:14px Arial, Helvetica, sans-serif;
	color:#494949;
	text-align:center;
	width:550px;
	padding:0px 40px 20px 40px;
	border-bottom:1px solid;
	border-color:#666666;
	margin-left:20px;
}
a#download {
	/** This styles the red 'Download PDF' link **/
	font:11px Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-image:url(../images/pdfImage.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	height:17px;
	padding:3px 0px 0px 22px;
	margin:8px 0px 8px 0px;
}
a:hover#download {
	color:#FF0000;
	text-decoration:underline;
}
	a#pdf {
		/** This styles the red 'Download PDF' link **/
		font:11px Arial, Helvetica, sans-serif;
		color:#FF0000;
		background-image:url(../images/pdfImage.jpg);
		background-repeat:no-repeat;
		text-decoration:none;
		display:block;
		padding:3px 0px 0px 22px;
		margin:-4px 0px 0px 0px;
	}
	a:hover#pdf {
		color:#FF0000;
		text-decoration:underline;
	}
.footNote {
	/** this styles the 'Note: All Solar Village..." text **/
	font:10px Arial, Helvetica, sans-serif;
	color:#494949;
	width:600px;
	margin-left:30px;
}


/**** Begin Image and Image Positioning Styles ***/
.solarVillageLogo {
	position:absolute;
	right:68px;
	top:280px;
}
.americanHomesLogo {
	position:absolute;
	right:200px;
	top:277px;
}
.headerColorBar {
	margin:-22px 0px 10px 0px;
	width:300px;
}
.energyLogoPosition {
	margin:-5px 0px 0px 0px;
}

/*** Begin Form Styles ***/

.red {
	font:11px Arial, Helvetica, sans-serif;
	color:#FF0000;
	margin:0px;
}

label {
	width:100px;
	clear:left;
	float:left;
	display:block;
}

input {
	width:200px;
	float:left;
}

.checkbox {
	width:50px;
	float:left;
	clear:left;
	margin:10px 0px 0px 0px;
}
.checkboxText {
	width: 100%;
	float: left;
	padding: 0px;
	margin: -18px 0px 0px 50px;
	display: block;
}
.submit {
	width:auto;
	margin-bottom:10px;
}

#preloads {
   height: 1px;
   left: -9999px;
   overflow: hidden;
   position: absolute;
   top: -9999px;
   width: 1px;
}