@charset "utf-8";
/* CSS Document */
body {
	background:#fff;
	font:normal 12px/16px Tahoma, Geneva, Verdana, sans-serif;
	color:#383838;
}
	h1,h2,h3,h4,h5,h6 {
		color:#383838;
	}
	.hide {
		background:none;
		font-size:1px;
		display:none;
		height:0;
		left:-9999px;
		overflow:hidden;
		position:absolute;
		top:-9999px;
		width:0;
		z-index:0;
		line-height:0px;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	#wrapper {
		margin:0 auto 0;
		padding:52px 0 0;
		width:979px;
	}
		#sidebar {
			float:left;
			margin-right:1px;
			width:275px;
		}
			#menu {
				background:url(../images/blue-bg.jpg) no-repeat;
				height:283px;
			}
				#logo h1 a {
					background:url(../images/logo.png) no-repeat;
					display:block;
					float:left;
					height:67px;
					margin:18px 24px 0 20px;
					text-indent:-9999px;
					width:231px;
				}
				#nav {
					float:left;
					padding:20px 0 0 24px; 
				}
				#nav li a {
					background:url(../images/navigation.png) no-repeat;
					display:block;
					height:12px;
					margin-bottom:12px;
					text-indent:-999em;
					width:77px;
				}
				#nav li .home { background-position:0 0; }
				#nav li .roppCaps { background-position:0 -12px; }
				#nav li .capSeals { background-position:0 -24px; }
				#nav li .liners { background-position:0 -36px; }
				#nav li .clients { background-position:0 -48px; }
				#nav li .contactUs { background-position:0 -60px; }
				#nav li .aboutUs { background-position:0 -72px; }
				#nav li .home:hover { background-position:-77px 0; }
				#nav li .roppCaps:hover { background-position:-77px -12px; }
				#nav li .capSeals:hover { background-position:-77px -24px; }
				#nav li .liners:hover { background-position:-77px -36px; }
				#nav li .clients:hover { background-position:-77px -48px; }
				#nav li .contactUs:hover { background-position:-77px -60px; }
				#nav li .aboutUs:hover { background-position:-77px -72px; }
			#contact {
				background:url(../images/gray-sidebar-bg.gif) repeat-x;
				color:#707070;
				font-size:11px;
				height:76px;
				line-height:14px;
				padding:12px 0px 0 15px;
			}
				#contact h3 { 
					color:#707070;
					margin-bottom:8px;
				}
				#contact .infoLeft {
					float:left;
					width:130px;
				}
				#contact .infoRight {
					float:left;
					width:120px;
				}
			.fadeBg { min-height:176px; }
		#intro {
			float:left;
			height:371px;
			width:703px;
		}
			#tagline {
				background:url(../images/tagline-bg.png) repeat;
				padding:17px 20px;
				position:relative;
				top:186px;
				z-index:100;
			}
			#tagline h1 {
				color:#fff;
				font:bold 30px Arial, Helvetica, sans-serif;
				letter-spacing:-1px;
			}
			#tagline h3 {
				color:#fff;
				font:bold 18px Arial, Helvetica, sans-serif;
				letter-spacing:-0.5px;
			}
		#main {
			float:left;
			min-height:251px;
			padding:120px 112px 0 33px;
			width:558px;
		}
			#main .imgLeft { float:left; }
			#main .strong { font-weight:bold; }
			#main a { color:inherit; text-decoration:none; }
			#main a:hover { text-decoration:underline; }
			#main p {
				font:normal 12px Tahoma, Geneva, sans-serif;
				margin-bottom:16px;
			}
			#main h2 {
				height:16px;
				margin-bottom:20px;
				text-indent:-999em;
			}
			#main .list {
				list-style:disc;
				margin-left:25px;
			}
			#main .list2 {
				margin-left:15px;
			}
			#main .list2 {
				margin-left:15px;
			}
			.bullet { 
				float:left;
				width:12px;
			}
			#main .repRoppCaps { background:url(../images/replace-ropp-caps.gif) no-repeat; }
			#main .repCapSeals { background:url(../images/replace-cap-seals.gif) no-repeat; }
			#main .repLiners { background:url(../images/replace-liners.gif) no-repeat; }
			#main .repClients { background:url(../images/replace-clients.gif) no-repeat; }
			#main .repAbout { background:url(../images/replace-about-us.gif) no-repeat; }
			#main .repContact { background:url(../images/replace-contact-us.gif) no-repeat; }
			
			.headerRoppCaps { background:url(../images/header-ropp-caps.jpg) no-repeat; }
			.headerCapSeals { background:url(../images/header-cap-seals.jpg) no-repeat; }
			.headerLiners { background:url(../images/header-liners.jpg) no-repeat; }
			.headerClients, .headerAbout { background:url(../images/header-clients-about.jpg) no-repeat; }
			.headerContact { background:url(../images/header-contact-us.jpg) no-repeat; }
			.capBox {
				background-color:#e8e4e4;
				margin-bottom:24px;
				overflow:hidden;
				width:558px;
			}
				.specs {
					float:left;
					font-weight:bold;
					padding:20px 0 0 27px;
					width:73px;
				}
				.desc {
					float:left;
					padding:20px 10px 0 0;
					width:220px;
				}
					.desc li {
						background:url(../images/colon.gif) no-repeat left 6px;
						padding-left:25px;
					}
			.clientLeft, .clientRight {
				float:left;
				width:275px;
			}
			.clientLists {
				margin-bottom:20px;
				width:275px;
				height:auto;
			}
			#form {
				float:left;
				width:285px;
			}
				#form .info {
					margin-bottom:8px;
				}
				#form label {
					float:left;
					width:85px;
				}
			#contactInfo {
				background:#e8e4e4;
				float:left;
				padding:15px 13px 0 18px;
				width:160px;
			}
				#contactInfo h4, #contactInfo p {
					font-size:11px;
					line-height:normal;
				}
				#contactInfo a {
					text-decoration:none;
				}
				.locationMap {
					background:url(../images/icon-magnify.gif) no-repeat left 2px;
					padding-left:15px;
				}
		#footer {
			border-top:solid 1px #a3bed2;
			color:#707070;
			float:left;
			font-size:11px;
			margin:22px auto 0;
			padding:4px 0 50px;
			width:975px;
		}
			#footer p { float:left; }	
			#footerNav { float:right; }
			#footerNav li { display:inline; }
			#footerNav span { margin:auto 4px; }
			#footerNav li a {
				color:#707070;
				text-decoration:none;
			}
			#footerNav li a:hover {
				text-decoration:underline;
			}