/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #0f204b;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background: #0F204B
	}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 97% Arial,sans-serif;
 color: #21536A;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 10;
	border: 10;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell{
	position:absolute;
	top: 8px;
	left: 60px;
	right: 0px;
	width:752px;

	background-color: #;
	background-image:  url(planwater.jpg);
	z-index: 1;
}
#help{
	position:absolute;
	top: 148px;
	left: 299px;
	right: 310px;
	width: 150px;
	height: 100px;

	background-color: #;
	z-index: 3;
	
}

#faqpagecell{
	position:absolute;
	top: 8px;
	left: 60px;
	right: 0px;
	width:752px;
	background-color: #;
	background-image:  url(planwater.jpg);
}
#mastheadtitle{
	position:absolute;
	top: 1px;
	left: -45px;
	right: 0px;
	width:823px;
	height: 238px;
	padding: 0px;
	background-color: black
		}
		
		#menutitle{
	position:absolute;
	top: 32px;
	left: 370px;
	right: 0px;
	width:393px;
	height: 204px;
	padding: 0px;
	background-color: black
		}
		
	#menutitle{
	position:absolute;
	top: 32px;
	left: 370px;
	right: 0px;
	width:393px;
	height: 204px;
	padding: 0px;
	background-color: black
		}	
    #scrollhome{
	position:absolute;
	top: 250px;
	left: 570px;
	right: 0px;
	width:135px;
	height: 265px;
	padding: 0px;
	background-color: black
		}
		#sampright{
	position:absolute;
	top: 676px;
	left: 560px;
	right: 0px;
	width:145px;
	height: 225px;
	padding: 0px;
	background-color: black
		}
		
		#samprightprice{
	position:absolute;
	top: 1519px;
	left: 561px;
	right: 0px;
	width:145px;
	height: 225px;
	padding: 0px;
	background-color: black
		}
		
#slogan{
	position:absolute;
	top: 337px;
	left: 102px;
	right: 0px;
	width:115px;
	height: 47px;
	padding: 0px;
	background-image: url(planwater.jpg);
		}		
#date{
	position:absolute;
	top: 7px;
	left: 567px;
	right: 0px;
	width: 178px;
	height: 21px;
	padding: 0px;
	visibility: visible;
			}				

#noodle{
	position:absolute;
	top: 337px;
	left: 434px;
	right: 0px;
	width: 279px;
	height: 117px;
	padding: 0px;
	background-image: url(planwater.jpg);
		}

#leftsideframe{
	position:absolute;
	top: 337px;
	left: 0px;
	right: 0px;
	width: 25px;
	height: 158px;
	padding: 0px;
		}	
		
#rightsideframe{
	position:absolute;
	top: 337px;
	left: 727px;
	right: 0px;
	width: 25px;
	height: 158px;
	padding: 0px;
		}			

#bottomframehome{
	position:absolute;
	top: 494px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}	
		
#bottomframecontactus{
	position:absolute;
	top: 1375px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}			
		
#bottomframeintro{
	position:absolute;
	top: 1153px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}	
		
#bottomframequality{
	position:absolute;
	top: 1240px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}	
		
		#bottomframefaq{
	position:absolute;
	top: 715px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}	
		
#bottomframeinquiry{
	position:absolute;
	top: 1307px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}	
		
#bottomframethanks{
	position:absolute;
	top: 552px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}					
		
#bottomframecompany{
	position:absolute;
	top: 1189px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}													
		
#bottomframeprocess{
	position:absolute;
	top: 1189px;
	left: 0px;
	right: 0px;
	width: 752px;
	height: 26px;
	padding: 0px;
		}						

#webcontact{
	position:absolute;
	top: 592px;
	left: 3px;
	right: 699px;
	width:145px;
	height: 163px;
	padding: 0px;
	background-color: #000060;
	background-image:  url("bg_nav.jpg");
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	font: x-small Arial;
}

#hearthome{
	position:absolute;
	top: 3px;
	left: 24px;
	right: 0px;
	width: 778px;
	height: 453px;
	background-color: black;
	z-index: 1;
	
}

#heartseo{
	position:absolute;
	top: 3px;
	left: 24px;
	right: 0px;
	width: 778px;
	height: 453px;
	background-color: black;
	
}


#heartsupport{
	position:absolute;
	top: 3px;
	left: 24px;
	right: 0px;
	width: 778px;
	height: 870px;
	background-color: black;
	
}



#heartaboutus{
	position:absolute;
	top: 3px;
	left: 24px;
	right: 0px;
	width: 778px;
	height: 453px;
	background-color: black;
	
}

#heartabout{
	position:absolute;
	top: 3px;
	left: 24px;
	right: 0px;
	width: 778px;
	height: 1159px;
	background-color: black;
	
}

#heartcontactus{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 1401px;
	background-color: #ffffff;
	
}

#heartintro{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 1153px;
	background-color: #ffffff;
	
}

#heartprocess{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 1189px;
	background-color: #ffffff;
	
}

#heartquality{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 1251px;
	background-color: #ffffff;
	
}

#heartfaq{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 715px;
	background-color: #ffffff;
	
}

#heartinquiry{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 1318px;
	background-color: #ffffff;
	
}

#heartthanks{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 552px;
	background-color: #ffffff;
	
}

#heartcompany{
	position:absolute;
	top: 3px;
	left: 50px;
	right: 0px;
	width: 752px;
	height: 1200px;
	background-color: #ffffff;
	
}



#hometext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 935px;
	background-image: url(background.jpg);
	
}

#pricingtext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 1609px;
	background-image: url(background.jpg);
	
}

#computerstext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 240px;
	background-image: url(background.jpg);
	
}

#webdestext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 905px;
	background-image: url(background.jpg);
	
}

#recommendtext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 186px;
	background-image: url(background.jpg);
	
}

#thankstext{
	position:absolute;
	top: 254px;
	left: 10px;
	right: 0px;
	width: 566px;
	height: 186px;
	
}

#privacytext{
	position:absolute;
	top: 254px;
	left: 5px;
	right: 0px;
	width: 554px;
	height: 319px;
	background-image: url(background.jpg);
	
}

#supporttext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 186px;
	background-image: url(background.jpg);
	
}

#contactustext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 186px;
	background-image: url(background.jpg);
	
}


#aboutustext{
	position:absolute;
	top: 250px;
	left: 5px;
	right: 0px;
	width: 550px;
	height: 186px;
	background-color: black;
	background-image: url(background.jpg);
	
}

#loweraboutustext{
	position:absolute;
	top: 282px;
	left: 0px;
	right: 0px;
	width: 764px;
	height: 788px;
	background-color: black;
	background-image: url(background.jpg);
	
}

#contacttext{
	position:absolute;
	top: 347px;
	left: 32px;
	right: 0px;
	width: 398px;
	height: 116px;
	background-color: #ffffff;
	
}

#introtext{
	position:absolute;
	top: 347px;
	left: 32px;
	right: 0px;
	width: 398px;
	height: 109px;
	background-color: #ffffff;
	
}

#contactbody{
	position:absolute;
	top: 490px;
	left: 33px;
	right: 10px;
	width: 662px;
	height: 234px;
	background-color: #ffffff;
	background-image:url(planwater.jpg)
	
}

#introbody{
	position:absolute;
	top: 490px;
	left: 30px;
	right: 0px;
	width: 672px;
	height: 225px;
	background-color: #ffffff;
	background-image:url(planwater.jpg)
	
}

#introthanks{
	position:absolute;
	top: 490px;
	left: 30px;
	right: 0px;
	width: 672px;
	height: 36px;
	background-color: #ffffff;
	
	
}

#pageNav{
	position:absolute;
	top: 167px;
	left: 0px;
	right: 699px;
	width:160px;
	padding: 0px;
	background-color: #000060;
	background-image:  url("bg_nav.jpg");
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	font: small Verdana,sans-serif;
}

#Carousel{
	position:absolute;
	top: 0px;
	left: -34px;
	right: 28px;
	width: 500px;
	height: 40px;
	z-index: 2;
	
}



#footerhome{
	position:absolute;
	top: 1795px;
	left: 54px;
	right: 28px;
	width: 700px;
	height: 40px;
	z-index: 2;
	
}

#footerrecommend{
	position:absolute;
	top: 1340px;
	left: 1px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footercomputers{
	position:absolute;
	top: 1109px;
	left: 18px;
	right: 28px;
	width: 700px;
	height: 40px;
	z-index: 2;
	
}

#footerthanks{
	position:absolute;
	top: 547px;
	left: -32px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footersearch{
	position:absolute;
	top: 1700px;
	left: -32px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerpricing{
	position:absolute;
	top: 1919px;
	left: -28px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerwebdes{
	position:absolute;
	top: 1082px;
	left: -20px;
	right: 28px;
	width: 780px;
	height: 59px;
	z-index: 2;
	
}

#footerpromo{
	position:absolute;
	top: 1279px;
	left: -20px;
	right: 28px;
	width: 780px;
	height: 59px;
	z-index: 2;
	
}

#footerseo{
	position:absolute;
	top: 1496px;
	left: -30px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerprivacy{
	position:absolute;
	top: 547px;
	left: 38px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footersupport{
	position:absolute;
	top: 1105px;
	left: 7px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footercontactus{
	position:absolute;
	top: 1004px;
	left: 5px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footeraboutus{
	position:absolute;
	top: 460px;
	left: 6px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerabout{
	position:absolute;
	top: 1269px;
	left: 37px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footercontactus{
	position:absolute;
	top: 1130px;
	left: -16px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerintro{
	position:absolute;
	top: 1194px;
	left: 0px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerquality{
	position:absolute;
	top: 1281px;
	left: 0px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerfaq{
	position:absolute;
	top: 755px;
	left: 0px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerinquiry{
	position:absolute;
	top: 1348px;
	left: 0px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerthanks{
	position:absolute;
	top: 531px;
	left: -8px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footercompany{
	position:absolute;
	top: 1230px;
	left: 0px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#footerprocess{
	position:absolute;
	top: 1230px;
	left: 0px;
	right: 28px;
	width: 700px;
	height: 40px;
	
}

#tl {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}



#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 0px solid #7f8f8f;
}
#intropagecell{
	position:absolute;
	top: 0px;
	left: 0px;
	right: 10%;
	width:100%;
	height: 602px;
	background-color: #000060;
	
}
#introheart{
	position:absolute;
	top: 3px;
	left: 15%;
	right: 20px;
	width: 70%;
	height: 497px;
	background-color: #000060;
		
}
#introfooter{
	position:absolute;
	top: 482px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 40px;
	background-color: #000060;
	
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}



/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #21536A;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 0px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 0px solid #ffffff;
	border-bottom: 0px solid #cccccc;
	background-image:  url("bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 13px 20px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 0px solid #cccccc;
	background-color: #ddd5c1;
	background-image: url("ovbg_nav.jpg");
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/********************* end **********************/