@import url(global/user.css);
@import url(global/common.css);
@import url(apps/forms01.css);

html{
	
	background: #fff url(../images/html_bg.gif) repeat-x 0px 0px;
	height: 100%;
}

body{
	background: transparent;
	color:#252c3c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	height: 100%;
}

body.admin{
	background-position: 0 14px;
}

#wrap{
	margin:0px auto;
	text-align:left;
	width:900px;
	margin-top:16px;
	position: relative;
    margin-bottom: -50px;
	background:transparent url(../images/wrap_bg.gif) no-repeat 0px 0px;
	padding:0 4px;
}

/* HEADER
-------------------------------------------*/
#header{
	height: 119px;
	margin:0 auto;
	background:transparent url(../images/header_bg.gif) no-repeat 0px 0px;
}

#header h1{
	position: absolute;
	top: 30px;
	font-size: 30px;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	#logo{
		background: url(../images/spacer.gif) 0 0 no-repeat;
		left:0px;
		position:absolute;
		top: 18px;
	}
		#logo img{
			height:92px;
			width:245px;
		}

/* MAIN NAVIGATION
-------------------------------------------*/
#tabs{
	height:0px;
	width:100%;
}
	#nav{
		margin:0 auto;
		text-align:center;
	}
		#nav ul{
			list-style:none;
			margin:0 auto;
			text-align:left;
		}
			#nav ul li{
				background-image:none;
				display:inline;
				margin:0;
				padding:0;
			}
				#nav a{
					display:block;
					float:left;
					text-decoration:none;
					background:url(../images/nav.gif) 0 0 no-repeat;
					height:0 !important;
					overflow:hidden;
					padding:23px 0 0 0;
					position:absolute;
					top:50px;
				}
				#nav a:hover, #nav a.active{
					
				}
				
				/*Services*/
				#t58401 a{
					background-position:-550px -23px;
					width:65px;
					left:825px;
				}
				
				#t58401 a:hover, #t58401 a.active{
				background-position:-550px -0px;
				}
				
				/*Systems*/
				#t58361 a{
					background-position:-488px -23px;
					width:67px;
					left:760px;
				}
				
				#t58361 a:hover, #t58361 a.active{
				background-position:-488px -0px;
				}
				
				/*Controls */
				#t58360 a{
					background-position:-412px -23px;
					width:65px;
					left:689px;
				}
				
				#t58360 a:hover, #t58360 a.active{
				background-position:-412px -0px;
				}
				
				/*Valves*/
				#t58359 a{
					background-position:-353px -23px;
					width:51px;
					left:629px;
				}
				
				#t58359 a:hover, #t58359 a.active{
				background-position:-353px -0px;
				}
				
				/*Pumps*/
				#t58358 a{
					background-position:-294px -23px;
					width:50px;
					left:571px;
				}
				
				#t58358 a:hover, #t58358 a.active{
				background-position:-294px -0px;
				}
				
				/*Meters*/
				#t58378 a{
					background-position:-230px -23px;
					width:64px;
					left:503px;
				}
				
				#t58378 a:hover, #t58378 a.active{
				background-position:-230px -0px;
				}
				
				/*Contact */
				#t58362 a{
					background-position:-123px -23px;
					width:82px;
					left:401px;
				}
				
				#t58362 a:hover, #t58362 a.active{
				background-position:-123px -0px;
				}
				
				/*About Us */
				#t58357 a{
					background-position:-51px -23px;
					width:69px;
					left:326px;
				}
				
				#t58357 a:hover, #t58357 a.active{
				background-position:-51px -0px;
				width:69px;
				left:326px;
				}
				
				/*Home*/
				#t58132 a, #t58132 a.active{
					background-position:-0px -23px;
					width:45px;
					left:276px;
				}
				
				#t58132 a:hover{
				background-position:-0px -0px;
				width:45px;
				left:276px;
				}
#main-body{
background:transparent url(../images/main_body_bg.gif) no-repeat 0px 0px;
}
	#main-table-body{
		background:transparent;
		border-collapse:collapse;
		clear:left;
		height: auto !important;
		height: 400px;	
	}
	#main-table-body-leftcell{
		background: transparent url(../images/leftSide_bg.gif) no-repeat 228px 107px;
		width:250px;
		vertical-align:top;
	}
	#main-table-body-rightcell{
		vertical-align:top;
		width:650px;
	}
	
	
	
/* SUB MENU
-------------------------------------------*/
#sidebar {
	background:none;
	margin:7px 0 0 0;
}

#menu-header {
	background:transparent;
}

#menu{
	margin: 94px 0 0 20px;
	padding:0 0 0px 0;
	width: 212px;
	background:transparent url(../images/menu_ul_top.gif) no-repeat 0px 0px;
}

#menu h3 a{
border:none;
height:23px;
margin-left:0px;
position:absolute;
text-indent:-10000px;
top:178px;
}

/*About us*/
.tab58357 #menu h3 a, .tab58357 #menu h3 a:hover{
background:transparent url(../images/menu_heading_about.gif) no-repeat 0px 0px;
}

/*Contact Us*/
.tab58362 #menu h3 a, .tab58362 #menu h3 a:hover{
background:transparent url(../images/menu_heading_contact.gif) no-repeat 0px 0px;
}

/*Meters*/
.tab58378 #menu h3 a, .tab58378 #menu h3 a:hover{
background:transparent url(../images/menu_heading_meters.gif) no-repeat 0px 0px;
}

/*Pumps*/
.tab58358 #menu h3 a, .tab58358 #menu h3 a:hover{
background:transparent url(../images/menu_heading_pumps.gif) no-repeat 0px 0px;
}

/*Valves*/
.tab58359 #menu h3 a, .tab58359 #menu h3 a:hover{
background:transparent url(../images/menu_heading_valves.gif) no-repeat 0px 0px;
}

/*Controls*/
.tab58360 #menu h3 a, .tab58360 #menu h3 a:hover{
background:transparent url(../images/menu_heading_controls.gif) no-repeat 0px 0px;
}

/*Systems*/
.tab58361 #menu h3 a, .tab58361 #menu h3 a:hover{
background:transparent url(../images/menu_heading_systems.gif) no-repeat 0px 0px;
}

/*Service*/
.tab58401 #menu h3 a, .tab58401 #menu h3 a:hover{
background:transparent url(../images/menu_heading_servies.gif) no-repeat 0px 0px;
}


	#menu ul{
		font-size: 12px;
		margin:0 0px 0 0px;
		padding:0 0 70px;
		list-style: square inside;
		background:transparent url(../images/menu_ul_bottom.gif) no-repeat scroll center bottom;
	}
		#menu li{
			background-image:none;
			padding:0 0 0 0px;
			margin: 0 0px 0px 0;
			list-style: none;
		}
			#menu a {
				text-decoration:none;
				text-transform:none;
				color:#8d8b8b;
				display:block;
				font-size: 11px;
				padding: 6px 0px 6px 7px;
				border-top: 1px solid #dcdcdc;
				width:177px;
				margin-left:13px;
				font-weight:bold;
				margin-bottom:3px;
			}
			
			#menu a:hover, #menu a.current {
				background:transparent url(../images/menu_a_rollover.gif) no-repeat 0px 3px;
			}
			
			
			#menu a.subcurrent{
				color: #033f7e;
				background:transparent;
			}
			
			#menu li ul{
				margin: 0 0px 0 0px;
				padding: 0;
				border-top: 0px;
				background:transparent;
			}
			
			#menu li ul li{
				list-style: none;
				padding: 0px 0 0px 0px;
				margin: 0;
			}
			
			#menu li ul li a {
				padding-left: 15px;
				text-decoration: none;
				width:168px;
			}
			
			#menu li ul li a:hover {
				color:#033f7e;
				background:transparent;
			}
			
	#menu-footer{
		background:transparent url(../images/menu_footer_bg.gif) no-repeat 18px -64px;
		height:232px;
		padding-left:33px;
		padding-top:97px;
	}

#banner {
	display:none;
}

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar{
	padding:0 0 0 0px;
	margin: 0;
	position:relative;
	width: 100%;
	color:#000;
}
	#breadcrumblist{
		font-size: 10px;
		line-height:120%;
		padding:.5em 0 .5em 20px;
		width:430px;
	}
		#breadcrumblist a:link, #breadcrumblist a:visited{
			color:#225aa7;
			font-size:9px;
			font-weight:bold;
			
		}
		#breadcrumblist a:hover, #breadcrumblist a:active{			
		}
		#breadcrumbemail{
			font-size: 10px;
			position:absolute;
			right:9em;
			text-align:right;
			top:5px;
			width:9em;
		}
			#breadcrumbemail a:link, #breadcrumbemail a:visited{
				background:url(../images/email.gif) 0 2px no-repeat;
				float:right;
				padding:0 5px 0 18px;
				font-weight:bold;
			}
				#breadcrumbemail a:hover, #breadcrumbemail a:active{
				}
		
		#breadcrumbprint{
			font-size: 10px;
			position:absolute;
			right:0;
			text-align:right;
			top:5px;
			width:9em;
		}
			#breadcrumbprint a:link, #breadcrumbprint a:visited{
				background:url(../images/printer.gif) 0 2px no-repeat;
				float:right;
				padding:0 5px 0 18px;
				font-weight:bold;
			}
				#breadcrumbprint a:hover, #breadcrumbprint a:active{
				}


/* CONTENT AREA
-------------------------------------------*/
#content{
	clear:left;
	width:inherit;
}
	#content-header{
		display:none;
	}
	#content-body{
		margin: 5px 30px 0 0px;
		padding:0 0 10px 0;
		overflow:hidden;
		min-height: 400px;
	}
	#pagetitle{
		margin:0 0 0px 0px;
		background:transparent url(../images/title_bg.gif) no-repeat 0px 0px;

	}
	
	
	
	#pagetitletext{
	background:transparent url(/site/template/assets/home_template_donjohns_722/images/title_bottom.gif) no-repeat bottom left;
	}
	
		#pagetitletext h1{
			font-size:24px;
			font-weight: normal;
			color: #225aa7;
			padding:16px;
			margin-bottom:0px;
		}
	#content-footer{
		
	}

/* FOOTER
-------------------------------------------*/
#clearfooter{
		/* Set this to the same height as the footer */
		height: 17px;
		clear: both;
		background:#fff;
		margin-left:-4px;
		width:908px;
}

#footer{
	clear:both;
	height: 80px;
	margin:0 auto;
	position:relative;
	background: transparent url(../images/footer_bg.gif) no-repeat 0px 0px;
	margin-left:-4px;
	border-top: 0px; 
}
	#footerwrap{
		margin:0 auto;
		width: 900px;
		position:relative;
		height: 40px;
	}
	
	
	#footerLinks{
	position:relative;
	left:313px;
	top:37px;
	display:block;
	width:590px;
	}
	
	#footerLinks a{
	font-size:10px;
	font-weight:bold;
	color:#054981;
	padding:0 8px;
	border-right:1px solid #bdc1c4;
	text-decoration:none;
	}
	
	#footerLinks a:hover{
	color:#252c3c;
	}
	
	.tab58357 #footerLinks .about_tab58357, .tab58378 #footerLinks .meters_tab58378, .tab58358 #footerLinks .pumps_tab58358, .tab58359  #footerLinks .valves_tab58359 , .tab58360 #footerLinks .controls_tab58360, .tab58361 #footerLinks .systems_tab58361, .tab58401 #footerLinks .service_tab58401, .tab58362 #footerLinks .contact_tab58362{
	color:#252c3c
	;
	}
	
	#copyright{
		color:#fff;
		font-size:9px;
		position:absolute;
		left:0px;
		bottom:-12px;
	}
	
	#poweredby{
		color:#999;
		font-size:9px;
		position:absolute;
		right:0px;
		bottom:-54px;
	}
		#poweredby a{
			color:#000;
			text-decoration:none;
		}
		#poweredby a:hover {text-decoration: underline;}