/* CSS Document */



body{

background-color: #00A4E3;

background-image:url(../images/splash_tile_bg.jpg);

background-repeat:repeat-x;

margin:0;

}

#pagecell{

width:1024px;
margin: 0 auto;
background-color:#FFF;
border:6px solid #FFD758;
overflow:auto;
}

ul,li {

list-style-type: none; /* to minimize problems */

margin: 0;

padding:0;
line-height: 30px; /* extra space */


}

#docs ul{

font-size:12px;

text-align:center;

}



ul#pdf{
	 font-family:Arial, Helvetica, sans-serif;
	line-height:140px;
}

#pdf li{


text-align:left;

font-family:"Myriad Pro";

font-size: 16px;

font-weight: normal;
line-height:20px;
padding-bottom:10px;

}



#pdf a:link{

text-decoration:none;

}

#pdf a:visited{
	text-decoration:none;
}



#pdf a:hover{

color:#990033;

}



#docs{

margin-right:0px;

margin-top:20px;

float:right;

width:280px;

display:inline;

/*border:1px solid #000000;

*/font-family:"Myriad Pro";

font-size: 16px;

font-weight: normal;

padding:10px 10px 10px 0px;

}


#features_bullets { 

margin-top: 30px;

padding-right:20px;

width: 250px;

	font-weight:bold;

	padding-left: 1.5em;

	text-indent: -1.3em;

	line-height:15px;

	float:right;

	list-style-type:disc;

	list-style-position:inside;

	font-family:"Myriad Pro";

	font-size:14px;

}

#benefits_bullets {

margin-top: 30px;

margin-right:20px;

width: 250px;

	font-weight:bold;

	padding-left: 1.5em;

	text-indent: -1.3em;

	line-height:15px;

	float:right;

	list-style-type:disc;

	list-style-position:inside;

	font-family:"Myriad Pro";

	font-size:14px;

}

#features_bullets li{

list-style-type:disc;

list-style-position:inside;

line-height:20px;

padding-bottom:10px;

}





#benefits_bullets li{

list-style-type:disc;

list-style-position:inside;

line-height:20px;

padding-bottom:10px;

}





#content_left{

float:left;

width:475px;

height:auto;



}




#algatec_header{

height:350px;

background-image:url(../images/algatec_header.jpg);

background-repeat:no-repeat;

}



#algatec_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding:0;

color:#006875;

text-align:center;

}



#algatec2_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#006875;

}

#content #para_algatec{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;

width:300px;
height:200px;

float:right;

margin-left:0px;

margin-top:0;

padding-left:0px;

}




#feature_lower{

width:160px;

float:left;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

margin-top:380px;

margin-left:65px;

color: #FF0000;



}



#algatec_h4{

color:#006875;

}



#benefits_algatec{

	width:500px;

	height:600px;

	background-image:url(../images/algatec_benefits2.jpg);

	background-repeat:no-repeat;

	padding:0px 30px 0px 0px;

	float:right;

}





#para_algatec{

width:430px;

float:left;

margin-left:0px;

margin-top:0;

padding-left:0px;

}


#scaletec_header{

height:350px;

background-image:url(../images/scaletec_header.jpg);

background-repeat:no-repeat;

}



#scaletec_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding:0;

color:#990033;

text-align:center;

}

#benefits_scaletec{

	width:500px;

	height:600px;

	background-image:url(../images/scaletec_benefits.jpg);

	background-repeat:no-repeat;

	padding:0px 30px 0px 0px;

	float:right;

}

#scaletec2_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#990033;

}


#pooltec_header{

height:350px;

background-image:url(../images/pooltec_header.jpg);

background-repeat:no-repeat;

}



#pooltec_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding:0;

color:#273e92;

text-align:center;

}



#pooltec2_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#273e92;

}

#benefits_pooltec{

	width:500px;

	height:600px;

	background-image:url(../images/pooltec_benefits.jpg);

	background-repeat:no-repeat;

	padding:0px 30px 0px 0px;

	float:right;

}

#pooltec_winter_header{

height:350px;

background-image:url(../images/pooltec_winter_header.jpg);

background-repeat:no-repeat;

}


#benefits_pooltec_winter{

	width:500px;

	height:600px;

	background-image:url(../images/pooltec_benefits_winter.jpg);

	background-repeat:no-repeat;

	padding:0px 30px 0px 0px;

	float:right;

}

/*Fountec CSS Start*/



#fountec_header{

height:350px;

background-image:url(../images/fountec_header.jpg);

background-repeat:no-repeat;

}



#fountec_h3{

margin:0;

padding:0;

color: #1E78AE;

}



#fountec_h4{

color:#1E78AE;

}



#benefits_fountec{

	width:500px;

	height:455px;

	background-image:url(../images/fountec_bottle_64oz.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;

}



/*Fountec CSS End*/

/*Protec CSS Start*/



#protec_header{

height:350px;

background-image:url(../images/protec_header.jpg);

background-repeat:no-repeat;

}



#protec_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#009966;


}



#protec_h4{

color:#009966;

}



#benefits_protec{

	width:500px;

	height:455px;

	background-image:url(../images/protec_bottle.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;

}



/*Protec CSS End*/

#navcell{

width:1024px;

height:30px;

margin-left:175px;
}



#navcontainer{

width:1024px;

background:#0099FF url(../images/glossyback.gif) repeat-x scroll left bottom;

height:30px;



}



#navcontainer li

{

height:30px;

padding-left: 0;

margin-left:0px;

color: White;

width: 600px;

font-family: arial, helvetica, sans-serif;

}



#navcontainer li { display: inline;

 }



#navcontainer li a

{

padding: 0px 10px 5px 20px;

background:#0099FF url(../images/glossyback.gif) repeat-x scroll left bottom;

color: White;

text-decoration: none;

float: left;

height:25px;

}



#navcontainer  li a:hover

{

background-color: #369;

color: #0000FF;

}









#content{

width:1005px;

height:900px;
}




#benefits_about{

	width:700px;

	height:auto;

	padding:20px 20px 0px 60px;

	float:left;

}



#content_about{

background-color:#FFFFFF;

height:900px;

border-left:2px solid #ffd758;

border-right:2px solid #ffd758;

border-bottom:2px solid #ffd758;

font-family: "Myriad Pro";}





.outer{

	list-style:none;

	margin:0px;

	padding:0px;

}

.glossymenu{

margin: 10px 0 0 10px;

padding: 0;

width: 130px; 

border: 1px solid #9A9A9A;

border-bottom-width: 0;

float:left;

}



.glossymenu a.menuitem, .menuitem{

background: #0099FF url(../images/glossyback.gif) repeat-x bottom left;

font: bold 12px Verdana, Geneva, sans-serif;

color: white;

display: block;

position: relative;

width: auto;

padding: 6px 0;

padding-left: 10px;

text-decoration: none;

}



.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

color: white;

}



.glossymenu a.menuitem .statusicon{

position: absolute;

top: 5px;

right: 5px;

border: none;

}



.glossymenu a.menuitem:hover{

background-image: url(../images/glossyback2.gif);

}



.glossymenu div.submenu{

background: white;

}



.glossymenu div.submenu ul{ 

list-style-type: none;

margin: 0;

padding: 0;

}



.glossymenu div.submenu ul li{

border-bottom: 1px solid blue;

}



.glossymenu div.submenu ul li a{

display: block;

font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: black;

text-decoration: none;

padding: 2px 0;

padding-left: 10px;

}



.glossymenu div.submenu ul li a:hover{

background: #C8E3FF;

color: white;

}


	

#menu {

width: 130px;
border-style: solid solid none solid;
border-color: #0e69be;
border: 1px solid;
border-width: 1px;
margin-left:10px;
margin-top:10px;

	}



#menu ul{

	list-style:none;

	margin:0px;

	padding:0px;

	}

#menu li a {

	font: bold 12px Verdana, Geneva, sans-serif;

	text-decoration: none;

	}

		

	

#menu li a:link, #menu li a:visited {
	color:#ffffff;
	display: block;

background: #0099FF url(../images/glossyback.gif) repeat-x bottom left;

	padding: 6px 0 6px 10px;

	}
	

.menu_cat {

	color: #ffffff;

	display: block;

background: #0099FF url(../images/glossyback.gif) repeat-x bottom left;

	padding: 6px 0 6px 10px;

	}

	

#menu li a:hover {

	color: #ffffff;

	background-image: url(../images/glossyback2.gif);
    padding: 6px 0 6px 10px;

	}

	

#menu li a:active {

	color: #ffffff;

	background: url(../images/glossyback2.gif);
    padding: 8px 0 0 10px;

	} 
	
	
	#beautec_header{

height:350px;

background-image:url(../images/beautec_header.jpg);

background-repeat:no-repeat;

}



#beautec_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding:0;

color:#9B3D96;

text-align:center;

}



#beautec2_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#9B3D96;

}

#beautec_h4{

color:#9B3D96;

}



#benefits_beautec{

	width:500px;

	height:600px;

	background-image:url(../images/beautec_benefits2.jpg);

	background-repeat:no-repeat;

	padding:0px 30px 0px 0px;

	float:right;

}





#para_beautec{

width:430px;

float:left;

margin-left:0px;

margin-top:0;

padding-left:0px;

}

#startuptec_header{

height:350px;

background-image: url(../images/startuptec_header.jpg);

background-repeat:no-repeat;

}


#startuptec2_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#7a3c2c;

}




#startuptec_h4{

color:#7a3c2c;

}

#testimonials_table{

	border:1px solid #7a3c2c;
	margin-bottom:0px;
	float:right;
	margin-top:40px;
}



#benefits_startuptec{

	width:500px;

	height:455px;

	background-image:url(../images/startuptec_benefits.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;
	margin-bottom:10px;

}

#footer{

	clear:both;

	height: 20px;

	font-family: Tahoma, Arial, Helvetica, Sans-serif;

	font-size: 12px;

	color: #FFF;

	padding: 13px 25px;

	line-height: 18px;

	width:800px;

	margin:0 auto;

	text-align:center;

}



#footer a {

	color: #FFF;

	text-decoration: none;

}



#footer a:hover {

	color: #0099FF;

}