﻿* {margin:0;font-family:arial;}

body
{

}

a:link, a:active, a:visited
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

span
{
	font-size:22px;
	font-weight:bold;
	color:#4e89e6;
}

h1
{
	color:#000000;
	font-size:22px;
	text-align:center;
}

h2
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
}

h3
{
	color:#FFFFFF;
	font-size:20px;
	text-align:center;
}

h4
{
	font-size:24px;
	text-align:center;
	color:#4e89e6;
}

h5
{
	font-size:24px;
	text-align:center;
	color:#4e89e6;
	text-decoration:underline;
}

.picCaptionLeft 
{
	font-size: 12px;
	color: #666666;
	width: 275px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.picRight 
{
	float: right;
	margin: 10px 0px 0px 10px;
}

.picCaptionRight 
{
	font-size: 12px;
	color:#666666;
	width: 276px;
	float: right;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 10px;
}

.subhead
{
	font-weight:bold;
}

.small
{
	font-size: 12px;
	color:#666666;
}

.names
{
	font-size:16px;
	font-weight:bold;
	float:right;
	color:#4e89e6;
}

.names1
{
	font-size:18px;
	font-weight:bold;
	float:right;
}

.red
{
	font-size:14px;
	color:#FF0000;
	font-style:italic;
}

.credits
{
	color:#666666;
}

#container
{
	width:1000px;
	height:auto;
	margin:auto;
}

.highlight
{
	color:#4e89e6;
}

#droplet
{
	background-image:url("../images/droplet.jpg");
	width:147px;
	height:500px;
	float:left;
	margin-left:10px;
}

#droplet1
{
	background-image:url("../images/droplet1.jpg");
	width:147px;
	height:500px;
	float:left;
	margin-left:10px;
}

#leftwave
{
	background-image:url("../images/leftwave1.jpg");
	background-repeat:no-repeat;
	width:147px;
	height:500px;
	float:left;
}

/*Beginning of Header and Nav*/
#headerl
{
	background-image:url("../images/logo.jpg");
	background-repeat:no-repeat;
	width:265px;
	height:80px;
	float:left;
}

#headerr
{
	width:720px;
	height:70px;
	background-image:url("../images/phone.jpg");
	background-repeat:no-repeat;
	float:left;
	padding:10px 15px 0 0;
	line-height:.9;
}

#headerr a
{
	color:#FFFFFF; 
	font-size:22px;
}

#nav
{
	width:1000px;
	height:270px;
	float:left;
}
/*End of Header and Nav*/

/*Beginning of Index page*/
#topbody
{
	width:1000px;
	height:auto;
	float:left;
}

#topbodyleft
{
	background-image:url("../images/nasaback.jpg");
	background-repeat:no-repeat;
	width:188px;
	height:440px;
	float:left;
	padding:60px 0 0 137px;
}

#topbodyrighttop
{
	width:655px;
	height:130px;
	float:left;
	color:#000000;
	padding:0 10px 10px 10px;
	line-height:1.05;
	font-size:18px;
}

#topbodyrightmid
{
	width:310px;
	height:330px;;
	float:left;
	line-height:1.05;
	font-size:18px;
	padding:20px 0 0 10px
}

#topbodyrightpic
{
	background-image:url("../images/ionizer.jpg");
	background-repeat:no-repeat;
	width:335px;
	height:330px;
	float:left;
	margin:20px 0 0 20px;
}

#topbodybottomtext
{
	width:675px;
	height:35px;
	font-size:26px;
	float:left;
}

#midbody

{
	width:1000px;
	height:200px;
	float:left;
}

#midbodyl
{
	width:280px;
	height:190px;
	float:left;
	padding:10px 40px 0 10px;
	line-height:1.13;
	font-size:18px;
}

#midbodyr
{
	width:305px;
	height:190px;
	float:left;
	padding:10px 25px 0 0;
	line-height:1.13;
	font-size:18px;
}

#midbodyl ul, #midbodyr ul
{
	padding-left:40px;
}

#midbodyr a, #midbodyl a
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
	float:right;
}

#midbodypic
{
	background-image:url("../images/benifitstop.jpg");
	background-repeat:no-repeat;
	width:338px;
	height:200px;
	margin-left:2px;
	float:left;
}

#bottombody
{
	width:1000px;
	height:300px;
	float:left;
}
/*End of Index page*/

/*Beginning of EWP page*/

#ewpanode
{
	background-image:url("../images/ewphead.jpg");
	background-repeat:no-repeat;
	width:743px;
	height:430px;
	float:left;
	padding:80px 0 0 100px;
}

#ewptopbody
{
	width:1000px;
	height:auto;
	float:left;
}

#ewptb1
{
	width:585px;
	height:auto;
	padding:30px 50px 0 30px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#ewptb1 a
{
	font-size:16px;
	font-weight:bold;
	float:right;
	color:#4e89e6;
}

#ewptb2
{
	background-image:url("../images/Rightwavepic1.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	width:325px;
	height:1100px;
	float:left;
	margin-right:10px;
	
}

#ewptb3
{
	background:url("../images/Bluerect.jpg") no-repeat top;
	width:305px;
	height:900px;
	padding:6px 15px 0 15px;
	margin-top:30px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#ewptb4
{
	background:url("../images/Bluerect2.jpg") no-repeat bottom;
	width:305px;
	height:165px;
	padding:30px 15px 0 15px;
	float:left;
	line-height:1.3;
}



/*End of EWP page*/

/*Beginning of Movie*/

#movie0
{
	background-image:url("../images/moviehead.jpg");
	background-repeat:no-repeat;
	width:843px;
	height:400px;
	float:left;
	text-align:center;
	padding-top:100px;
}

#movie1
{
	width:198px;
	height:370px;
	float:left;
	text-align:left;
	line-height:1.3;
	padding:30px 15px 0 30px;
}

#movie2
{
	width:600px;
	height:400px;
	float:left;
	text-align:center;
}

/*End of Movie*/

/*Beginning of Products*/

#prodtb0
{
	background-image:url("../images/droplet1.jpg");
	background-repeat:no-repeat;
	width:147px;
	height:500px;
	margin-left:10px;
	float:left;
}

#prodtb1
{
	background-image:url("../images/prodhead.jpg");
	background-repeat:no-repeat;
	width:842px;
	height:76px;
	float:left;
}

#prodtb2
{
	width:357px;
	height:431px;
	float:left;
	padding:20px 0 0 10px;
}

#prodtb3
{
	width:436px;
	height:431px;
	float:left;
	padding:20px 10px 0 10px;
	font-size:18px;
	line-height:1.2;
}

#prodtb3 ul, #prodtb5 ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding-left:30px;
}

#prodtb3 a, #prodtb5 a
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
	float:right;
}

#prodcase2
{
	width:990px;
	height:530px;
	float:left;
	padding:0 0 0 10px;
}

#prodtb4
{
	width:400px;
	height:480px;
	float:left;
	padding:50px 0 0 20px;
}

#prodtb5
{
	width:540px;
	height:510px;
	float:left;
	padding:20px 10px 0 10px;
	font-size:18px;
	line-height:1.2;
}

#prodtb6
{
	width: 560px;
	height: 950px;
	float: left;
	padding: 10px 20px 10px 20px;
	font-size: 18px;
	line-height: 1.1;
}

#prodtb6 a, #prodtb7 a, #news1 a, #test1 a, #salt1 a, #appl1 a
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
}

#prodtb7
{
	width:370px;
	height:345px;
	float:left;
	padding:35px 20px 0 10px;
	font-size:18px;
	line-height:1.23;
}

#prodtb8
{
	background-image:url("../images/prodrightwave.jpg");
	background-repeat:no-repeat;
	width:335px;
	height:500px;
	margin:20px 0 0 62px;
	float:left;
}

#spacer
{
	width:1000px;
	height:20px;
	float:left;
	padding-top:10px;
}

/*End of Products*/

/*Beginning of Testimonials*/

#test1
{
	background-image:url("../images/testhead.jpg");
	background-repeat:no-repeat;
	width:763px;
	height:auto;
	padding:80px 40px 0 40px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#test
{
	background-image:url("../images/leftwave.jpg");
	background-repeat:repeat-y;
	width:990px;
	height:auto;
	margin-left:10px;
	float:left;

}

/*End of Testimonials*/

/*Beginning of News*/

#news1
{
	background-image:url("../images/newshead.jpg");
	background-repeat:no-repeat;
	width:763px;
	height:auto;
	padding:80px 40px 0 40px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#news
{
	background-image:url("../images/leftwave.jpg");
	background-repeat:repeat-y;
	width:990px;
	height:auto;
	margin-left:10px;
	float:left;
}

/*End of News*/

/*Beginning of Saltwater Pools*/

#salt1
{
	background-image:url("../images/salthead.jpg");
	background-repeat:no-repeat;
	width:763px;
	height:auto;
	padding:80px 40px 0 40px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#salt
{
	background-image:url("../images/leftwave.jpg");
	background-repeat:repeat-y;
	width:990px;
	height:auto;
	margin-left:10px;
	float:left;
}

#salt1 ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding:0 50px 0 50px;
}

.style4
{
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
	font-size:18px;
}

/*End of Saltwater Pools*/

/*Beginning of Contact*/

#contact0
{
	background-image:url("../images/contacthead.jpg");
	background-repeat:no-repeat;
	width:763px;
	height:400px;
	padding:110px 40px 0 40px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#contact1
{
	width:960px;
	height:70px;
	text-align:center;
	float:left;
	padding:0 20px 0 20px;
}

#contact2
{
	width:630px;
	height:700px;
	padding:20px 0 0 20px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#contact3
{
	background-image:url("../images/Rightwavepic2.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	width:350px;
	height:695px;
	padding:25px 0 0 0;
	float:left;
	text-align:center;
}

#contact3 a
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
}

#contact3 table
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:200px;
}

input
{
	border-color:#4e89e6;
	font-size:16px;
}

select
{
	border-color:#4e89e6;
	font-size:16px;
}

#contact2 textarea
{
	border-color:#4e89e6;
	font-size:16px;
	width:290px;
	height:200px;
}

/*End of Contact*/

/*Beginning of Thank You*/

#thankyou0
{
	background-image:url("../images/contacthead.jpg");
	background-repeat:no-repeat;
	width:843px;
	height:500px;
	float:left;
}

#thankyou1
{
	background-image:url("../images/contacthead.jpg");
	background-repeat:no-repeat;
	width:428px;
	height:350px;
	padding:150px 40px 0 40px;
	float:left;
	font-size:18px;
	line-height:1.2;
	text-align:center;
}

#thankyou2
{
	width:325px;
	height:415px;
	float:left;
	padding:85px 0 0 0;
}

/*End of Thank You*/

/*Beginning of Warranty*/

#warranty0
{
	background-image:url("../images/warrantyhead.jpg");
	background-repeat:no-repeat;
	width:763px;
	height:400px;
	padding:110px 40px 0 40px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#warranty1
{
	width:960px;
	height:70px;
	text-align:center;
	float:left;
	padding:0 20px 0 20px;
}

#warranty2
{
	width:630px;
	height:1660px;
	padding:20px 0 0 20px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#warranty3
{
	background-image:url("../images/Rightwavepic2.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	width:350px;
	height:1655px;
	padding:25px 0 0 0;
	float:left;
	text-align:center;
}

#warranty3 a
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
}

#warranty3 table
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:200px;
}

#warranty2 table
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:600px;
}

#warranty2 textarea
{
	border-color:#4e89e6;
	font-size:16px;
	width:290px;
	height:50px;
}

/*End of Warranty*/

/*Beginning of Benefits*/

#benefits0
{
	background-image:url("../images/benefitshead.jpg");
	background-repeat:no-repeat;
	width:783px;
	height:420px;
	padding:80px 40px 0 20px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#benefits1
{
	width:970px;
	height:auto;
	padding:20px 10px 0 20px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

/*End of Benefits*/

/*Beginning of Applications*/

#apps0
{
	background-image:url("../images/appshead.jpg");
	background-repeat:no-repeat;
	width:788px;
	height:420px;
	padding:80px 40px 0 15px;
	float:left;
	font-size:18px;
	line-height:1.15;
}

#apps0 a, #apps3 a
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
}

#apps1
{
	background:url("../images/Rightwavepic3.jpg") no-repeat right;
	width:600px;
	height:500px;
	float:left;
	font-size:18px;
	line-height:1.3;
	margin:10px 10px 0 0;
	padding:0 350px 0 40px
}

#apps2
{
	background:url("../images/leftwavepic1.jpg") no-repeat left;
	width:640px;
	height:500px;
	float:left;
	font-size:18px;
	line-height:1.14;
	margin:10px 0 0 10px;
	padding:0 10px 0 340px;
}

#apps2 ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding:0 50px 0 30px;
}

#apps3
{
	background:url("../images/Rightwavepic4.jpg") no-repeat right;
	width:600px;
	height:420px;
	float:left;
	font-size:18px;
	line-height:1.3;
	margin:10px 10px 0 0;
	padding:80px 350px 0 40px
}

#appl1
{
	background-image:url("../images/appshead.jpg");
	background-repeat:no-repeat;
	width:703px;
	height:auto;
	padding:120px 40px 0 100px;
	float:left;
	font-size:18px;
	line-height:1.2;
}

#appl
{
	background-image:url("../images/leftwave.jpg");
	background-repeat:repeat-y;
	width:990px;
	height:auto;
	margin-left:10px;
	float:left;

}

#appsinstall
{
	width:980px;
	height:auto;
	float:left;
	padding:10px 10px 0 10px;
}

#appsinstall table
{
	margin-left:auto;
	margin-right:auto;
}

#appsinstall fieldset, #appinstall2 fieldset
{
	-moz-border-radius: 8px;
	border-radius: px;
	border: medium solid #4e89e6;
	
}

#appinstall2
{
	width:980px;
	float:left;
	text-align:center;
	padding:10px 0 0 10px;
}
	
/*End of Applications*/

/*Beginning of Support*/

#support
{
	background-image:url("../images/supporthead.jpg");
	background-repeat:no-repeat;
	width:843px;
	height:500px;
	float:left;
}

#support0
{
	width:508px;
	height:380px;
	padding:120px 0 0 0;
	float:left;
	font-size:18px;
	line-height:1.2;
	color:#FFFFFF;
	display:block;
	text-align:center;
}

#support0 table, #support1 table, #support2 table
{
	margin-left:auto;
	margin-right:auto;
	background-color:#4e89e6;
}

#support0 a, #support1 a, #support2 a
{
	color:#000000;
	font-size:18px;
	font-weight:bold;
}

#support3 a
{
	color:#4e89e6;
	font-size:18px;
	font-weight:bold;
}

#support1
{
	width:428px;
	height:410px;
	padding:90px 40px 0 40px;
	float:left;
	font-size:18px;
	line-height:1.2;
	color:#FFFFFF;
	display:none;

}

#support2
{
	width:508px;
	height:380px;
	padding:120px 0 0 0;
	float:left;
	font-size:18px;
	line-height:1.2;
	color:#FFFFFF;
	text-align:center;
}

#support3
{
	width: 483px;
	height: auto;
	padding: 100px 15px 0 10px;
	float: left;
	font-size: 18px;
	line-height: 1.2;
	color: #000000;
}


#supportpic
{
	width:315px;
	height:414px;
	padding:86px 10px 0 0;
	float:left;
}

/*End of Support*/

/*Beginning of Footer*/

#footer
{
	background-image:url("../images/footer.jpg");
	background-repeat:no-repeat;
	float:left;
	width:1000px;
	height:90px;
}

#footerl
{
	width:620px;
	height:75px;
	float:left;
	font-size:17px;
	color:#FFFFFF;
	padding:15px 0 0 20px;
	font-weight:normal;
	line-height:1.24;
}

#footerr
{
	width:345px;
	height:80px;
	float:left;
	color:#FFFFFF;
	font-size:15px;
	text-align:right;
	padding:10px 15px 0 0;
	line-height:1.15;
	font-weight:normal;
}

#footerl a, #footerr a
{
	color:#FFFFFF;
	font-weight:normal;
}
/*End of Footer*/



#support3-small {
	width: 483px;
	height: auto;
	padding: 100px 15px 0 10px;
	float: left;
	font-size: 14px;
	line-height: 1.2;
	color: #000000;
}




