@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;}
	
	
	


#topMenu{
	width:800px;
		background: transparent url("images/topMenu_background.gif") repeat-x  left top;
		height:180px;
		postision: relative;
		padding-bottom:60px;
		text-align:center;
		

}

#topMenu ul {
	display: block;
	width: 396px;
	height: 56px;
	position: absolute;
	left: 240px;
	top: 88px;
	background: transparent;
}

#topMenu ul li{
	list-style:none;
	display:block;	
	background: transparent url() no-repeat 0px 0px;
	width: 56px;
	margin-right: 10px;
	float:left;
	position: static;
	font-family:Arial, Helvetica, sans-serif;
	color:#35587d;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	}
	
#topMenu ul li a:link, #topMenu ul li a:visited {
	color:#35587d;
	text-decoration:none;
		padding-top:56px;
}

#topMenu ul li a:hover, #topMenu ul li a:active {
	color:# 000;
	
}

#topMenu ul li a {
	display: block;
	width: 100%;
	height: 100% !important;
}

#topMenu ul li:hover {
	background-position: -56px 0px;

}

#topMenu ul li:hover > img {
	display: block;
}

#topMenu ul li:hover > a {
	color:#000;
}
	
	
#topMenu ul li img{ 
	display:none;
	position: absolute;
	left: 405px;
	top: 0px;
	}
	


#armoredLevelgauges{ 
	background-image:  url(images/armored-level-gauges.jpg) !important;
	}


#magneticLevelgauges{
	background-image: url(images/magnetic-level-gauges.jpg) !important;



}

#specificGravityanalyzer{
		background-image:url(images/specific-gravity-analyzer.jpg) !important;



}

#sightFlowindicators{
	
	background-image:url(images/sight-flow-indicators.jpg) !important;


}

#sanitarySightgauges{
	
	background-image:url(images/sanitary-sight-gauges.jpg) !important;


}

#liquidLeveltransmitters{
	
	background-image:url(images/liquid-level-transmitters.jpg) !important;


}

#defaultImage{
position:absolute;
top:88px;
left:645px;
z-index: -1;


}

#topBG {display:block;
width:100%;
height:180px;
position:absolute;
left: 0;
top:0;
background: transparent url("images/topMenu_background.gif") repeat-x ;
z-index: -10;
}