/* 	

	project:  EverSureAqua.com

	author:   DomainCook.com

*/

*{ margin: 0; padding: 0; }* 



body { 



	background: #24272d;

	margin: 0px;

	font: .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 

	line-height: 1.6em;

	color: #444; 

}



a {	color: #3b73b9;	background: inherit; text-decoration: none; }



a:hover { color: #a9b8df; background: inherit; text-decoration: underline; }



p { margin: 0 0 15px 0; }



h1 {  margin: 20px 0 0; }



h1 a { background: inherit; }



img { border: 0; }



h2 { font: normal 1.6em "Trebuchet MS", Tahoma, Arial, Sans-Serif; margin: 0 0 12px; }



h3 a { font-size: 1em; }



h5 { font-size: 1.3em; font-weight:bold; color:#3b73b9; }



#content { width: 960px; background: #ffffff; margin: 0 auto; padding: 10px 0 0 0; border-top: 5px solid #24272d; }



#logo { float: left; width:240; }



#top{ float: left; text-align: right;  background: #ffffff;}



#topmenu{ float: right; text-align: right;  }



	#topmenu a { color: #808080; margin: 0 20px 0 10px; background: #fff url(images/toparrow.png) no-repeat center left; padding: 0 	0 0 12px; }



#menu { width: 710px; height: 40px; background: #fff url(images/menubg.gif) repeat-x  center left; float: right;  clear: both;  margin: 10px 0 0px 6px; }



	#menu li { font-size: 1.1em; display: inline; text-transform: uppercase; }



	#menu li a img { margin:0px ; color: #808080; background:none;  padding: 5px 0 0 0px;  }



	#menu li a:hover { color: #444; }



#main { float: right ; width: 660px; margin: 0 0 0; }



	#main img { float: right; border: 0px solid #eee; padding:0; margin: 0 0px 5px 0; }

	

#flash { float: left; width: 300px; border: 0; padding:0; margin: 0 0px 5px 0; 

		background: #ffffff;  clear: left; }

	

#line { clear: both; padding: 3px; margin: 2px 20px 0 15px; background: #fff url(images/smalldot.gif) repeat-x; }



#data {width: 960px; background: #fff; margin: 0 0 8px; }



#left { background: #eee;  clear: left; float: left; width: 240px; padding: 10px 10px; margin: 0 0 0px 8px; }



	#left img { margin: 0 0 0px; }



	#left li { list-style: none; }

	

	#left h3 { color: #3b73b9; }



	#left li a {  color: #787A8F; font-weight: bold; background: url(images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; }



#right { margin: 0 15px 0px 0; background: #ffffff; padding: 0 0 0 15px; float: right; width: 620px; text-align: justify; }



.border { clear: both; border-left: 4px solid #ccc;  padding: 0 0 0 15px; }







#rl { float: left; width: 380px; margin: 0 20px 0px 2px; }



#rr { float: right; width: 200px; }



	#rl li {line-height: 1.2em; font-size: 1.1em; color: #3b73b9; font-weight: normal; list-style: none; border-bottom: 1px solid #e0e0e0; padding: 4px; margin: 0; }

	

	#rr li {line-height: 1.2em; font-size: 1.1em; color: #3b73b9; font-weight: normal; list-style: none; padding: 4px; margin: 0; }





	#rl li a, #rr li a { background: #fff ;  padding: 0 0 0 12px; color: #808080;  }

#heading { font: normal 2em "Trebuchet MS", Tahoma, Arial, Sans-Serif; margin: 0 0 12px; }



#products { margin: 0 ; background: #ffffff; padding: 5px 0; float: left; width: 630px; text-align: justify; }



	#prod_block { clear: both; }

	

	#prod_block_l{ float:left; width:100; margin:0; padding:0;}

	

	#prod_block_r{font: normal .9em  "Trebuchet MS", Tahoma, Arial, Sans-Serif;  color: #666666; line-height: 1.4em;  margin:0 ; padding:5px 0 0 10px;}
	
	#prod_table {border: 1px solid #999999; padding:8px 8px 8px 8px;} 



#footer { clear: both; padding:30px 0 0 0 ; margin: 0 0 0 0px; font-size: .9em; color: #808080; background:url(images/footerbg.gif) repeat-x ;}



	.links a { font-weight: bold; color: #787A8F; margin: 0 0 0 0;  padding: 0 5px 0 5px; }

	#footer li { list-style: none; }



	#fl { width: 600px; margin: 0 10px 0 10px; }

	

	#fm { width: 600px; margin: 0 10px 0 10px; }



	#fr { float: right; margin: 0 10px 0 0;}

#request_form {border: 1px solid #999999; padding:8px 8px 8px 8px;}

#versatile { clear: both; line-height: 1.3em;   padding: 0 10px  0 15px; }

#convenient { clear: both; line-height: 1.3em;   padding: 0 20px  0 10px; }

#map {float:left; padding: 0 0 0 10px; width:480px;}



#network{ float:right;  width:470px; padding: 10px 0  0 0;}		

		

	#nl { float: left; width: 120px; margin: 0 0px 0px 20px; }



	#nr { float: left; width: 120px; margin: 0 0px 0px 30px; }



	#nl li {line-height: 1.2em; font-size: 1.1em; color: #3b73b9; font-weight: normal; list-style: none; border-bottom: 1px solid 	#e0e0e0; padding: 4px;  }

	

	#nr li {line-height: 1.2em; font-size: 1.1em; color: #3b73b9; font-weight: normal; list-style: none;border-bottom: 1px solid #e0e0e0; padding: 4px;  }

	

#service{  margin:20px 0 0 0 ; }



#contact{ float:right;  width:620px; padding: 10px 0  0 0;}		

		

	#contact_l { float: left; width: 300px; margin: 0 0px 0px 20px; }



	#contact_r { float: left; width: 500; margin: 0 0px 0px 30px; }

	

	#cl { float: left; width: 220px; margin: 0 0px 0px 20px; }



	#cr { float: left; width: 320px; margin: 0 0px 0px 30px; }

#faqs {float:left; width:600}		

/*

			Vertical Accordions

		*/

#accordian {float:left; width:600}		

		.accordion_toggle {

			display: block;

			height: 30px;

			width: 600px;

			background: url(images/accordion_toggle.jpg) no-repeat top right #abd4fa;

			padding: 0 10px 0 10px;

			line-height: 30px;

			color: #ffffff;

			font-weight: normal;

			text-decoration: none;

			outline: none;

			font-size: 12px;

			color: #333333;

			border-bottom: 1px solid #cecece;

			cursor: pointer;

			margin: 0 0 0 10px;

		}

		

		.accordion_toggle_active {

			background: url(images/accordion_toggle_active.jpg) no-repeat top right #cecece;

			color: #666666;

			border-bottom: 1px solid #3b73b9;

		}

		

		.accordion_content {

			background-color: #ffffff;

			color: #444444;

			overflow: hidden;

			margin:0 15px 0 15px ;

			width: 610px;

			text-align: justify;

		}

			

			.accordion_content h2 {

				margin: 15px 0 15px 10px;

				color: #0099FF;

			}

			

			.accordion_content p {

				line-height: 150%;

				padding: 5px 10px 15px 10px;

			}

			

#crl { float: left; width: 380px; margin: 0 0px 0px 10px; }



	#crr { float: left; width:630px; margin: 0 10px 0px 10px; text-align: justify; }

	

	#crr img{ float: right; margin: 0 10px 0px 10px; text-align: justify; }

	

	

#knowledge { float: left; width: 240px; border: 0; padding:0 10px 0 20px; margin: 0 0px 5px 0; 

		background: #ffffff;  clear: left; }

		

		#knl { text-align:justify; background-color:#e3ffac; border: 1px dotted #3b73b9; padding:10px;}

		

		#knr { float: left; width:660px; margin: 0 10px 0px 10px; text-align: justify; }

		

		#aware {margin: 0 10px 0px 30px; list-style:decimal;}

		

#technology { float: left; width: 300px; border: 0; padding:0 10px 0 20px; margin: 0 0px 5px 0; 

		background: #ffffff;  clear: left; }

		

		#tcl { text-align:justify; background-color:#e3ffac; border: 1px dotted #3b73b9; padding:10px;}

		

		#tcr { float: left; width:600px;  margin: 0 10px 0px 10px; text-align: justify; }

		

		#aware {margin: 0 10px 0px 30px; list-style:decimal;}

	

	

	

/*HOVER POPUP LINKS*/



/*hoverpopups type 1*/



#popup { color: #000; background-color: #e5e5e5; }



#popup a, #popup a:visited {

position: relative;

display: block;

width: 220px;

line-height: 30px;

text-align: right;

padding: 0 10px;

margin: 0;

border: 1px solid #3b73b9;

text-decoration: none;

font-size: 1em;

font-weight: bold;

}



#popup a span {display: none;}



#popup a:hover { background-color: #e9e9e2; }



/* the IE correction rule */

#popup a:hover	{

color: #f00; background-color: #e9e9e2;

text-indent: 0; /* added the default value */

}



#popup a:hover span{

display: block;

position: absolute;

top: 0px;

left: 260px;

width: 600px;

margin: 0px;

padding: 10px;

color: #335500;

font-weight: normal;

background: #e5e5e5;

text-align: left;

border: 1px solid #666;

}











/*end of hover popup links*/