﻿body {
    background:#081344 url(../img/bg.jpg) no-repeat center top;
    color:#333;
    font-size:11px;
    margin:0;
    padding:0;
    text-align:center;
}
ul, li, h3, h2, h1, p{
    padding:0;
    margin:0;
    list-style:none;
}
#wrapper {
	margin:0 auto;
	padding:0;
	width:960px;
	position:relative;
}
	.nav{
		float:right;
		width:732px;
		height:36px;
		background:transparent url(../img/menu.jpg) no-repeat 0 0;
		margin:0 auto;
		padding:0;
		list-style:none;
		position:relative;
		display:inline;
		overflow: hidden;
	}
		.nav li { display:inline; }
		.nav li a, .nav li a:link, .nav li a:visited {
			position: absolute;
			top: 0;
			height: 36px;
			text-indent: -9000px;
			overflow: hidden;
			z-index: 10;
		}
			/* Home
			---------------------------------------*/
			.nav .home a:link, .nav .home a:visited {
				left: 0;
				width: 122px;
				background: url(../img/menu.jpg) no-repeat 0 0;
			}
			.nav .home a:hover, .nav .home a:focus {
				background: url(../img/menu.jpg) no-repeat 0 -36px;
			}
			.nav .home a:active {
				background: url(../img/menu.jpg) no-repeat 0 -72px;
			}
			.current-home .home a:link, .current-home .home a:visited {
				background: url(../img/menu.jpg) no-repeat 0 -108px;
				cursor: default;
			}
			.nav-home, .nav-home-click {
				position: absolute;
				top: 0;
				left: 0;
				width: 122px;
				height: 36px;
				background: url(../img/menu.jpg) no-repeat 0 -36px;
			}
			.nav-home-click {
				background: url(../img/menu.jpg) no-repeat 0 -72px;
			}

			/* Company Info
			---------------------------------------*/
			.nav .companyinfo a:link, .nav .companyinfo a:visited {
				left: 122px;
				width: 122px;
				background: url(../img/menu.jpg) no-repeat -122px 0;
			}
			.nav .companyinfo a:hover, .nav .companyinfo a:focus {
				background: url(../img/menu.jpg) no-repeat -122px -36px;
			}
			.nav .companyinfo a:active {
				background: url(../img/menu.jpg) no-repeat -122px -72px;
			}
			.current-companyinfo .companyinfo a:link, .current-companyinfo .companyinfo a:visited {
				background: url(../img/menu.jpg) no-repeat -122px -108px;
				cursor: default;
			}
			.nav-companyinfo, .nav-companyinfo-click {
				position: absolute;
				top: 0;
				left: 122px;
				width: 122px;
				height: 36px;
				background: url(../img/menu.jpg) no-repeat -122px -36px;
			}
			.nav-companyinfo-click {
				background: url(../img/menu.jpg) no-repeat -122px -72px;
			}

			/* Product Lines
			---------------------------------------*/
			.nav .productlines a:link, .nav .productlines a:visited {
				left: 244px;
				width: 122px;
				background: url(../img/menu.jpg) no-repeat -244px 0;
			}
			.nav .productlines a:hover, .nav .productlines a:focus {
				background: url(../img/menu.jpg) no-repeat -244px -36px;
			}
			.nav .productlines a:active {
				background: url(../img/menu.jpg) no-repeat -244px -72px;
			}
			.current-productlines .productlines a:link, .current-productlines .productlines a:visited {
				background: url(../img/menu.jpg) no-repeat -244px -108px;
				cursor: default;
			}
			.nav-productlines, .nav-productlines-click {
				position: absolute;
				top: 0;
				left: 244px;
				width: 122px;
				height: 36px;
				background: url(../img/menu.jpg) no-repeat -244px -36px;
			}
			.nav-productlines-click {
				background: url(../img/menu.jpg) no-repeat -244px -72px;
			}

			/* Divisions
			---------------------------------------*/
			.nav .divisions a:link, .nav .divisions a:visited {
				left: 366px;
				width: 122px;
				background: url(../img/menu.jpg) no-repeat -366px 0;
			}
			.nav .divisions a:hover, .nav .divisions a:focus {
				background: url(../img/menu.jpg) no-repeat -366px -36px;
			}
			.nav .divisions a:active {
				background: url(../img/menu.jpg) no-repeat -366px -72px;
			}
			.current-divisions .divisions a:link, .current-divisions .divisions a:visited {
				background: url(../img/menu.jpg) no-repeat -366px -108px;
				cursor: default;
			}
			.nav-divisions, .nav-divisions-click {
				position: absolute;
				top: 0;
				left: 366px;
				width: 122px;
				height: 36px;
				background: url(../img/menu.jpg) no-repeat -366px -36px;
			}
			.nav-divisions-click {
				background: url(../img/menu.jpg) no-repeat -366px -72px;
			}
			
			/* Our Customers
			---------------------------------------*/
			.nav .ourcustomers a:link, .nav .ourcustomers a:visited {
				left: 488px;
				width: 122px;
				background: url(../img/menu.jpg) no-repeat -488px 0;
			}
			.nav .ourcustomers a:hover, .nav .ourcustomers a:focus {
				background: url(../img/menu.jpg) no-repeat -488px -36px;
			}
			.nav .ourcustomers a:active {
				background: url(../img/menu.jpg) no-repeat -488px -72px;
			}
			.current-ourcustomers .ourcustomers a:link, .current-ourcustomers .ourcustomers a:visited {
				background: url(../img/menu.jpg) no-repeat -488px -108px;
				cursor: default;
			}
			.nav-ourcustomers, .nav-ourcustomers-click {
				position: absolute;
				top: 0;
				left: 488px;
				width: 122px;
				height: 36px;
				background: url(../img/menu.jpg) no-repeat -488px -36px;
			}
			.nav-ourcustomers-click {
				background: url(../img/menu.jpg) no-repeat -488px -72px;
			}

			/* Contact Us
			---------------------------------------*/
			.nav .contactus a:link, .nav .contactus a:visited {
				left: 610px;
				width: 122px;
				background: url(../img/menu.jpg) no-repeat -610px 0;
			}
			.nav .contactus a:hover, .nav .contactus a:focus {
				background: url(../img/menu.jpg) no-repeat -610px -36px;
			}
			.nav .contactus a:active {
				background: url(../img/menu.jpg) no-repeat -610px -72px;
			}
			.current-contactus .contactus a:link, .current-contactus .contactus a:visited {
				background: url(../img/menu.jpg) no-repeat -610px -108px;
				cursor: default;
			}
			.nav-contactus, .nav-contactus-click {
				position: absolute;
				top: 0;
				left: 610px;
				width: 122px;
				height: 36px;
				background: url(../img/menu.jpg) no-repeat -610px -36px;
			}
			.nav-contactus-click {
				background: url(../img/menu.jpg) no-repeat -610px -72px;
			}

		/*.nav li{
			margin:0 20px;
			padding:0;
			font:lighter 14px/36px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			display:inline;
		}
		.nav a{
			color:white;
			text-decoration:none;
		}*/
		#logo{ float: left; }
		#logo h1 a{
			display: block;
			color: #fff;
			background: url(../img/pctlogo.jpg) no-repeat center top;
			text-indent: -99999px;
			height: 157px;
			width: 288px;
			border: 0;
			margin: 0;
		}
		.tagline{ float: right; }
		.tagline h1{
			display: block;
			color: #fff;
			background: url(../img/tagline.jpg) no-repeat center top;
			text-indent: -99999px;
			display: block;
			height: 157px;
			width: 672px;
			border: 0;
			margin: 0;
		}
	#sectionwrapper {
	float:left;
	width:960px;
	overflow:hidden;
	position:relative;
	height:615px;
	margin:0;
	padding:0;
	list-style:none;
	background:none; /*#081344*/
	text-align:left;
	}
	.section {
	width:4900px; /* This number must be equal to width from .section .sub
					 (plus margins/padding/border) times x-number of pages wide.
					 Basically total the box model from .section .sub. */
	position:relative;
	list-style:none;
	}
	.section ul { list-style:none; }
	.section .sub {
		width:960px;
		height:615px;
		position:relative;
		float:left;
		display:inline;
		margin:0 20px 20px 0;
		padding:0;
		background:#fff url(../img/contenttopgrad.jpg) repeat-x 0 0;
	}
	.section #home { /*background:#fff url(../img/homepagebg3.jpg) no-repeat right top;*/ }
	.section #section4c, .section #section4d {
		text-align:center;
	}
	.section #section4c img, .section #section4d img {
		margin-top:150px;
	}
		.section .next, .section .prev {
			font-size:18px;
			position:absolute;
			top:30px;
			letter-spacing:-2px;
		}
		.section .next { left:60px; }
		.section .prev { left:30px; }
	
		h1 a.logo {
			float:left;
			display:block;
			color:#1a254a;
			background:transparent url(../img/logo2.jpg) no-repeat 0 0;
			text-indent:-99999px;
			width:400px;
			height:283px;
			margin:93px 0 0 64px;
		}
		span#tagline {
			float:left;
			display:block;
			background:transparent url(../img/tagline.gif) no-repeat 0 0;
			text-indent:-99999px;
			width:326px;
			height:142px;
			margin:131px 0 0 41px;
		}
		/*ul#mainboxnav {
			background:#b4c2d6 url(../img/mainboxnav.jpg) no-repeat 0 0;
			float:left;
			display:inline;
			width:230px;
			height:485px;
			margin:65px 0 0 40px;
			padding:0 0 0 20px;
			color:#fff;
		}
		ul#mainboxnav li {
			margin:0;
			padding: 10px 0 0 0;
			width:230px;
			height:151px;
		}*/
		div#pics {
			background:transparent;
			width:884px;
			height:163px;
			margin:65px 0 20px 35px;
			padding:0;
			color:#fff;
		}
		div#pics a img {
			border:none;
		}
		
		div#linkstopages {
			font: bold 12px/16px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			color:#081344;
			background:#c4c4c4 url(../img/bluebox.jpg) no-repeat 0 0;
			display:block;
			width:834px;
			height:258px;
			margin:0 0 0 35px;
			padding:0 25px 25px 25px;
		}
		div#linkstopages h2 {
			font: bold 24px/51px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			color:#fff;
		}
		div#linkstopages a { color:#081344;text-decoration:none; }
		div#linkstopages a:hover { color:#081344;border-bottom:1px solid #081344; }
		div#missionstatement{
			float:left;
			width:260px;
			margin:0 55px 0 0;
			padding:0;
		}
		div#missionstatement p{
			font: bold 16px/22px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			color:#081344;
			width:260px;
			margin:15px 0 0 0;
			padding:0;
		}
		
		div#ourproducts {
			float:left;
			width:240px;
			margin: 0 54px 0 0;
		}
		div#ourproducts h2 { 
			margin:0;
		}
		div#ourproducts a img {
			border:none;
			margin-top:20px;
		}
		div#ourproducts a:hover {
			text-decoration:none;
		}
		div#ourdivisions {
			float:left;
			width:225px;
		}
		div#ourproducts ul#productlines {
			font: 16px/20px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			color:#081344;
			float:left;
			width:250px;
			margin-top:15px;
		}
		div#ourdivisions ul#divisions {
			font: 16px/20px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			color:#081344;
			float:left;
			width:225px;
			margin-top:15px;
		}
		div#linkstopages ul#productlines li, div#linkstopages ul#divisions li { margin-bottom:5px; }
		ul#mainboxnav li a {
			color:#fff;
			text-decoration:none;
			display:block;
		}
		ul#mainboxnav li a span.arrowcircle {
			background:transparent url(../img/arrowcircle.jpg) no-repeat 196px 0;
			display:block;
			font:bold 18px/24px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			margin-bottom:5px;
		}
		ul#mainboxnav li a span.arrowcircle img {
			margin:0 0 -8px 10px;
			padding:0;
			border:none;
		}
		ul#mainboxnav li a span.description {
			font:lighter 12px/16px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			margin-bottom:10px;
			display:block;
			padding-right:20px;
		}
		ul#mainboxnav li a span.description em {
			margin:0 0 -10px 0;
			display:block;
			color:#104283;
		}
		span.gears {
			position:absolute;
			display:inline-block;
			background:transparent url(../img/gearsman.jpg) no-repeat 0 0;
			text-indent:-99999px;
			width:620px;
			height:228px;
			top:310px;
			left:320px;
		}
		#home p {
			font:lighter 14px/18px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			color:#1a254a;
			width:300px;
			float:right;
			display:inline;
			margin:20px 0px 0 40px;
		}
		#home p.first { margin-top:60px; }
		div.productlinks { position:absolute; top:200px; left:0; }
		div.subnavwrapper {
			float:left;
			display:inline;
			width:200px;
			margin:80px 0 0 0;
			background:transparent url(../img/submenutop.jpg) no-repeat top left;
			padding-top:10px;
		}
		div.subnav {
			padding:0;
			background: transparent url(../img/submenu.jpg) repeat-y top left;
		}
			div.subnav ul {
				list-style-type:none;
				background:transparent url(../img/submenubottom.jpg) no-repeat bottom left;
				padding:0 0 10px 20px;
			}
				div.subnav ul li {
					font:lighter italic 12px/16px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
					color:#fff;
					padding:6px 0 2px 0;
					width:174px;
					/*border:1px solid red;*/
				}
					div.subnav ul li a {
						color:#fff;
						text-decoration:none;
					}
					div.subnav ul li a:hover { border-bottom:1px solid #fff; }
					div.subnav ul ul {
						margin: 9px 0 0 0;
						background:none;
					}
						div.subnav ul ul li { width:153px; }
							div.subnav ul ul ul li { width:132px; }
			div.subnav h4 {
				font:bold italic 16px/16px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
				color:#fff;
				margin:0;
				padding:0 0 10px 0;
				text-align:center;
			}
			div.subnav h4 a {
				font:bold italic 16px/16px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
				color:#fff;
				text-decoration:none;
			}
			div.subnav h4 a:hover {
				border-bottom: 2px solid #fff;
			}
			div.subnav p {
				text-align:center;
				background:transparent url(../img/submenubottom.jpg) no-repeat bottom left;
				padding:0 20px 10px 20px;
				font:lighter italic 12px/16px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
				color:#fff;
			}
			div.subnav p a img { border:none; }
		.content {
			float:right;
			display:inline;
			width:680px;
			margin:40px 40px 0 0;
			overflow:hidden;
		}
			.content h2 {
				color:#9a1d20;
				font:bold 26px/26px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
				margin:0 0 11px 0;
				padding:0;
			}
			.content h3 {
				color:#9a1d20;
				font:italic 21px/21px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
				margin: 0 0 20px 0;
				padding:0;
			}
			.content h4 {
				color:#9a1d20;
				font:italic 16px/16px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
				margin: 0 0 10px 0;
				padding:0;
			}
			.content p, .content address {
				color:#1a254a;
				margin:0 0 20px 0;
				font:normal 14px/18px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
			}
			.content address { margin-bottom:0; }
			.content p a {
				color:#104283;
				text-decoration:none;
				border-bottom:1px solid #104283;
			}
			.content a img { border:none; }
			.content p img {
				margin:0;
				padding:0;
			}
			.content img {
				margin:0 0 0 105px;
				padding:0;
			}
			.content img.right {
				float:right;
				margin: 10px 0 0 15px;
			}
			li.sub div.content ul {
				margin:0 0 11px 33px;
			}
			.content ul li {
				color:#1a254a;
				font:normal 14px/18px "Trebuchet MS", Calibri, Arial, sans-serif, sans;
				list-style:disc outside;
				margin:5px 0;
			}
			.content div.projects {
				width:635px;
				border:1px solid #c8c7c5;
				padding:20px;
				margin-bottom:20px;
			}
				.content div.projects p { margin-bottom:0; }
			.content div.partners img {
				margin:0;
				padding:0;
			}