/* CSS Document */

body {
	background-color:#000668;
	background-repeat: repeat-x;
	background-position: 0px 20px;
	background-image:url(images/watertile.jpg);
	font-family:Tahoma, Geneva, sans-serif;
	height:100%;
}

#wrap {
	
	width:960px;
	min-height:100%;
	
}

#header {
	background-image:url(images/whitetransLogo.png);
	background-repeat:no-repeat;
	margin:5px 30px;
	width:600px;
	height:125px;
}

#logo h1 {
	margin:0px;
	display:block;
	text-indent:-9999px;
}


/* CONTENT CSS *//* CONTENT CSS *//* CONTENT CSS */
/* CONTENT CSS *//* CONTENT CSS *//* CONTENT CSS */

#content {
	float:right;
	padding-top:0px;
	width:650px;
	color: #FFF;
	font-size: medium;
	text-align: center;
	background-repeat: no-repeat;
}

#main {
	font-size: x-large;
	line-height: 200%;
	list-style-type:none;
}

.price {
	list-style-type:none;
	font-size:18px;
	line-height:30px;
}

.title {
	font-size:26px;
	font-weight:bold;
	line-height:40px;
	text-decoration:underline;
}



#pricingleft {
	width:50%;
	float:left;
}

#pricingright {
	float:right;
	width:50%;
}

#bottom {
	clear:both;
	padding-top:10px;
}

#text {
	text-align:left;
	background-image:url(images/contentbackround.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


.bold {
	font-weight:bold;
}

p.info {
	font-size:x-large;
}


#pricewrap {
	background-image:url(images/contentbackround.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:auto;
	width: 575px;
}

#reasons li {
	font-size: x-large;
	line-height: 200%;
			
}



h2.serving {
	width:373px;
	height:58px;
	text-indent:-9999px;
	background-image:url(images/serving.jpg);
	background-repeat:no-repeat;
	padding-bottom:25px;
}

h2.aboutus {
	width:373px;
	height:58px;
	text-indent:-9999px;
	background-image:url(images/aboutus.jpg);
	background-repeat:no-repeat;
	padding-bottom:25px;
}

h2.chlorine {
	width:373px;
	height:58px;
	text-indent:-9999px;
	background-image:url(images/chlorinefree.jpg);
	background-repeat:no-repeat;
	padding-bottom:25px;
}
	
h2.pricing {
	width:373px;
	height:58px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	padding-bottom:25px;
	display: block;
	background-image: url(images/pricing%20new.jpg);
}

h2.contact {
	width:373px;
	height:58px;
	text-indent:-9999px;
	background-image:url(images/contact.jpg);
	background-repeat:no-repeat;
	padding-bottom:25px;
}

.textleft {
	background-image:url(images/contentbackround.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:550px;
	text-align:left;
}

.textcenter {
	background-image:url(images/contentbackround.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:550px;
	text-align:center;
}

/* LINKS */ /* LINKS */ /* LINKS */
/* LINKS */ /* LINKS */ /* LINKS */

.textcenter a:link {
	color:#FFF;
	font-size:24px;
	
}

.textcenter a:hover {
	color:#3FF;
	font-size:24px;
}

.textcenter a:visited {
	color:#FFF;
	font-size:24px;
}

a:link {
	color:#FFF;
}

a:hover {
	font-weight:bold;
}

a:visited {
	color:#CCC;
}

/* END OF LINKS */ /* END OF LINKS */ /* END OF LINKS */ 
/* END OF LINKS */ /* END OF LINKS */ /* END OF LINKS */ 

#footer {
	clear:both;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top:30px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	line-height:0px;
	margin-left:310px;
	
}

/* NAVIGATION CSS ONLY *//* NAVIGATION CSS ONLY *//* NAVIGATION CSS ONLY */
/* NAVIGATION CSS ONLY *//* NAVIGATION CSS ONLY *//* NAVIGATION CSS ONLY */

#nav {
	background:url(images/nav.jpg) 0 0 no-repeat;
	width:243px;
	height:558px;
	margin:0;
	padding:0;
}

#nav li, #nav a {  
	height:111px;      
	display:block;
	margin:0;
	padding:0;  
} 

#nav li span {
	display:none;
}

li#home {
	width:111px;
	padding-left:120px;
	padding-top:11px;
}

li#aboutus {
	width:111px;
	padding-left:13px;
		
}

li#free {
	width:111px;
	padding-left:110px;	
}

li#pricing {
	width:111px;
	padding-left:13px;
}

li#contact {
	width:130px;
	padding-left:110px;
}

#home a:hover {
	background:url(images/nav.jpg) -362px -11px no-repeat;
	
}

#aboutus a:hover {
	background:url(images/nav.jpg) -255px -122px no-repeat;

}

#free a:hover {
	background:url(images/nav.jpg) -352px -233px no-repeat;

}

#pricing a:hover {
	background:url(images/nav.jpg) -255px -344px no-repeat;

}
	
#contact a:hover {
	background:url(images/nav.jpg) -352px -455px no-repeat;

}

#sidebar {
	float:left;
}

#sidebar ul li {
	list-style-type:none;
}