/*** styles for all pages ***/
html {height: 100%;}
body {height: 100%;background: url(../img/background-top.jpg) top left repeat-x;background-color: #fdfeff;font-family: Verdana, Geneva, sans-serif; margin: 0;}
#container {min-height: 100%;width: 100%;height: auto !important;height: 100%;position: relative;margin: 0 auto -338px;}
#container-push {height: 338px;}
#logo-clicker {
    cursor: pointer;
    width: 250px;
    height: 100px;
    left:25px;
    top:25px;
    z-index: 3;
}

#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 125px;
}
#logo {
	left: 50px;
	top: 32px;
}

#content {
	width: 900px;
	margin: 0 auto;
	height: auto;
	z-index: 4;
	position: relative;
	float:left;
}

#content li {
	margin-bottom: 10px;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
	list-style-position: inside;
	list-style-image: url(/img/bullet-blue.png);
}

#content ul {
	margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 5px;
}

#content-left a:link, #content-left a:visited {
	color: #13b5ea;
	text-decoration: none;
}
#content-left a:hover, #content-left a:active {
	color: #13b5ea;
	text-decoration: underline;
}

a.bio-link:link, a.bio-link:visited {
	color: #13b5ea;
	text-decoration: none;
}
a.bio-link:hover, a.bio-link:active {
	color: #13b5ea;
	text-decoration: underline;
}
a.category-link, a.category-link:link, a.category-link:visited {
	color: #13b5ea;
	text-decoration: none;
	display: block;
	font-size: 16px;
	margin-bottom: 8px;
}
a.category-link:hover, a.category-link:active {
	color: #13b5ea;
	text-decoration: underline;
	display: block;
	font-size: 16px;
	margin-bottomn: 8px;
}

p {
	margin-bottom: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
}

h4.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #0079c1;
	font-weight: bolder;
	margin-top: 0px;
	line-height: 30px;
	margin-right: 15px;
	display: inline;
}

h1.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #0079c1;
	font-weight: bolder;
	margin-top: 0px;
	line-height: 30px;
	margin-right: 15px;
	display: inline;
}

h2.page-subtitle {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-size: 24px;
	font-weight: bold;
	color: #999999; 
	display: inline;
	padding-bottom: 15px;
}

#installations h4.page-title,#terms h4.page-title {	display: block;	}

h5.page-subtitle {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-size: 24px;
	font-weight: bold;
	color: #999999; 
	display: inline;
	padding-bottom: 15px;
}

#content-right {
	width: 350px;
	display: inline;
	float:right;
}

#content-left {
	width: 475px;
	display: inline;
	float: left;
	padding-left: 25px;
}

#footer-image{
	width: 100%;
	height: 338px;
	background: url(../img/bottom_w_gradient.jpg) no-repeat center bottom;
	background-position: 50% 100%;
	z-index: 2;
	overflow: hidden;
	padding-top: 0px;
	clear: both;
	display: block;
	position: relative;
	bottom:0;
}


#footer-imagetext{
	width: 100%;
	z-index: 1;
	overflow: hidden;
	padding-top: 290px;
	clear: both;
	display: block;
	vertical-align: bottom;
	text-align: center;
}

#footer-imagetext p{
	font-weight: normal;
	color: white;
}

#footer-imagetext a{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#footer-imagetext a:hover{
	font-weight: bold;
	color: blue;
}

.check-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0079c1;
	background: url(../img/check-box.png) no-repeat;
	height: 25px;
	padding-left: 35px;
	padding-top: 13px;
}

.check-box-checked {
	background-position: left -38px;
}

.check-box-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0079c1;
	background: url(../img/check-box-small.png) no-repeat;
	height: 19px;
	padding-left: 30px;
	padding-top: 10px;
	display: inline;
	margin-right: 10px;
}

.check-box-small-checked {
	background-position: left -25px;
}

.check-box-hidden {
	visibility: hidden;
}

.img-button	{	cursor: pointer;		}

.txt-box {	
	background-color: #f2fdfe;
	background: url(../img/textbox-bg.png) no-repeat;
	background-position: -5px -5px;
	padding-top: 8px;
	padding-left: 10px;
	border: 0;
	margin: 0px;
	margin-bottom: 8px;
	height: 28px;
	width: 279px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
    font-weight: bold;
	color: #13b5ea; 
}

.txt-area {	
	background-color: #f2fdfe;
	background: url(../img/textarea-bg.png) no-repeat;
	background-position: -5px -5px;
	padding-top: 11px;
	padding-left: 10px;
	border: 0;
	margin: 0px;
	margin-bottom: 8px;
	height: 190px;
	width: 279px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #13b5ea; 
}

#subnavigation {
	height: 56px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	right: 50px;
	top: 110px;
}
#subnavigation-content {
	height: 56px;
	width: auto;
	display: inline-block;
	padding-top: 15px;
	margin: 0;
	background: url(../img/subnav-bg-middle.png) repeat-x;
}	

#subnavigation-left {
	height: 56px;
	width: 22px;
	display: inline-block;
	margin-right: -5px;
	padding-top: 15px;
	background: url(../img/subnav-bg-left.png) no-repeat;
}
#subnavigation-right {
	height: 56px;
	width: 22px;
	display: inline-block;
	margin-left: -4px;
	padding-top: 15px;
	background: url(../img/subnav-bg-right.png) no-repeat;
}

#subnavigation-links {
	list-style: none;
	display: inline;
}

#subnavigation-links li.first {
	margin-right: 7px;
	display: inline;
}

#subnavigation-links li {
	margin-left: 7px;
	margin-right: 7px;
	display: inline;
}

#subnavigation a, #subnavigation a:link, #subnavigation a:visited, #subnavigation a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .25px;
	color: #03b0e9;
	text-decoration: none;
}

#subnavigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .25px;
	color: #0079c1;
	text-decoration: none;
}

#tertiary-navigation {
	width: 25%;
	right: -15px;
	top: 25px;
	z-index: 5;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #13b5ea; 
}

#tertiary-navigation a:link, #tertiary-navigation a:visited {
	color: #13b5ea;
	text-decoration: none;
}
#tertiary-navigation a:hover, #tertiary-navigation a:active {
	color: #13b5ea;
	text-decoration: underline;
}

.window {
	margin: 0;
	width: 341px;
	border: none;
}

.window .window-left {
	width: 18px;
	background: url(../img/window-left.png) repeat-y;
}

.window .window-right {
	width: 17px;
	background: url(../img/window-right.png) repeat-y;
}

.window .window-middle {
	width: 281px;
	padding-left: 15px;
	padding-right: 10px;
	background-image: url(../img/window-middle.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #f5fcff;
	
}

.window .window-content {
	width: 275px;
	min-height: 285px;
	margin: 0 auto;
}


/**********************************************************************************************************/
/*		500 px window																 					*/
/**********************************************************************************************************/

.500window {
	margin: 0;
	width: 485px;
	border: none;
}

.500window-left {
	width: 18px;
	background: url(../img/window-left.png) repeat-y;
}

.500window-right {
	width: 17px;
	background: url(../img/window-right.png) repeat-y;
}

.500window-middle {
	width: 445px;
	min-height: 285px;
	background-image: url(../img/window-middle500.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #f5fcff;
	
}

.500window .500window-content {
	width: 445px;
	min-height: 285px;
	margin: 0 auto;

}

/**********************************************************************************************************/
/*		end 500 px window																 					*/
/**********************************************************************************************************/

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #0079c1;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}


strong {
	font-weight: bold;
}

#page-title {	
	margin-bottom: 30px;
	position: relative;
	width: 95%;	
}

/**********************************************************************************************************/
/*		home page styles																 					*/
/**********************************************************************************************************/

#home h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #808080;
	line-height: 24px;
}

#home h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #808080;
	line-height: 24px;
}

#home h2#find-out-more {
	margin-top: 15px;	
}

#home .side-window {
	width: 280px;
	height: 144px;
	margin: 0 auto;
	padding: 30px;
	position: relative;
}

#home .side-window h3.window-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #0079c1;
	margin: 3px;
	top: 15px;
	left: 45px;
}

#home #window-top-next {
	bottom: 30px;
	left: 80px;
	z-index:4;
}

#home #window-top-prev {
	bottom: 30px;
	left: 65px;
	z-index:4;
}

#home #window-bottom-next {
	bottom: 30px;
	left: 80px;
	z-index:4;
}

#home #window-bottom-prev {
	bottom: 30px;
	left: 65px;
	z-index:4;
}

#home .side-window p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	width: 150px;
	margin-left: 20px;
	padding-top: 20px;
	line-height: 14px;
}
#home a.read-more {font-size: 12px;}
#home #need-help {width: 392px;height: 89px;background: url(../img/home-window-bottom.png) no-repeat;padding: 5px;margin-top: 20px;padding-left: 20px;}
#home #need-help #phone-number {margin-top: -10px;}
#home #need-help #need-help-title {color:	#0079c1;margin-top: 5px;}
.side-window a,.side-window a:link, .side-window a:visited {display: block;color:#13b5ea;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
.side-window-wrapper {position: relative;width: 280px;height: 144px;padding: 30px;background: url(../img/home-windows-background.png) no-repeat;z-index:1;}
#window-cycler-top {width: 296px;height: 160px;position: absolute;left: 22px;top: 21px;}
#window-cycler-bottom{width: 296px;height: 160px;position: absolute;left: 22px;top: 21px;}
#home #window-ecopure{
	background: url(../img/home-windows-ecopure.gif) no-repeat;width: 296px;z-index: 3;
	height: 160px;margin: 0 auto;padding: 30px;position: absolute;cursor: pointer;left: 0px;top: 0px;}
#home #window-pilotprogram{
	background: url(../img/home-windows-installation.gif) no-repeat;width: 296px;z-index: 3;
	height: 160px;margin: 0 auto;padding: 30px;position: absolute;cursor: pointer;left: 0px;top: 0px;}
#home #window-ecocarb{
	background: url(../img/home-windows-ecocarb.gif) no-repeat;width: 296px;z-index: 3;
	height: 160px;margin: 0 auto;padding: 30px;position: absolute;cursor: pointer;left: 0px;top: 0px;}
#home #window-ecofilter{
	background: url(../img/home-windows-ecofilter.gif) no-repeat;width: 296px;z-index: 3;
	height: 160px;margin: 0 auto;padding: 30px;position: absolute;cursor: pointer;left: 0px;top: 0px;}
#home #window-ecobase{
	background: url(../img/home-windows-ecobase.gif) no-repeat;width: 296px;z-index: 3;
	height: 160px;margin: 0 auto;padding: 30px;position: absolute;cursor: pointer;left: 0px;top: 0px;}