/*
Theme Name: SunWaterSolar
Theme URI: http://www.sunwatersolar.com/
Description: A custom wordpress theme for SunWaterSolar.com
Version: 1.0
Author: Epicenter Communications
Author URI: http://www.epicenter.com/
Tags: Custom
*/



div#side-bar ul {

	float: left;

	display: inline;

	color: #706d5c;

	margin: 6px 0;

	font-size: 1.4em;

	font-style: bold;
	
	list-style: bullet;

	margin-left: 15px;

	width: 80%;
	

}

* {

	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: 10px;

	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.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.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: 2em;

	margin-bottom: 20px;

	line-height: 36px;

}

div#info-top p {

	font-size: 1.3em;

	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.4em;

	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: 1.2em;

	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 {

	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: .9em;

}

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: 5px;

	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: none;

}

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;

	/* IE 6 Min Height Hack */
	min-height: 305px;
	height: auto !important;
	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: 5px;

	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.4em;

	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;

		display: inline;

	float: left;

	clear: 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 0 152px;

}

/* ///////
//
//	ADDED 9.1.09 - BY BRANDON
//
/////////////////////////////// */
div#side-bar ul.categories {
	margin: 0;
	padding: 0px 0 12px 28px;
}

div#side-bar ul.categories {
	list-style: none;
}

div#side-bar ul.categories h3 {
	margin: 0 12px;
	padding: 0;
	display: inline-block;
}

ul.categories a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

ul.categories a:hover {
	text-decoration: underline;
}

ul.categories li {
	list-style-image: url(images/graphics/li_dash.gif);
	list-style-position: outside;
}
ul.categories li.rss {
	list-style-image: none;
	
}

img.alignleft {
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
}

img.alignright {
	padding: 0;
	margin: 0 0 10px 10px;
	float: right;
}