@charset "utf-8";
/*
	 PRO-SEAL
	 CREATED BY: MEDIA GENESIS
	 
	 COLOR KEY:
		Red: #ee3224;
		BG Gray: #171717;
*/

/*-- Globals --*/
* {margin:0px; padding:0px;}
	
body{background-color:#171717; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/bg_body.jpg); background-repeat:repeat-x;}
a, a:visited {outline:none; color:#000000;}
a:hover {color:#ee3224;}				
a img {border:none;}		
p{font-size:12px;}	
em{font-style:italic;}
strong{font-weight:bold;}
h1{font-weight:bold; font-size:16px; padding-bottom:15px; text-decoration:underline;}
h2{font-weight:bold; font-size:11px; padding-bottom:10px;}
h3{font-weight:bold; font-size:12px; text-decoration:underline;}


/*-- Floats and such --*/
.clear {clear:both;}
fieldset {border:none;}
.aligncenter {text-align:center;}
.floatleft {float:left;}
.floatright {float:right;}
.bold{font-weight:bold; font-size:12px;}
.underline{text-decoration:underline;}
.even{background:#adabab; border-bottom:1px solid #666666;}
	.black{background-color:#000000; color:#FFFFFF;}
.rightList{margin-left:20px; font-size:11px;}
.borderRight{border-right:1px solid #D4D4D4;}
.middleList{font-size:11px; padding:0 10px 10px 20px; list-style:disc;}
	.middleList ul{padding-left:25px; list-style:decimal;}
.header-slogan {float:right; margin:60px 10px 0 0; font-size:15px;}
.globalNumber{float:right; color:#393939; padding:16px; font-size:14px; font-style:italic; font-weight:bold;}

/*-- Page --*/
#wrapper{width:909px; margin:0 auto; background:#000000; border-left:1px solid #171717; border-right:1px solid #171717;}
	#header{width:909px; height:130px; background:url(../images/bg_header.jpg) repeat-x;}
	#content{width:907px;}
		#twoWrapper{background:url(../images/pipe_repeatY.jpg) repeat-y left top; width:577px; float:left; padding-bottom:10px;}
			#left{float:left; width:215px; padding-top:40px; background-color:#000000;}
				#leftNav{width:215px; z-index:999;}
				
		#bigWrapper{background:url(../images/pipe_repeatY.jpg) repeat-y left top; width:907px; float:left; padding-bottom:10px;}
			#bigMiddle{float:left; width:661px; padding:10px; background-color:#d4d4d4; margin:40px 0 0 10px;}
				#bigMiddle p{padding-bottom:10px;}
				.ul{font-size:11px; padding:0 10px 10px 20px; list-style:circle;}
				#bigMiddle img{padding:10px 0;}
				#bigMiddle .data p{padding:5px;}
				
				#sitemap{list-style:none; font-size:12px; padding:0 10px 10px 20px;}
					#sitemap li{line-height:2;}
						#sitemap li a{text-decoration:none;}
						#sitemap li a:hover{text-decoration:underline;}
					#sitemap ul{list-style:none; padding-left:15px;}
						#sitemap ul li{line-height:1.5; background:url(../images/g_rightArrow.gif) no-repeat left; padding-left:17px;}
				
			#middle{float:left; width:330px; padding:10px; background-color:#d4d4d4; margin:40px 0 0 10px;}
				#middle p{padding-bottom:10px;}
				#imageList{list-style:none; padding:0;}
					#imageList li{float:left; padding:5px;}
				#middle .data p{padding:5px;}
				
		#right{float:left; width:320px; margin:40px 0 0 10px; float:left;}
			#right p{color:#FFFFFF; font-weight:bold; font-size:12px; padding-bottom:5px;}
			#right img{padding-bottom:20px;}
			#right #flash{width:320px; height:245px;}
		#pumpbg {position:relative; background-color:#fff; height:1100px; padding:4px; border: #666666 solid 1px;}
		.manufacturer {position:relative; width:150px; float:left; margin-top:10px; background-color: #fff;}
		.pump {position:relative; width:150px; float:left; margin-left:20px; margin-top:10px; background-color: #fff;}
								

/* -------MAIN STRUCTURE-------*/

#page-wrap {width:909px; margin:0 auto; z-index:1; position:relative; background:#000000; height:100%; border-left:solid 1px #FFF; border-right:solid 1px #FFF;}

#tube-wrap {width:100%; height:167px; top:184px; position:absolute; z-index:0;}

#bg-empty {width:50%; height:167px; float:left;}

#bg-tube {width:50%; height:167px; background:url(../images/bg_tube.jpg) repeat-x; float:left;}

#header-wrap {width:909px; height:130px; background:url(../images/bg_header.jpg) repeat-x;}

#flash-wrap {width:909px; height:675px; background-color:#FFFFFF;}

/* -------------- Main Nav ----------------------------*/
#nav {width:909px; height:40px; background:url(../images/bg_nav.jpg) repeat-x; float:left;}
#nav a{width:190px; height:40px; text-decoration:none; float:left;}

a.nav-home {background:url(../images/nav_home.jpg);}
a.nav-home:hover {background-position:190px 0;}

a.nav-about {background-image:url(../images/nav_about.jpg);}
a.nav-about:hover {background-position:190px 0;}

a.nav-contact {background-image:url(../images/nav_contact.jpg);}
a.nav-contact:hover {background-position:190px 0;}

/*--------------- Sucker-fish ----------------------------------*/
.sf-menu * {list-style:none; text-decoration:none; font-size:11px;}
.sf-menu {line-height:1.0;}
.sf-menu a{cursor:pointer; display:block; width:210px; height:30px; padding-left:5px; line-height:30px;}
.sf-menu ul {position:absolute; top:-999em; width:.5em; margin-left:215px;}
.sf-menu ul li {width:100%; border-left:solid 1px #999999;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu ul li a{margin-top:0;}
.sf-menu li {float:left; position:relative;}
.sf-menu li a {margin-bottom:5px; background:url(../images/bg_leftnav.jpg) repeat-x top left;}
.sf-menu li a:hover{background-position:bottom left; color:#FFFFFF;}
.sf-menu li ul li a{margin-bottom:0; background:url(../images/bg_leftSubNav.jpg) repeat-x left top; border-bottom:1px solid #999999;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:0; /* match top ul list item height */ z-index:999;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-vertical, .sf-vertical li {width:10em;}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {left:10em; top:0;}


/*---------- Footer ---------------*/
#footer {width:909px; height:24px; background:url(../images/bg_footer.jpg) repeat-x; margin:0 auto; clear:both;}
	a.footer-sitemap {width:120px; height:24px; background:url(../images/footer_sitemap.jpg); text-decoration:none; float:left; margin-right:10px;}
	a.footer-sitemap:hover {background-position:120px 0;}
	.footer-copyright {float:right; margin:5px 10px 0 0; font-size:10px;}