* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e6eaee;
	height: 100%;
	font-size: 100%;
	background: #56626a;
	}
	
a { color: #FFF;	text-decoration: none; }	
a:hover { text-decoration: underline;	}	
a img{border: 0;	}	
:focus {	outline: 0;	}
	
ul, li, form, p { margin: 0; padding: 0; list-style: none;}	
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #bcc6cd;}

h2 { font-size: 1.1em;}
h3 { font-size: 1em;}

#wrapper {
	width: 995px;
	min-width: 995px;
	margin: 0 auto;
	position: relative;
	
	}

.backend_left {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 697px;
	background: url(img/new/left_bg.png) repeat-x top left;
	}	
	
.backend_right  {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 697px;
	background: url(img/new/right_bg.png) repeat-x top right;
	}

/* start header  */
	
.header { 
	background: url(img/new/header_img.jpg) no-repeat top center;
	height: 300px;
	position: relative;
	font-family: Arial, sans-serif;
	font-weight: bold;
	width: 936px;
	margin: 0 auto;
	
	}
	
	.logo {
		width: 249px;
		height: 30px;
		float: left;
		display: inline;
		margin: 13px 0 0 23px;
	}
	
	.logo a { width: 249px; height: 30px; display: block;}
	.logo span {	display: none;}
	
	.description { 
		position: absolute;
		top: 42px;
		left: 37px;
		font-size: 0.6em;
		color: #cccccc;
		}
		
	.phone_number {
		position: absolute;
		top: 57px;
		left: 85px;
		font-size: 1.2em;
		color: #FFF;}
		
	.tools {
		position: absolute;
		top: 0;
		left: 365px;
		}
	
	.community {
		width: 160px;
		height: 72px;
		float: right;
		display: inline;
		margin: 17px 0 0 0;
		}
		
	.hoses {
		position: absolute;
		top: 91px;
		left: -10px;
		}
		
	.seals {
		position: absolute;
		top: 120px;
		right: 40px;
		}
	
	.text {
		height: 60px;
		position: absolute;
		right: 0;
		top: 142px;
		width: 575px;
		display: block;
		}
		
	.lines {	position: relative;	}
		
	.text .lines span { 
		display: block;
		font-weight: bold;
		color: #a0eaff;
		}
		
	.text .lines .line1 { 
		font-size: 1.3em;
		position: absolute;
		left: 0;
		top: 0;		
		}
	.text .lines .line2 { 
		font-size: 0.9em;
		position: absolute;
		left: 20px;
		top: 23px;
		}
	.text .lines .line3{ 
		font-size: 1.8em;
		position: absolute;
		left: 44px;
		top: 19px;
		}
	.text .lines .line4 { 
		font-size: 0.9em;
		position: absolute;
		left: 112px;
		top: 50px;
		color: #e1f2f9;
		}
		
/* end header */ 

/* start menu */ 
	
#menus {
	margin: 2px auto 0;
	clear: both;
	width: 932px;
	height: 56px;	
	font-family: Arial, Helvetica, sans-serif;
	background: url(img/new/manu_right_bg.png) no-repeat right top;
	background-position: 100% 10px;
	}
	
	#menus ul { width: 100%; text-align: center; }
	
	#menus li{
		float: left;
		display: inline;
		height: 56px;	
		position: relative;
		width: 20%; text-align: center;
		background: url(img/new/item_bg.png) no-repeat;
		background-position: 0 10px;
		}	
		
	#menus li:hover{
		cursor: pointer;
		background: url(img/new/item_bg_blue.png) no-repeat left top;
		}
			
	#menus li a {
		font-size: 1.1em;
		font-weight: bold;
		height: 13px;
		display: inline-block;
		padding: 19px 0 0;
		text-align: center;
		text-transform: uppercase;
		}
		
	#menus li ul li a, #menus li ul li ul li a {
		font-size: 0.70em;
		font-weight: bold;
		font-family: Verdana;
		}
		
	#menus li ul, #menus li ul li ul { display: none; }		
	#menus li:hover ul, #menus li.iehover ul {
		background: #f4f5f7;
		border: 1px solid #a5a5a5;
		display: block;
		width: 203px;
		position: absolute;
		top: 56px;
		left: 0;
		z-index: 9998;
		}	

	#menus li ul li, #menus li ul li ul li  { 
		width: 100%; 
		height: 30px;
		text-align: left;
		}		
		
	#menus li ul li a, #menus li ul li ul li a { padding: 8px 29px 8px 10px;}	
	#menus li:hover ul li ul, #menus li.iehover ul li ul { display: none; }	
	#menus li ul li, #menus li ul li ul li { background: none; border-bottom: 1px solid #ddd; }
	#menus li ul li.last, #menus li ul li ul li.last { border: none; }
	#menus li ul li:hover, #menus li ul li.iehover { background: #0e99d4;	}
	
	#menus li ul li.subtitle { border-bottom: 1px solid #ddd; 
	background: url(img/new/menu_arrow.png) no-repeat right;} 
	#menus li ul li.subtitle:hover, 
	#menus li ul li.subtitle.iehover  { border-bottom: 1px solid #ddd; 
	background: #0e99d4 url(img/new/menu_arrow.png) no-repeat right;}
	
	#menus li ul li ul li:hover, #menus li ul li ul li.iehover { background-image: none; cursor: pointer;}
	#menus li ul li a, #menus li ul li:hover ul li a, #menus li ul li.iehover ul li a { color: #969a9b; text-decoration: none;}
	#menus li ul li:hover a, #menus li ul li.iehover a  { color: #FFF; text-decoration: none;}
	#menus li ul li ul li:hover a, #menus li ul li ul li.iehover a  { color: #FFF; text-decoration: none;}
	#menus li ul li:hover ul, #menus li ul li.iehover ul {
		background: #f4f5f7;
		border: 1px solid #a5a5a5;
		display: block;
		position: absolute;
		top: -1px;
		width: 100%;
		left: 203px; 
		z-index: 9999;
		}	

/* end menu */ 
	
/* start container */  

.container {
	width: 936px;
	margin: 0 auto;
	border-top: none;
	
	}
		
/* start content */ 

.content {
	font-family: Tahoma, sans-serif;
	margin: 0 auto;	
	}
	
	.content p { 
		padding: 8px 25px 8px 0;
		font-size: 0.7em;
		}
	.content b { color: #e6e3e3;}
	.content em { color: #ffffff; font-style: normal;}
	
	.content h2 { 
		padding-bottom: 6px;
		line-height: 15px;
		}
	
	.content h2 span { 
		font-size: 0.7em;
		color: #a0eaff;
		}
		
	.content h3 { 
		background: url(img/new/h3_string.png) no-repeat left bottom;
		padding: 0 0 10px 18px;
		line-height: 15px;
		margin-bottom: 9px;
		}
		
	.content h3.col3 {
		background: url(img/new/h3_string.png) no-repeat right bottom;
		margin-bottom: 0;
		padding: 0 0 10px 25px;}
	
	.why { 
		background: url(img/new/washing_mashine.jpg) no-repeat right bottom;
/*		background-position: 180px 80px;*/
		background-position: 190px 50px;
/*		background-position: center ;	*/	
/*		padding-left: 19px;*/
   	padding-left: 19px;   	
		}
	
	.content ul { padding: 7px 0 4px 19px;}		
	.content .why  li { 
		background: url(img/new/li_item_bg.png) no-repeat left bottom;
		background-position: 0 11px;
		display: block;
		height: 16px;
		line-height: 16px;
		width: 200px;
		padding: 1px 0;
		}	
	
	.content .why  li a { 
		color: #b4cfda;
		padding: 0 0 0 11px;
		height: 16px;
		line-height: 16px;
		text-decoration: underline;
		font-size: 0.7em;
		}
		
	.content ul li a:hover { text-decoration: none;	}
	
	.column1 { 
		width: 300px;
		margin-left: 26px;
		background: url(img/new/column_bg.png) no-repeat right top;
		padding-top: 30px;
		float: left;
		min-height: 265px;
		display: inline;
		}	
	
	.column2 { 
		width: 300px;
		background: url(img/new/column_bg.png) no-repeat right top;
		padding-top: 30px;
		float: left;
		min-height: 265px;
		display: inline;
		}
	
	.column3 {
		width: 310px;
		float: right;
		padding-top: 30px;
		display: inline;
		}
		
	.column3 p { padding: 8px 0 8px 6px;}
		
/* end content */ 	
	
	
/* start sidebar */ 	

.sidebar {}

/* end sidebar */ 	
 
.clear {
	clear: both;
	height: 0;
	font-size: 0em;
	}
	
/* end container */   
 
 
/* start footer */

#footer_wrapper {
	height: 89px;
	width: 936px;
	min-width: 936px;
	margin: 0 auto;
	}

.footer {
	background: url(img/new/footer.png) no-repeat top right;
	height: 29px;
	margin: 0 auto;
	width: 936px;
	font-family: Tahoma, sans-serif;
	color: #828f98;
	padding: 15px 0;
	position: relative;
	  }
	
.footer a { color: #b4cfda; text-decoration: underline; }
.footer a:hover { text-decoration: none; }

.copyright {
	float: left;
	width: 287px;
	font-size: 0.58em;
	height: 27px;
	padding: 4px 15px 0 19px;
	}
	
.footer_menu {
	height: 11px;
	padding: 8px 0;
	float: right;
	width: 611px;
	border-left: 1px solid #74828b;
	}
	
.footer_menu ul li {
	border-right: 1px solid #c4c9cd;
	float: left;
	padding: 0 30px;
	height: 17px;
	}	
	
.footer_menu ul li.page-item-9 {border: none;}
	
.footer_menu ul li a {
	color: #C4C9CD;
	display: block;
	font-size: 0.7em;
	padding-top: 2px;
	text-decoration: none;
	vertical-align: text-top;
	}
	
.footer_menu ul li a:hover { text-decoration: underline; }

.footer_backend_left  {
	position: absolute;
	left: 0;
	width: 100%;
	height: 89px;
	background: url(img/new/footer_right_bg.png) repeat-x bottom right;
	}

.footer_backend_right  {
	position: absolute;
	left: 0;
	width: 50%;
	height: 89px;	
	background: url(img/new/footer_bg.png) repeat-x bottom left;
	}
	
/*  end of footer  */
