/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* START CODE */

body {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a4a3a3; background:url(images/nav_bg.jpg) 0 125px repeat-x; z-index:-1;}

.container {margin-left:auto; margin-right:auto; text-align:center; width:950px;}
#nav {}
ul#nav li {float:left;}
ul#nav li a {display:block; text-indent: -10000px; height: 25px; border-right: 2px solid #ffffff; margin:3px 0 0 40px; padding:15px 40px 10px 0;}
ul#nav span.selected {border-bottom:2px solid #3e3e3e;}

ul#nav li a#nav1 {background:url(images/nav_home.gif) 0 15px no-repeat; width:42px; height:12px;}
ul#nav li a#nav2 {background:url(images/nav_heat_pumps.gif) 0 15px no-repeat; width:80px; height:12px;}
ul#nav li a#nav3 {background:url(images/nav_go_green.gif) 0 15px no-repeat; width:73px; height:12px;}
ul#nav li a#nav4 {background:url(images/nav_save_money.gif) 0 15px no-repeat; width:89px; height:12px;}
ul#nav li a#nav5 {background:url(images/nav_company.gif) 0 15px no-repeat; width:74px; height:12px;}
ul#nav li a#nav6 {background:url(images/nav_contact.gif) 0 15px no-repeat; width:68px; height:12px; border-right:none;}

ul#nav li a#nav1:hover {background:url(images/nav_home_hover.gif) 0 15px no-repeat; width:42px; height:12px;}
ul#nav li a#nav2:hover {background:url(images/nav_heat_pumps_hover.gif) 0 15px no-repeat; width:80px; height:12px;}
ul#nav li a#nav3:hover {background:url(images/nav_go_green_hover.gif) 0 15px no-repeat; width:73px; height:12px;}
ul#nav li a#nav4:hover {background:url(images/nav_save_money_hover.gif) 0 15px no-repeat; width:89px; height:12px;}
ul#nav li a#nav5:hover {background:url(images/nav_company_hover.gif) 0 15px no-repeat; width:74px; height:12px;}
ul#nav li a#nav6:hover {background:url(images/nav_contact_hover.gif) 0 15px no-repeat; width:68px; height:12px; border-right:none;}

ul#nav li a#nav1:active {background:url(images/nav_home_hover.gif) 0 15px no-repeat; width:42px; height:12px;}
ul#nav li a#nav2:active {background:url(images/nav_heat_pumps_hover.gif) 0 15px no-repeat; width:80px; height:12px;}
ul#nav li a#nav3:active {background:url(images/nav_go_green_hover.gif) 0 15px no-repeat; width:73px; height:12px;}
ul#nav li a#nav4:active {background:url(images/nav_save_money_hover.gif) 0 15px no-repeat; width:89px; height:12px;}
ul#nav li a#nav5:active {background:url(images/nav_company_hover.gif) 0 15px no-repeat; width:74px; height:12px;}
ul#nav li a#nav6:active {background:url(images/nav_contact_hover.gif) 0 15px no-repeat; width:68px; height:12px; border-right:none;}



.header {padding:10px 0 0 15px; text-align:left;}
.header img {margin:0 0 10px 41px;}

.content {margin-top:75px;}

.contentheader {background-image:url(images/go_green_header.jpg); border:1px #c6c5c5 solid; z-index:1; height:219px; width:950px;}
.contentheader2 {background-image:url(images/save_money_header.jpg); border:1px #c6c5c5 solid; z-index:1; height:219px; width:950px;}
.contentheader3 {background-image:url(images/heat_pump_header.jpg); border:1px #c6c5c5 solid; z-index:1; height:219px; width:950px;}
.contentheader4 {background-image:url(images/company_header.jpg); border:1px #c6c5c5 solid; z-index:1; height:219px; width:950px;}

.contentheader h2, .contentheader2 h2, .contentheader3 h2, .contentheader4 h2 {font-size:18px; margin:125px 0 0 51px; text-align:left; line-height:120%;}
.contentheader h2 strong, .contentheader2 h2 strong, .contentheader3 h2 strong, .contentheader4 h2 strong {font-weight:bold;}
.contentheader h2 a, .contentheader2 h2 a, .contentheader3 h2 a, .contentheader4 h2 a {font-size:16px; color:#424242;}
.contentheader h2 a:hover, .contentheader2 h2 a:hover, .contentheader3 h2 a:hover, .contentheader4 h2 a:hover {text-decoration:none;}

.content .main {text-align:left; width:551px; line-height:130%; float:left;}
.content .main p {margin-bottom:25px;}
.content .main h1 {font-size:26px; font-weight:normal; margin-bottom:25px;}
.red {color:#ed1c24;}
.blue {color:#29abe2;}
.green {color:#69bd45;}
.grey {color:#424242;}

.content .main ul#savings li {margin-bottom:15px;}
.content .main ul#locations li {margin:5px 0;}
.content .main ul {margin-bottom:15px;}

.content .main h3, .content .main h4 {font-size:18px; font-weight:normal;}
.content .main h5 {font-size:16px; font-weight:normal; line-height:150%; color:#828282;}

.content .column1, .column2 {text-align:left; width:300px; float:left;}
.content .column1 ul, .column2 ul, .content .main, .content .column3 ul {margin:35px 0 0 51px;}
.content .column1 ul li, .column2 ul li, .column3 ul li {line-height:150%;}
.content .column3 {float:left;}
.content .column3, .content .column3 ul {text-align:left;}
.content .column3 span.side img {margin:35px 0 0 51px; border:1px #c6c5c5 solid;}
.content .column3 p {margin:35px 0 0 51px; width:193px; padding:25px 25px 10px 25px; background-color:#f0f0f0; border:1px #c6c5c5 solid; line-height:150%}
.content .column3 p a .info {margin-bottom:25px;}


.content .column3 ul#bulletlist {list-style:circle;}

.content .footer {display:block; width:900px; text-align:left; float:left; padding:30px 0 30px 51px; background:#424242; margin-top:55px}
.content .footer form, .content .footer ul#partners {line-height:120%; width:300px; float:left;}
.content .footer form img {margin-bottom:15px;}
.content .footer form div {margin-bottom:1px;}
.content .footer form fieldset input.button {margin-top:3px; color:#424242;}
.content .footer form label {font-size:10px; text-transform:uppercase; clear:both; float:left; width:20em;}
.content .footer form label.white {color:#ffffff;}
.content .footer form input, .content .column3 fieldset textarea {color:#919191;}

/* quote form validation messages */
label.error	{ clear:both; width:20em; vertical-align: top; font-weight:bold; padding-bottom:.1em; color:#A4A3A3; }



.content a {color:#424242; margin-top:8px;}
.content a:hover {text-decoration:none;}

.content .footer p {font-size:10px; color:#424242;}
.content .footer p a {font-weight:bold;}


.content ul#partners, .content ul#about {float:left; height:300px;}
.content ul#partners li, .content ul#about li {margin-top:15px;}
.content ul#partners li img {margin-right:15px;}

.content ul#about {width:220px;}
.content ul#about li, .content ul#about li h1, .content ul#about li a {font-size:10px; text-transform:uppercase; color:#ffffff; line-height:130%;}
.content ul#about li h1 {font-weight:bold; border-bottom: 1px solid #ffffff; padding-bottom:15px;}