@charset "utf-8";
/* CSS Document */


#house{
	margin:auto; width:978px; border:1px solid #CCC;
	}
#solar-panel{
	height:112px;
	}
#green-construction{
	height:410px;
	}
#build-green{
	height:62px;
	background-color:#00A160;
	}
#renewable{
	height:62px; float:left;
	background-color:#00A160; width:300px; text-align:center; line-height:62px;
	}
#recycle{
	height:62px; float:left;
	background-color:#00A160; width:676px;
	}
	
#conservation{
width:136px; margin-top:20px;
	}
#sustainable-t{ width:136px;}
#sustainable-nav{ width:134px; border:1px #CCC solid; border-bottom:0px; border-top:0px; background-color:#FFF; padding-bottom:5px;}
#sustainable-b{ width:136px;}

#environment{ float:left; width:520px; margin-top:20px; display:}
#environment-t{ width:520px;}
#environment-content{ width:480px; padding:0px 19px; border:1px #CCC solid; border-bottom:0px; border-top:0px; background-color:#FFF; padding-bottom:5px;}
#environment-b{ width:520px;}

#navitem{ color:#00A15E; font-family: Arial, Helvetica, sans-serif; width:134px; font-size: 16px; margin-bottom:5px;}
#navitem:hover{ color:#00A15E; background-color:#EBF5F1; font-size:16px;}
#navitem a{ color:#00A15E; padding-left:15px; text-decoration:none; width:100%; font-size:16px;}
#navitem a:hover{ color:#00A15E; background-color:#EBF5F1; text-decoration:none; width:100%; font-size:16px;}

#subnavitem{ color:#00A15E; font-family: Arial, Helvetica, sans-serif; width:114px; padding-left:20px; font-size: 12px;}
#subnavitem:hover{ color:#00A15E; background-color:#EBF5F1; font-size:12px;}
#subnavitem a{ color:#00A15E; text-decoration:none; width:100%; font-size:12px;}
#subnavitem a:hover{ color:#00A15E; background-color:#EBF5F1; text-decoration:none; width:100%; font-size:12px;}

#navitemactive{color:#00A15E; font-family: Arial, Helvetica, sans-serif; width:134px;background-color:#EBF5F1; font-size:16px; margin-bottom:5px;}
#navitemactive:hover{color:#00A15E; font-family: Arial, Helvetica, sans-serif; width:134px;background-color:#EBF5F1; font-size:16px;}
#navitemactive a{ color:#00A15E; padding-left:15px; text-decoration:none; width:100%;background-color:#EBF5F1; font-size:16px;}
#navitemactive a:hover{ color:#00A15E; background-color:#EBF5F1; text-decoration:none; width:100%;background-color:#EBF5F1; font-size:16px;}

.maintextw{
	color:#FFF; font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.maintext{
	color:#333; font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.maintext10{
	color:#333; font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.maintextgreen{
	color:#01A261; font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.title{
	font-family: Arial, Helvetica, sans-serif; 
	color:#333; font-size:18px; 
	}
.header{
	
	}
.subheader{
	
	}
.quote{
	color:#FFF; font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	}	
#copyright{
	width: 980px; padding: 5px; 0px;
	margin:auto;
	text-align:right; color:#999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
#copyright a{
	width: 980px;
	margin:auto;
	text-align:right; color:#999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
#copyright a:hover{
	width: 980px;
	margin:auto;
	text-align:right; color:#999; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px;
		}
		
	#environment #environment-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
}
.ul{
	margin:0px; padding:0px 0px 0px 20px;
	}
.ul .li{
	list-style-type:square; color:#01A261;
	}
li{
	list-style-image:url(../images/arrow-nav.png); margin-left:15px;
	
	}
hr{ font-size:1px; color:#000; padding:0px; margin:5px 0px;}