@charset "utf-8";
/* CSS Document */
/* =Base
----------------------------------------------- */
/*  Core CSS file - standardizes styles across browsers.  
	Based on Yahoo's Developer Library CSS (reset.css and base.css) files.
	MDL - Version 1.5 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table {  
    margin:0; 
    padding:0; 
} 
form { display: inline; }
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
em { font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-size:100%; } 
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; } 
caption,th { text-align:left; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 
a, input { outline: none; }

/* Some standard GSSI formatting */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background:#191919; }
blockquote,ul,ol { margin:1em; } 
ol,ul { margin-left:2em; } 
ol li { list-style: decimal outside; } 
ul li { list-style: disc outside; }
p,fieldset { margin: 0.25em 0 1em; }
p,td { line-height: 20px; }

/* Navigation lists <ul class="nl"> */
.nl, .nl li { margin: 0; padding: 0; list-style: none; }

/* =Structure
----------------------------------------------- */	

/* Standard class / id naming */
.outer-container-overflow {
	min-width:972px;
	overflow:hidden;
	}
	.outer-container {
		margin:0 auto;
		width:972px;
		}
		#background {
			background:#191919 url(/images/background.gif) no-repeat top left;
			width:1364px;
			margin:0 -205px;
			}
		#home-background-bottom {
			background:#191919 url(/images/background/home-plain.jpg) no-repeat top left;
			width:1364px;
			margin:0 -205px;
			}
		#home-background-top {
			background:transparent url(/images/background/home.jpg) no-repeat top left;
			width:1364px;
			}
			
			
#wrapper { width:972px; margin:0 auto; position:relative; }
	#header { }
		#header-top {
			background:url(/images/header/top-piece.gif) no-repeat top left;
			width:773px;
			height:28px;
			}
		#header-top-home {
			background:url(/images/header/home-top-piece.gif) no-repeat top left;
			width:822px;
			height:28px;
			}
		#logo, #logo-home { }
			#logo a, #logo-home a {
				display:block;
				background:url(/images/header/logo.gif) no-repeat top left;
				width:168px;
				height:1px;
				padding-top:107px;
				overflow:hidden;
				}
			#logo-home a { 
				background:url(/images/header/home-logo.gif) no-repeat top left;
				width:245px;
				padding-top:210px;
				}
		#utilities { position:absolute; top:0; left:773px; }
			#utilities ul, #utilities-home ul {
				list-style:none;
				margin:0;			
				padding:0;
				}
			#utilities li, #utilities-home li {
				background:none;
				float:left;
				margin:0;
				padding:0;
				overflow:visible;			
				position:relative;
				list-style:none;
				}
			#utilities li a, #utilities-home li a {
				display:block;
				background:url(/images/utilities.gif) no-repeat top left;
				height:1px;
				padding-top:27px;
				overflow:hidden;
				}
				#utilities li#home {
					width:89px;
					}
				#utilities li#contact {
					width:110px;
					}
				#utilities li#contact a {
					background-position:-89px 0;
					}
		#utilities-home { position:absolute; top:0; left:822px; }
			#utilities-home li a {
				background:url(/images/home-utilities.gif) no-repeat top left;
				padding-top:28px;
				}
				#utilities-home li#contact {
					width:151px;
					}				
		#pipe-photo, #pipe-photo-home {
			display:block;
			background:url(/images/header/pipe-photo.jpg) no-repeat top left;
			width:804px;
			height:108px;
			position:absolute;
			top:28px;
			left:168px;
			}
		#pipe-photo-home {
			background:url(/images/header/home-pipe-photo.jpg) no-repeat top left;
			width:728px;
			height:211px;
			top:28px;
			left:245px;
			}
	#mainsection { background:url(/images/mainsection/bottom.gif) no-repeat bottom left #fff;  }
	#mainsection-home { background:url(/images/background/home-pipe.jpg) no-repeat top left #000; }
		#content, #content-home { width:605px; float:left; min-height:526px; height:auto!important; height:526px; }
		#content-home { width:668px; min-height:297px; height:auto!important; height:297px; padding:47px 53px 0; position:relative; }
			#home-buttons { margin:0; padding:0; position:absolute; left:52px; top:139px; }
				#home-buttons li {
					float:left;
					margin:0;
					padding:0;
					overflow:visible;			
					position:relative;
					list-style:none;	
					}
				#home-buttons li a {
					display:block;
					background:url(/images/home-buttons.gif) no-repeat top left;
					height:1px;
					padding-top:72px;
					overflow:hidden;
					}
				#home-buttons li#hdpe-pipes-fittings a {
					width:210px;
					}
				#home-buttons li#welding-installation a {
					width:225px;
					background-position:-210px 0;
					}
				#home-buttons li#machinery-equipment a {
					width:235px;
					background-position:-435px 0;
					}
				#home-buttons li#hdpe-pipes-fittings a:hover {
					width:210px;
					background-position:0 -73px;
					}
				#home-buttons li#welding-installation a:hover {
					width:225px;
					background-position:-210px -73px;
					}
				#home-buttons li#machinery-equipment a:hover {
					width:235px;
					background-position:-435px  -73px;
					}				
			#home-sponsors { margin:104px 0 0 5px; padding:0; position:relative; }
				#home-sponsors li {
					float:left;
					margin:0;
					padding:0;
					overflow:visible;
					position:relative;
					list-style:none;
					}
				#home-sponsors li a {
					display:block;
					background:url(/images/home-sponsors.gif) no-repeat top left;
					height:1px;
					padding-top:105px;
					overflow:hidden;
					}
				#home-sponsors li#skz-home a {
					width:146px;
					}
				#home-sponsors li#visi-home a {
					width:102px;
					background-position:-146px 0;
					}
				#home-sponsors li#qmi-home a {
					width:149px;
					background-position:-248px 0;
					}
				#home-sponsors li#iqnet-home a {
					width:122px;
					background-position:-397px 0;
					}
				#home-sponsors li#afaq-home a {
					width:129px;
					background-position:-519px 0;
					}
		#sidebar { width:168px; float:left; padding-top:34px; }
		#rightcol, #rightcol-home { width:186px; float:right; margin-right:12px; margin-top:62px; }
		#rightcol-home { margin-top:39px; }
			#ctas, #home-ctas {
				list-style:none;
				padding:0;
				margin:0;
				overflow:hidden;
				}
				#ctas li, #home-ctas li {
					display:block;
					}
				#ctas li a, #home-ctas {
					background:url(/images/ctas.gif) no-repeat top left;
					display:block;
					width:186px;
					overflow:hidden;
					}
				#ctas li#factory-video-tour a {
					background-position:0 0;
					height:1px;
					padding-top:44px;
					overflow:hidden;
					}
				#ctas li#testimonials a {
					background-position:0 -45px;
					height:1px;
					padding-top:40px;
					overflow:hidden;
					}
				#ctas li#photo-gallery a {
					background-position:0 -85px;
					height:1px;
					padding-top:41px;
					overflow:hidden;
					}
				#ctas li#contact-us a {
					background-position:0 -126px;
					height:1px;
					padding-top:41px;
					overflow:hidden;
					}
				#ctas li#cta-last a {
					background-position:0 -166px;
					height:1px;
					padding-top:51px;
					overflow:hidden;
					}	
				#ctas li#factory-video-tour a:hover {
					background-position:-186px 0;
					}
				#ctas li#testimonials a:hover {
					background-position:-186px -45px;
					}
				#ctas li#photo-gallery a:hover {
					background-position:-186px -85px;
					}
				#ctas li#contact-us a:hover {
					background-position:-186px -126px;
					}
				#ctas li#cta-last a:hover {
					background-position:-186px -166px;
					}			
				#home-ctas li a {
					background:url(/images/home-ctas.gif) no-repeat top left;
					display:block;
					width:200px;
					overflow:hidden;
					}
				#home-ctas li#contact-us a {
					background-position:0 0;
					height:1px;
					padding-top:42px;
					overflow:hidden;
					}
				#home-ctas li#testimonials a {
					background-position:0 -43px;
					height:1px;
					padding-top:41px;
					overflow:hidden;
					}	
				#home-ctas li#photo-gallery a {
					background-position:0 -85px;
					height:1px;
					padding-top:40px;
					overflow:hidden;
					}														
				#home-ctas li#factory-video-tour a {
					background-position:0 -126px;
					height:1px;
					padding-top:40px;
					overflow:hidden;
					}
				#home-ctas li#cta-last a {
					background-position:0 -166px;
					height:1px;
					padding-top:43px;
					overflow:hidden;
					}				
				#home-ctas li#contact-us a:hover {
					background-position:-200px 0;
					}								
				#home-ctas li#testimonials a:hover {
					background-position:-200px -43px;
					}						
				#home-ctas li#photo-gallery a:hover {
					background-position:-200px -85px;
					}
				#home-ctas li#factory-video-tour a:hover {
					background-position:-200px -126px;
					}
				#home-ctas li#cta-last a:hover {
					background-position:-200px -166px;
					}	
			
			#sponsors {
				padding:0;
				margin:20px 0 0 0;
				overflow:hidden;
				}
				#sponsors li {
					display:block;
					list-style:none;
					}
				#sponsors li a {
					display:block;
					overflow:hidden;
					height:1px;					
					}
				#sponsors li#skz-das-kunststoff-zentrum a {
					background:url(/images/sponsors/skz-das-kunststoff-zentrum.gif) no-repeat top left;
					width:78px;
					padding-top:83px;
					margin-left:53px;
					}
				#sponsors li#visi a {
	background:url(/images/sponsors/visi.gif) no-repeat top left;
	width:45px;
	padding-top:54px;
	margin-left:75px;
	margin-top:14px;
				}
				#sponsors li#qmi-management-systems-registration a {
					background:url(/images/sponsors/qmi-management-systems-registration.gif) no-repeat top left;
					width:101px;
					padding-top:61px;
					margin-left:47px;
					margin-top:14px;
					}
				#sponsors li#iqnet-certified-management-system a {
					background:url(/images/sponsors/iqnet-certified-management-system.gif) no-repeat top left;
					width:81px;
					padding-top:80px;
					margin-left:55px;
					margin-top:12px;
					}
				#sponsors li#afaq-iso-9001 a {
					background:url(/images/sponsors/afaq-iso-9001.gif) no-repeat top left;
					width:61px;				
					padding-top:70px;
					margin:17px 0 0 66px;
					}
		#footer { margin-left:307px; margin-top:25px; padding-bottom:25px;  }
		#home-footer {
			background:url(/images/home-footer.jpg) top left no-repeat; 
			width:1364px; 
			height:75px; 
			margin:0 -214px;
			}
/* =Navigation
----------------------------------------------- */
#mainnav { }
	#mainnav ul {
		list-style:none;
		margin:0;
		overflow:hidden;
		padding:0;
		}
	#mainnav li {
		float:left;
		}
	#mainnav li a {
		background:url(/images/mainnav.gif) no-repeat top left;
		display:block;
		height:1px;
		overflow:hidden;
		padding-top:24px;
		}
	#mainnav li#hdpe-pipes {
		width:144px;
		}
	#mainnav li#other-products {
		width:208px;
		}
	#mainnav li#application {
		width:161px;
		}
	#mainnav li#services {
		width:141px;
		}
	#mainnav li#resources {
		width:161px;
		}
	#mainnav li#aboutus {
		width:157px;
		}
	#mainnav li#hdpe-pipes a {
		background-position:0 0;
		}
	#mainnav li#other-products a {
		background-position:-144px 0;
		}
	#mainnav li#application a {
		background-position:-352px 0;
		}
	#mainnav li#services a {
		background-position:-513px 0;
		}
	#mainnav li#resources a {
		background-position:-654px 0;
		}
	#mainnav li#aboutus a {
		background-position:-815px 0;
		}
	#mainnav li#hdpe-pipes a:hover {
		background-position:0 -24px;
		}
	#mainnav li#other-products a:hover {
		background-position:-144px -24px;
		}
	#mainnav li#application a:hover {
		background-position:-352px -24px;
		}
	#mainnav li#services a:hover {
		background-position:-513px -24px;
		}
	#mainnav li#resources a:hover {
		background-position:-654px -24px;
		}
	#mainnav li#aboutus a:hover {
		background-position:-815px -24px;
		}

/* autonav */
#sidebar ul {
	width:168px;
	list-style:none;
	border-bottom:solid 1px #ccc;
	margin:0;
	}
	#sidebar li {
		list-style:none;
		}
	#sidebar li a {
		display:block;
		color:#000;
		font-size:14px;
		text-decoration:none;
		width:168px;
		height:1px;
		padding-top:23px;
		overflow:hidden;
		}
	#sidebar li a#overview1, #sidebar li a#overview2 { /* IE doesn't support cascading so I have to create 2 IDs */
		background:url(/images/sidenav/overview.gif) no-repeat top left;
		}
	#sidebar li a#pressure-pipes {
		background:url(/images/sidenav/pressure-pipes.gif) no-repeat top left;
		}
	#sidebar li a#low-pressure-pipes {
		background:url(/images/sidenav/low-pressure-pipes.gif) no-repeat top left;
		}
	#sidebar li a#gas-pipes {
		background:url(/images/sidenav/gas-pipes.gif) no-repeat top left;
		}
	#sidebar li a#large-diameter-pipes {
		background:url(/images/sidenav/large-diameter-pipes.gif) no-repeat top left;
		}	
	#sidebar li a#fittings {
		background:url(/images/sidenav/fittings.gif) no-repeat top left;
		}
	#sidebar li a#manhole {
		background:url(/images/sidenav/manhole.gif) no-repeat top left;
		}		
	#sidebar li a#machinery {
		background:url(/images/sidenav/machinery.gif) no-repeat top left;
		}		
	#sidebar li a#water-supply {
		background:url(/images/sidenav/water-supply.gif) no-repeat top left;
		}		
	#sidebar li a#marine-application {
		background:url(/images/sidenav/marine-application.gif) no-repeat top left;
		}	
	#sidebar li a#hydroelectric {
		background:url(/images/sidenav/hydroelectric.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																												#sidebar li a#sewage {
		background:url(/images/sidenav/sewage.gif) no-repeat top left;
		}		
	#sidebar li a#agriculture {
		background:url(/images/sidenav/agriculture.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#mining-application {
		background:url(/images/sidenav/mining-application.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																							    #sidebar li a#fire-loops {
		background:url(/images/sidenav/fire-loops.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#lab-services {
		background:url(/images/sidenav/lab-services.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#welding-installing {
		background:url(/images/sidenav/welding-installing.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#training-center {
		background:url(/images/sidenav/training-center.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#company-profile {
		background:url(/images/sidenav/company-profile.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#pesco-history {
		background:url(/images/sidenav/pesco-history.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#mission-statement {
		background:url(/images/sidenav/mission-statement.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#projects {
		background:url(/images/sidenav/projects.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#nav-testimonials {
		background:url(/images/sidenav/testimonials.gif) no-repeat top left;
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																										
	#sidebar li a#factory-tour {
		background:url(/images/sidenav/factory-tour.gif) no-repeat top left;
		}	

	#sidebar li a#overview1:hover, #sidebar li a#overview1.active,
	#sidebar li a#overview2:hover, #sidebar li a#overview2.active,
	#sidebar li a#pressure-pipes:hover, #sidebar li a#pressure-pipes.active, 
	#sidebar li a#low-pressure-pipes:hover, #sidebar li a#low-pressure-pipes.active,
	#sidebar li a#gas-pipes:hover, #sidebar li a#gas-pipes.active,
	#sidebar li a#large-diameter-pipes:hover, #sidebar li a#large-diameter-pipes.active,
	#sidebar li a#fittings:hover, #sidebar li a#fittings.active,			
	#sidebar li a#manhole:hover, #sidebar li a#manhole.active,	
	#sidebar li a#machinery:hover, #sidebar li a#machinery.active,																																																	
	#sidebar li a#water-supply:hover, #sidebar li a#water-supply.active,
	#sidebar li a#marine-application:hover, #sidebar li a#marine-application.active,
	#sidebar li a#hydroelectric:hover, #sidebar li a#hydroelectric.active,
	#sidebar li a#sewage:hover, #sidebar li a#sewage.active,																																																																																															
	#sidebar li a#agriculture:hover, #sidebar li a#agriculture.active,																																																																																																																																																																																																																																																																																																																																																																																																																																																																																								    #sidebar li a#mining-application:hover, #sidebar li a#mining-application.active,																																																																																																
	#sidebar li a#fire-loops:hover, #sidebar li a#fire-loops.active,																																																																																																
	#sidebar li a#lab-services:hover, #sidebar li a#lab-services.active,																																																																																																
	#sidebar li a#welding-installing:hover, #sidebar li a#welding-installing.active,																																																																																																
	#sidebar li a#training-center:hover, #sidebar li a#training-center.active,																																																																																																
	#sidebar li a#company-profile:hover, #sidebar li a#company-profile.active,																																																																																																
	#sidebar li a#pesco-history:hover, #sidebar li a#pesco-history.active,																																																																																																
	#sidebar li a#mission-statement:hover, #sidebar li a#mission-statement.active,																																																																																																
	#sidebar li a#projects:hover, #sidebar li a#projects.active,																																																																																																
	#sidebar li a#nav-testimonials:hover, #sidebar li a#nav-testimonials.active,																																																																																																
	#sidebar li a#factory-tour:hover, #sidebar li a#factory-tour.active {
		background-position:-168px 0;
		}

/* dmenu */
.dmenu {
	font-size:11px;
	display:block;
}

.dmenu ul {
	display:block;
	border:1px solid #fff;
	border-top:none;
}

.dmenu ul li {
	display:block;
	border-top:1px solid #fff;
}

.dmenu ul li a {
	padding:5px 13px 5px 11px;
	background-color:#666;
	color:#fff;
	text-decoration:none;
}

.dmenu ul li a:hover, .dmenu ul li a.active {
	background-color:#000;
}

/* =Standard + Misc
----------------------------------------------- */
.clear {
	clear:both;
	}
.clear-left {
	clear:both;
	}
.clear-right {
	clear:right;
	}

