/*
-------------------------------------------
Project Fire
Main Layout

Created By Boost!


------------------------------------------- 
*/

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:20px 0px 0px;
	background:#2C3941;
}

h2 {	font-size:1.7em; }

p { 	font-size:1.1em; }

a {
	color: #EA2026;
	text-decoration:none;
}
a:hover {	color:#17A3EE;}

img {	border:0;}

/*---------
 Frame
----------*/
#frame {

}




/*---------
 Header 
----------*/

#frame #header {
	height:68px;
	margin:0px auto;
	width:980px;
}
#frame #header h1 {
	padding:0px;
	margin:8px 0px 0px 40px;
}
#frame #header h1 a{
	display:block;
	text-indent:-7000px;
	width:168px;
	height:56px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;	
}
#frame #header p#download{
	float:right;
	width:151px;
	margin:-30px 0px 0px 0px;
	color:#FFF;
}
#frame #header p#download a{
	color:#FFF;
	font-size:1.2em;	display:block;
}
#frame #header p#download a:hover{
	color:#CC3300;
}


#frame #header  p#download a span{
	font-size:0.7em;
	color:#5E7888;
	display:block;
}


/*-------------------
 Content
---------------------*/

#frame #content {
	border-top:1px solid #41545F;
	border-bottom:1px solid #41545F;
}



#frame #main_content {
	margin:0px 0px;
	padding:12px 0px;
	color:#FFF;
}
#frame #main_content #wrapper {
	margin:0px auto;
	height:350px;
	width:980px;
	position:relative;
	border:2px solid #22242a;
	overflow:hidden;
}

/*Clear Fix */
#frame #main_content:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}
* html>body #frame #main_content {
	display: inline-block; 
	width: 100%;
	}

* html #frame  #main_content{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

#frame #main_content #wrapper .section{
	height:350px;
	width:996px;
	position:absolute;	
	top:0px;
	left:7220px;
}

#frame #main_content .section .sub_section {
	width:490px;
	float:left;
	position:relative;
	height:350px;
}


/*Next Button*/
#frame #main_content .section .sub_section .next_button {
	position:absolute;
	right:0px;
	bottom:0px;
	display:block;
	height:350px;
	width:80px;
}

#frame #main_content .section .sub_section .next_button span {
	border-top:1px solid #3F525C;
	border-left:1px solid #3F525C;	
		padding:2px 10px;
	background:#2e3035;
	font-size:1.0em;
	display:block;
	color:#FFF;
	position:absolute;
	right:0px;
	bottom:0px;
}
#frame #main_content .section .sub_section .next_button:hover {
	background:url(../images/next_background.png) no-repeat;

}
#frame #main_content .section .sub_section .next_button:hover span {

	color:#82BC55;
}


/*Previous Button*/
#frame #main_content .section .sub_section .prev_button {
	position:absolute;
	left:0px;
	bottom:0px;
	display:block;
	height:350px;
	width:80px;
}

#frame #main_content .section .sub_section .prev_button span {
	border-top:1px solid #3F525C;
	border-left:1px solid #3F525C;	
	padding:2px 10px;
	background:#2e3035;
	font-size:1.0em;
	display:block;
	color:#FFF;
	position:absolute;
	left:0px;
	bottom:0px;
}
#frame #main_content .section .sub_section .prev_button:hover {
	background: url(../images/prev_background.png) no-repeat;
} 
#frame #main_content .section .sub_section .prev_button:hover span {

	color:#82BC55;
}


#frame #main_content #section1 {
	text-align:center;
}

#frame #main_content #section1 h2{
	text-align:center;
	margin:10px 0px 15px;
	font-size:1.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#frame #main_content #section1 h2 span{
	display:block;
	color:#79c044;
	font-size:2.2em;
	margin-bottom:-3px;
	letter-spacing:1px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#frame #main_content #wrapper #section2 {
	top:0px;
	left:-3px;
}


#frame #main_content #wrapper #section4 {


	left:980px;
}
#frame #main_content #wrapper #section5 {
	top:0px;
	left:1970px;
}
#frame #main_content #wrapper #section6 {
	top:0px;
	left:2966px;
}
#frame #main_content #wrapper #section7 {
	top:0px;
	left:3948px;
}
#frame #main_content #wrapper  #section8 {
	top:0px;
	left:4942px;
}
#frame #main_content #wrapper #section9 {
	top:0px;
	left:5932px;
}
#frame #main_content #wrapper #section10 {
	top:0px;
	left:6922px;
}
#frame #main_content #wrapper #section11 {
	top:0px;
	left:7922px;
}

#frame #main_content #section2 #innnovation {
	background: #6db341 url(../images/30years.jpg) no-repeat;
}



#frame #main_content #section2 #innnovation h2 strong {
	color:#2C3941;
	font-size:1.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	margin-top:-3px;
}

#frame #main_content #section2 #innnovation h2 {
	font-weight:normal;
	text-align:center;
	margin:30px 0px 0px 40px;
	font-size:1.8em;
}

#frame #main_content #section2 #innnovation  h2 span{
	display:none;
}

#frame #main_content #section2 #innnovation h3 {
	color:#2C3941;
	text-align:right;
	position:relative;
	font-size:10px;
	font-style:italic;
	margin:0px 0px 0px 0px;

	background:none;
	padding:0px;
}

#frame #main_content #section2 #innnovation p {
	margin:10px 10px 10px  150px;
	font-size:0.9em;
}

#frame #main_content #section2 #innnovation p.quote {
	float:left;
	margin:135px 0px 0px 30px;
	font-size:1.4em;
	color:#363a43;
	width:102px;
	text-align:right;
}

#frame #main_content #section2 #green{
	background: #2D3C41 url(../images/innovation_right_back.jpg) repeat-y;
	position:relative;
}

#frame #main_content #section2 #green img{
	position:absolute;
	top:0px;
	right:10px;
	border:1px solid #41545F;
	border-top:none;
	padding:0px 1px 1px;
}
#frame #main_content #section2 #green ul {
	list-style:none;
	width:283px;
	font-size:0.9em;
	padding:0px;
	margin:30px 0px 0px 90px;
}
#frame #main_content #section2 #green ul  li{
	margin:0px 0px 5px;
	padding:0px 0px 0px 34px;
}

#frame #main_content #section2 #green #green_testimonial {
	color:#FFF;
	background:#6DB33F;
	margin-top:17px;
	margin-left:60px;
	padding: 10px 10px 10px 80px;
	width: 240px;
}

#frame #main_content #section2 #green #green_testimonial em{
	display:block;
	font-size:1.3em;
}

#frame #main_content #section2 #green ul  li#water{

	background:url(../images/water.jpg) no-repeat;
}

#frame #main_content #section2 #green ul  li#carbon{
	background:url(../images/carbon.jpg) no-repeat;

}

#frame #main_content #section2 #green ul  li#cost{
	background:url(../images/cost.jpg) no-repeat;
}

#frame #main_content #section2 #green ul  li strong{
	display:block;
	color:#6DB341;
}

#frame #main_content .section .sub_section  .product{
	position:relative;	
	height:220px;
	margin-top:120px;
	display:block;
}
#frame #main_content .section .sub_section  .product h3{
	position: absolute;
	font-size:3.2em;
	margin:0px 0px 0px 33px;
	background:#6DB33F;
	padding:25px 20px;
	width:418px;
	bottom:0px;
	font-weight:normal;
	height:36px;

}

#frame #main_content .section .sub_section  .product h2{
	width:170px;
	padding:0px 10px ;
	text-align:center;
	margin:0px 0px 0px 33px;
	background:#404042;
}
#frame #main_content .section .sub_section  .product p{
	width:170px;
	margin:0px 0px 0px 33px;
	padding:0px 10px 5px;
	font-size:0.9em;
	background:#404042;	
}
#frame #main_content .section .sub_section  .product_details {
	color:#333333;
}

#frame #main_content .section .sub_section  .product_details h2  {
	font-size:13px;
	margin:30px 0px 5px 70px;
}
#frame #main_content .section .sub_section  .product_details p {
	font-size:0.9em;
	margin:5px 80px 5px 70px;
} 

#frame #main_content .section .sub_section  .product_details h2 span {
	display:block;
	color:#999999;
	font-size:0.8em;
}

#frame #main_content .section .sub_section  .productimg{
	float:right;
	clear:right;
	width:90px;
	margin:10px 5px 0px 0px;
}
#frame #main_content .section .sub_section  .icons {
	float:right;
	height:100px;
	margin-right:30px;
}

#frame #main_content .section .sub_section  .product_footer {
	height:86px;
	background:#6DB33F;
	position:absolute;
	bottom:10px;
	
	width:490px;
}
#frame #main_content .section .sub_section  .product_footer h3{
	margin:5px 0px 2px 70px;
	padding:0px 140px 0px 0px;
	text-align:right;
	font-size:10px;
}

#frame #main_content .section .sub_section  .product_footer p {
	margin:0px 0px 0px 70px;
	
	font-size:0.8em;
	padding:0px;
}

#frame #main_content .section .sub_section  .product_footer  img {
	float:right;
	height:86px;
	border-left:2px solid #FFF;
}
/*Zonecheck*/

#frame #main_content #section4 #zonecheck {
	background:url(../images/zone_background_left.jpg) no-repeat;

}
#frame #main_content #section4 #zonecheck_right {

	background: #FFF url(../images/zonecheck_back_right.jpg) no-repeat;
}

/*Kodeheck*/

#frame #main_content #section5 #kodecheck {
	background:url(../images/kode_background_left.jpg) no-repeat;

}
#frame #main_content #section5 #kodecheck_right {

	background: #FFF url(../images/kodecheck_back_right.jpg) no-repeat;
}

/*Bellcheck*/

#frame #main_content #section6 #bellcheck {
	background:url(../images/bell_background_left.jpg) no-repeat;

}
#frame #main_content #section6 #bellcheck_right {

	background: #FFF url(../images/bellcheck_back_right.jpg) no-repeat;
}

/*Pressurecheck*/

#frame #main_content #section7 #pressurecheck {
	background:url(../images/pressure_background_left.jpg) no-repeat;

}
#frame #main_content #section7 #pressurecheck_right {

	background: #FFF url(../images/pressurecheck_back_right.jpg) no-repeat;
}

/*Livetap*/

#frame #main_content #section8 #livetap {
	background:url(../images/livetap_background_left.jpg) no-repeat;

}
#frame #main_content #section8 #livetap_right {

	background: #FFF url(../images/livetap_back_right.jpg) no-repeat;
}

/*Gemini*/

#frame #main_content #section9 #gemini {
	background:url(../images/gemini_background_left.jpg) no-repeat;

}
#frame #main_content #section9 #gemini_right {

	background: #FFF url(../images/gemini_back_right.jpg) no-repeat;
}
/*Hydro*/

#frame #main_content #section10 #hydro {
	background:url(../images/hydro_background_left.jpg) no-repeat;

}
#frame #main_content #section10 #hydro_right {

	background: #FFF url(../images/hydro_back_right.jpg) no-repeat;
}

/*Global*/

#frame #main_content #section11 #global {
	background:url(../images/global_background.jpg) no-repeat;

}

#frame #main_content #section11 #global .product p {

	padding:10px;	
	background:#2C3941;
}

#frame #main_content #section11 #global .product h3{
	background:#2E3B41;
}

/*Back*/
#frame #main_content #section11 #back {
	background:#2E3B41 url(../images/back_background.jpg) no-repeat;
}
#frame #main_content #section11 #back h3{
	margin:25px 0px 5px 80px;
}

#frame #main_content #section11 #back p{
	margin:5px 0px 5px 90px;
	font-size:0.9em;
	width:270px;
}

#frame #main_content #section11 #back p.quote{
	float:right;
	width:90px;
	margin:-5px 15px 0px 0px;
	color:#6CB141;
	font-size:1.6em;
}

#frame #main_content #section11 #back p.link {
	width:300px;
	margin-top:10px;
	font-size:9px;
}
#frame #main_content #section11 #back p.link strong {
	color:#80B954;
}
#frame #main_content #section11 #back p.link a{
	display:block;
	
	font-size:1.5em;
	color:#FFF;
}

/*-------------------
 Footer
---------------------*/

#frame #footer {
	margin:0px auto;
	width:980px;
}


#frame #footer p{
	float:right;
	width:541px;
	margin:10px 0px 0px;
	color:#FFF;
}
#frame #footer p a{
	font-size:1.3em;
	color:#FFF;
	display:block;
	padding-top:5px;
}

#frame #footer p a span{
	float:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e3242b;
	display:inline;
	padding:0px;
}
#frame #footer p a span strong {
	color:#FFF;
}

#frame #footer p span{
	width:189px;
	float:left;
	display:block;
	padding:0px 20px 0px 0px;
}

#frame #footer #strap{
	text-indent:-8000px;
	overflow: hidden;
	background: url(../images/footer_text.jpg) no-repeat;
	height:77px;

}

#frame #footer p.link {
	float:left;
	width:341px;
		margin:17px 0px 0px;
}

#frame #footer p.link  span{
padding-top:10px;
}
/*-------------------
 		MISC
---------------------*/


/*--- The Mighty Boost ---*/
#boost {
	text-indent:-20000px;
	overflow:hidden;
	background:url(../images/layout/the_mighty_boost.jpg);
	height:15px;
	width:156px;
	display:block;
	position:absolute;
	right:10px;
	bottom:-30px;
}