* {
	margin: 0;
	padding: 0;
}
body {
	background: #d0d2c5 url(images/graphics/gray_stripe.gif) repeat-x 0 154px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

div#container {
	background: #d0d2c5 url(images/graphics/container_bg.gif) repeat-y center top;
	margin: 0 auto;
	width: 937px;
}
/*Header area ***********************************************/
div#header {
	
  background: #ffffff url(images/graphics/header.jpg) no-repeat right top;
	color: #ffffff;
	height: 150px;
	margin: 0 auto;
	width: 920px;
	padding-bottom: 4px;
}
div#logo {
  background: transparent url(images/graphics/logo.jpg) no-repeat center;
  display: inline;
  float: left;
  width: 103px;
  height: 148px;
  margin-left: 16px;
  }
a.img-link {
border:none;
}
div#header h1 {
	display: none;
}
div#header p#top-nav {
	float: right;
	margin: 10px 10px 0 0;
	font-size: 1.1em;
}
div#header p#top-nav a {
	color: #ffffff;
	text-decoration: none;
}
div#header p#top-nav a:hover {
	text-decoration: underline;
}
/*Page Top area ***********************************************/
div#page-top {
	background: #B2B2B2 url(images/graphics/gray_container_bg.gif) repeat-y center  top;
	height: 216px;
	width: 937px;
}
/********Top Right content area********************************/
div.box-top {
	width: 595px;
	height: 200px;
	float: left;
	display: inline;
	margin: 6px 0 6px 20px;
}
body.information-library div.box-top, body.environmental-benefits div.box-top, body.video div.box-top, body.news-press div.box-top, body.case-studies div.box-top, body.tax-credits div.box-top {
	background: transparent url(images/content_images/info_lib_box_top.jpg) no-repeat left 36px;
}
body.residential div.box-top {
	background: transparent url(images/content_images/residential_box_top.jpg) no-repeat left 36px;
}
body.commercial div.box-top {
	background: transparent url(images/content_images/commercial_box_top.jpg) no-repeat left 36px;
}
body.home div.box-top {
	width: 296px;
}
div.box-top h2 {
	color: #ffffff;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.9em;
	height: 36px;
	line-height: 36px;
	margin: 0 auto;
	padding-left: 15px;
	text-align: left;
}
div.box-top h2 a {
color: #ffffff;
text-decoration: none;
}

body.information-library div.box-top h2, body.environmental-benefits div.box-top h2, body.video div.box-top h2, body.news-press div.box-top h2, body.case-studies div.box-top h2, body.tax-credits div.box-top h2 {
	background: transparent url(images/graphics/box_heading_blue_long.gif) no-repeat left top;
}
body.residential div.box-top h2 {
	background: transparent url(images/graphics/box_heading_orange_long.gif) no-repeat left top;
}
body.commercial div.box-top h2 {
	background: transparent url(images/graphics/box_heading_green_long.gif) no-repeat left top;
}
body.home div.residential h2 {
	background: url(images/graphics/box_heading_orange.gif) no-repeat center;
}
body.home div.residential p.box-link-button a {
	background: transparent url(images/graphics/arrow_btn_orange.gif) no-repeat 75px center;
	color: #ffcc00;
}
body.home div.commercial {
	margin-left: 10px;
}
body.home div.commercial h2 {
	background: url(images/graphics/box_heading_green.gif) no-repeat center;
}
body.home div.commercial p.box-link-button a {
	background: transparent url(images/graphics/arrow_btn_green.gif) no-repeat 75px center;
	color: #4fc1c1;
}
body.home div.box-content {
	height: 142px;
	background: url(images/graphics/box_top_bg.gif) repeat-x;
	border: 1px solid #cccccc;
	border-width: 0 1px;
	width: 294px;
}
body.home div.box-top ul {
	color: #333333;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.3em;
	list-style: none;
	text-align: left;
	padding-left: 15px;
}
body.home div.box-top li {
	padding-top: 3px;
	background: url(images/graphics/bullet_gray.gif) no-repeat left center;
	padding-left: 12px;
}
body.home div.box-top li a {
color: #333333;
text-decoration: none;
}
body.home div.box-top li a:hover {
text-decoration: underline;
}
body.home div.box-top p.box-img {
	border-width: 1px 0;
	border-style: solid;
	border-color: #999999;
	height: 71px;
	margin-top: 8px;
}
body.home div.box-top p.box-img img {
	margin: 0 auto;
	vertical-align: center;
}
body.home div.box-top p.box-link-button {
	background: url(images/graphics/box_bottom_btn.gif) no-repeat center;
	height: 21px;
	width: 296px;
}
body.home div.box-top p.box-link-button a {
	display: block;
	float: right;
	font-size: 1.1em;
	line-height: 21px;
	height: 21px;
	width: 75px;
	padding-right: 25px;
	text-decoration: none;
}
/***********Top Right content area*******************************/
div#info-top {
	background: transparent url(images/graphics/logo_bg.gif) no-repeat right bottom;
	color: #666666;
	float: left;
	height: 200px;
	width: 265px;
	text-align: left;
	margin: 6px 0 6px 15px;
}
div#info-top h2 {
	border-bottom: 1px solid #666666;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.8em;
	margin-bottom: 10px;
	line-height: 36px;
}
div#info-top p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 6px 0;
}
body.home div#info-top p {
	line-height: 1.2em;
}
div#info-top span.company-name {
	color: #ff9900;
	font-size: 1.1em;
	font-weight: bold;
}
/*Main Page area ***********************************************/
div#main-page-wrapper {
	background: transparent url(images/graphics/page_bottom_cap.gif) no-repeat left bottom;
	padding: 10px 0 48px 0;
	width: 937px;
}
div#main-page {
	background: #ffffff url(images/graphics/page_bg_grad.gif) repeat-x left bottom;
	margin: 0 auto;
	margin-top: -2px;
	width: 920px;
	min-height: 380px;
	overflow: visible;
}
/*********Side Navigation *************************************/
div#side-nav {
	background: transparent;
	float: left;
	text-align: left;
	width: 180px;
	margin-left: 15px;
	display: inline;
}
div#side-nav h2 {
	border-bottom: 1px solid #cccccc;
	color: #93b4d6;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
}
div#side-nav h2.main-menu {
	border-top: 1px solid #cccccc;
	margin-top: -1px;
}
div#side-nav ul {
	list-style: none;
}
div#side-nav li {
	border-bottom: 1px dashed #cccccc;
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
}
div#side-nav li a {
	display: block;
	background: transparent url(images/graphics/bullet_orange.gif) no-repeat 10px center;
	color: #9d9c9c;
	text-decoration: none;
	padding-left: 22px;
}
div#side-nav li a:hover {
	background: transparent url(images/graphics/bullet_dk_orange.gif) no-repeat 10px center;
	color: #ff9900;
}
body.home div#side-nav li.home a, body.residential div#side-nav li.residential a, body.commercial div#side-nav li.commercial a, body.information-library div#side-nav li.information-library a, body.environmental-benefits div#side-nav li.environmental-benefits a, body.tax-credits div#side-nav li.tax-credits a, body.case-studies div#side-nav li.case-studies a, body.news-press div#side-nav li.news-press a, body.contact div#side-nav li.contact a, body.video div#side-nav li.video a {
	background: transparent url(images/graphics/bullet_dk_orange.gif) no-repeat 10px center;
	color: #ff9900;
}
div#side-nav ul.commercial li a, div#side-nav ul.residential li a {
	background: none !important;
  color: #9d9c9c !important;  
	list-style: none;
	font-size: .7em;
}
div#side-nav ul.commercial li a:hover, div#side-nav ul.residential li a:hover {
color: #ff9900 !important;
}
div#side-nav ul.commercial li, div#side-nav ul.residential li {
border-bottom: none;
line-height: 1.3em;
height: 1.3em;
}
div#side-nav ul.commercial,div#side-nav  ul.residential {
display: none;
}
body.commercial div#side-nav ul.commercial, body.residential div#side-nav ul.residential {
display: block;
}
body.domestic-hot-water-residential div#side-nav ul.residential li.domestic-hot-water a, body.home-heating-residential div#side-nav ul.residential li.home-heating a, body.swimming-pools-residential div#side-nav ul.residential li.swimming-pools a, body.space-heating-residential div#side-nav ul.residential li.space-heating a, body.commercial-solar-commercial div#side-nav ul.commercial li.commercial-solar a, body.domestic-hot-water-commercial div#side-nav ul.commercial li.domestic-hot-water a, body.swimming-pools-commercial div#side-nav ul.commercial li.swimming-pools a, body.process-heat-commercial div#side-nav ul.commercial li.process-heat a{
	color: #ff9900 !important; 
}

div#side-nav li.residential {
	border-bottom: none;
}
/*********Main Content *************************************/
div#content-wrapper {
	background: transparent  url(images/graphics/central_bottom_cap.gif) no-repeat center bottom;
	padding-bottom: 9px;
	float: left;
	width: 450px;
}
div#content {
	float: left;
	width: 450px;
	background: #ffffff;
	text-align: left;
	padding-bottom: 5px;
}
div.content-item {
	width: 410px;
	padding: 0 20px;
	float: left;
}
div.content-item p {
	clear: right;
	color: #706D5C;
	font-size: 1.1em;
	margin: 10px 0;
	text-align: left;
}
div.content-item div.content-item-img {
	border: 1px solid  #cccccc;
	float: left;
	clear: left;
	padding: 4px;
	margin: 0 10px 5px 0;
}
div.content-item div.content-item-img img,  body.article-alt div.content-item div.content-item-img img {
	margin: auto auto;
	vertical-align: center;
}
div.content-item h3 {
	color: #438f96;
	float: right;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.5em;
	line-height: 17px;
	margin-bottom: 0px;
	text-align: left;
	width: 280px;
}
div.content-item h3 a {
	color: #438f96;
  text-decoration: none;
  }
div.content-item h3 a:hover {
  text-decoration: underline;
  } 
div.content-item h4 {
color: #438f96;
font-size: 1.1em;
}
body.article div.content-item h3, body.article-alt div.content-item h3{
	float: none;
	width: auto;
}
body.article div.content-item h4, body.article-alt div.content-item h4{
clear: left;
}
body.home div.content-item h3 {
	background: transparent url(images/graphics/circle_arrow_bullet.gif) no-repeat left center;
	padding-left: 24px;
	width: 256px;
}
div#content div.info-lib-list {
	clear: left;
	float: left;
	padding: 10px 0 0 15px;
	font-size: 1.1em;
}
div#content div.info-lib-list h3 {
	color: #438f96;
	font-size: 1.1em;
}
div#content div.info-lib-list ul {
	list-style: bullet;
	padding: 5px 0 0 20px;
	color: #706D5C;
}
div#content div.info-lib-list li {
	margin-top: 5px;
}
div#content div.info-lib-list a, div.content-item a {
	color: #A5A895;
}
div.content-item ol, div.content-item ul {
color: #706D5C;
list-style-position: outside;
padding-left: 20px;
margin: 10px 0;
}
/*********Side Content *************************************/
div#side-bar-wrapper {
	background: transparent url(images/graphics/sidebar_bottom_cap.gif) no-repeat left bottom;
	padding-bottom: 9px;
	float: left;
	width: 251px;
	margin-left: 20px;
	display: inline;
}
div#side-bar-cap {
	background: transparent url(images/graphics/sidebar_top_cap.gif) no-repeat left bottom;
	height: 8px;
	width: 251px;
}
div#side-bar {
	background: #ffffff url(images/graphics/sidebar_bg_grad.gif) repeat-x left top;
	text-align: left;
	width: 251px;
	min-height: 305px;
	float: left;
}
body.home div#side-bar {
	background: none;
}
div#side-bar h3 {
	border-bottom: 1px solid #ffffff;
	color: #f4a21e;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.6em;
	padding-bottom: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}
body.home div#side-bar h3 {
	border-bottom: 1px solid #f4a21e;
	font-size: 1.5em;
}
div#side-bar p {
	float: left;
	display: inline;
	color: #706d5c;
	margin: 6px 0;
	font-size: 1.2em;
	font-style: italic;
	margin-left: 15px;
	width: 80%;
}
body.home div#side-bar p {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 25px;
	font-size: 1.1em;
}
div#side-bar img.big-quote {
	display: inline;
	height: 14px;
	width: 17px;
	margin: 0 4px;
}
/*********Footer Area *************************************/
div#footer {
	clear: left;
	background: transparent;
	padding-top: 20px;
}
div#footer p {
	clear: both;
	color: #8a8671;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.7em;
}
div#footer p a {
	color: #8a8671;
	text-decoration: none;
}
div#footer p a:hover {
	text-decoration: underline;
}
/*Contact Page and Article modifications*********************************/
body.article-alt div#box-top {
	width: 200px;
	background: #EAEAEA url(images/content_images/sunwater-solar-office.jpg) no-repeat center 6px;
	float: left;
  display: inline;
  height: 214px;
	margin-left: 8px;
}
body.contact div.content-item h2 {
	margin-top: 15px;
	text-align: left;
	color: #438F96;
	font-size: 1.2em;
}
body.article-alt div.content-item {
	width: 530px;
	background: #ffffff;
	padding: 0 25px;
	display: inline;
	float: left;
}
body.article-alt div#content {
	background: transparent url(images/graphics/contact_bottom_cap.gif) no-repeat left bottom;
	display: inline;
	position: relative;
	z-index: 5;
  width: 580px;
  float: left;
	padding-bottom: 8px;
	margin: -218px 0 43px 8px;
}
body.contact div.content-item p{
	background: #ffffff;
	color: #706D5C;
	font-size: 1.3em;
	padding-top: 10px;
	text-align: left;
}
body.contact div.content-item p span.label {
	font-weight: bold;
}
body.contact div.content-item form {
	text-align: left;
	margin-top: 15px;
		display: inline;
	float: left;
	clear: left;
	width: 458px;
	height: 340px;
	padding: 30px 2px 2px 70px;
	padding-left: 70px;
	padding-top: 50px;
	background: #ffffff url(images/graphics/form_border.gif) no-repeat center center;
}
body.contact div.content-item form h3 {
	margin-left: -50px;
		display: inline;
	float: left;
	text-align: left;
	color: #FF9900;
}
body.contact div.content-item form input {
	background: #ffffff;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 10px;
}
body.contact div.content-item form p {
padding: 0;
margin: 8px 0;
float: left;
clear: left;
width: 458px;
}
body.contact div.content-item form label {
float: left;
}
body.contact div.content-item form input.btn {
	float: right;
	display: inline;
	margin-right: 34px;
	background: #eaeaea;
	border: 1px solid #cccccc;
	padding: 3px;
}
body.article-alt div#page-top {
	background: transparent url(images/graphics/page_top_bg.gif) repeat-y left top;
}
body.article-alt div#header {
	border-style: none;
}
body.article-alt {
background:#D0D2C5 url(images/graphics/gray_stripe.gif) repeat-x scroll 0 154px;
font-family:verdana,helvetica,sans-serif;
font-size:12px;
text-align:center;
}