/*  W. W. Williams website // main stylesheet // Copyright 2009 
============================================================ */

body {
	behavior:url(/scripts/csshover.htc); /* IE hover states */
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:small;
	background-color:#444;
}

/* containers----------------------------------------------  */

#skip { /* skips directly to content for screenreaders */
	display:none;
}

#container {  /* main page container, centers content */
	width:1009px;
	margin:0 auto;
	background-image:url(/images/background_inner.jpg);
	background-repeat:repeat;
	padding:0;
}

#content {
	margin:0;
	padding:0;
}

#footer {
	margin:30px 0 0 30px;
	padding:0 0 10px 0;
	color:#777;
	width:300px;
}

#introbox {
	float:right;
	margin:0;
	padding:0;
	width:437px;
}

#introbox, #introprod { /* Distribution page partners */
	float:right;
	margin:0;
	padding:0;
	width:437px;
	background-image:url(../images/engines/intro/engines_bkgd.jpg);
	background-repeat:repeat-y;
}

.location { /* Find a Location button */
	text-align:right;
	margin:20px 450px 0 0;
	padding:0;
}

.broken_ie { /* fixes 3px jog in IE */
	_float:left;
}

#services { /* products & services pages */
	margin:0;
	padding:0 0 35px 0;
	background-image:url(/images/engines/services/services_bkgd.jpg);
	background-repeat:repeat-x;
	height:299px;
}

#tradeshow { /* logistics page */
	margin:70px 0 0 0;
	padding:0;
	background-image:url(/images/logistics/tradeshow/tradeshow_bkgd.jpg);
	background-repeat:repeat-y;
	position:relative;
}

#rental {
	margin:50px 0 0 0;
	background-image:url(/images/powergen/rental/rental_bkgd.png);
	background-repeat:repeat-x;
	height:335px;
}

#rentalsale {
	margin:0;
	min-height:600px;
	background-image:url(/images/powergen/rental/bkgd.gif);
	background-repeat:repeat-y;
}

#aboutus { /* about us  main container */
	background-image:url(/images/about/photo.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	_height:525px;
	min-height:525px;
	margin:0;
	padding:0;
	color:#fff;
}

#faq {
	background-image:url(/images/faq/photo.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	_height:525px;
	min-height:525px;
	margin:0;
	padding:0;
	color:#fff;
}

#answers {
	margin:0;
	padding:20px 80px;
}

#mtu_2cycle {
	padding:20px 30px;
}

	#mtu_2cycle .mtu_ddanimation {
		float:right;
		margin:20px 0 50px 0;
	}
	
	#mtu_2cycle .kit {
		margin:20px 0 0 0;
		padding:0;
		clear:both;
		background:url(/images/mtu/partbox_bkgd.png) repeat-y 0 0;
	}

#aboutus .text, #blank_landing .textright {
	width:325px;
	margin:0 80px 0 600px;
	padding:70px  0 50px 0;
}

#faq .text {
	width:325px;
	margin:0 80px 0 80px;
	padding:40px  0 0 0;
}

#employeeres { /* employee resources main container */
	background-image:url(/images/employeeresources/photo.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	_height:525px;
	min-height:525px;
	margin:0;
	padding:0;
	color:#fff;
}

#employeeres .text {
	margin:0 80px 0 50px;
	padding:50px  0 50px 0;
}

#products {
	margin:100px 0;
	padding:0;
	background-image:url(/images/engines/products/products_bkgd.gif);
	background-repeat:repeat-x;
}

	#logofloat {
		float:right;
		height:1%;
		width:540px;
		margin:50px 30px 0 0;
	}
	
		#logofloat ul {
			margin:0;
			padding:0;
			width:540px;
		}
		
			#logofloat li {
				display:block;
				float:left;
				width:180px;
				overflow:hidden;
				text-indent:-999em;
			}
			
			#logofloat li a {
				display:block;
				width:180px;
				height:86px;
			}
			
			li#logo-dd {
				background:url(../images/prodserv/logos/detroit-diesel.png) no-repeat -180px 0;
			}
			
			li#logo-deutz {
				background:url(../images/prodserv/logos/deutz.png) no-repeat -180px 0;
			}
			
			li#logo-mercedes {
				background:url(../images/prodserv/logos/mercedes-benz.png) no-repeat -180px 0;
				width:180px;
				height:86px;
			}
			
			li#logo-carrier {
				background:url(../images/prodserv/logos/carrier.png) no-repeat -180px 0;
			}
			
			li#logo-allison {
				background:url(../images/prodserv/logos/allison-transmission.png) no-repeat -180px 0;
			}
			
			li#logo-yanmar {
				background:url(../images/prodserv/logos/yanmar.png) no-repeat -180px 0;
			}
			
			li#logo-mtu {
				background:url(../images/prodserv/logos/mtu.png) no-repeat -180px 0;
			}
			
			li#logo-mtuonsite {
				background:url(../images/prodserv/logos/mtu-onsite-energy.png) no-repeat -180px 0;
			}
			
			li#logo-mtu2cycle {
				background:url(../images/prodserv/logos/mtu-2-cycle.png) no-repeat -180px 0;
			}
			
			li#logo-dependabuilt {
				background:url(../images/prodserv/logos/dependabuilt.png) no-repeat -180px 0;
			}
			
			li#logo-wheeltime {
				background:url(../images/prodserv/logos/wheeltime.png) no-repeat -180px 0;
			}
			
			li#logo-webasto {
				background:url(../images/prodserv/logos/webasto.png) no-repeat -180px 0;
			}
			
			li#logo-reddot {
				background:url(../images/prodserv/logos/reddot.png) no-repeat -180px 0;
			}

			li#logo-sterling {
				background:url(../images/prodserv/logos/sterling-trucks.png) no-repeat -180px 0;
			}
			
			li#logo-isuzu {
				background:url(../images/prodserv/logos/isuzu.png) no-repeat -193px 0;
			}
			
			li#logo-dd:hover, li#logo-deutz:hover, li#logo-carrier:hover, li#logo-allison:hover, li#logo-yanmar:hover, li#logo-mtu:hover, li#logo-mtuonsite:hover, li#logo-mtu2cycle:hover, li#logo-dependabuilt:hover, li#logo-wheeltime:hover, li#logo-webasto:hover, li#logo-reddot:hover, li#logo-sterling:hover, li#logo-isuzu:hover {
				background-position:0 0;
			}

#prodlisting {
	clear:both;
	margin:30px auto;
	padding:20px 0;
	width:950px;
}

#prodlisting .tablelist td {
	margin:0;
	padding:0 30px;
}

#prodlisting .midcolumn {
	border-left:2px dashed #888;
	border-right:2px dashed #888;
}

#prodlisting .twocolumn {
	border-left:2px dashed #888;
}

#bumper {
	margin:80px 30px 0 40px;
	padding:0;
}

	#bumper #major_product_lines {
		margin:0 0 0 120px;
		padding:0 0 30px 0;
		float:right;
	}
	
	#bumper .bumpercolumn {
		margin:0;
		padding:0;
		float:left;
		width:310px;
	}

#blank_landing {
	background-color:#fff;
	_height:525px;
	min-height:525px;
	margin:0;
	padding:0;
	color:#000;
}

#blank_landing .textleft {
	margin:0 0 0 50px;
	padding:50px 0 0 0;
	width:380px;
}

#introphoto {
	float:right;
}

.textfloat {
	float:left;
}

#findlocation { /* FAQ find location button */
	left:-80px;
	top:41px;
	_top:30px;
	position:relative;
	margin:0;
	z-index:99;
}

#popup {
	background-color:#c0ccd6;
	padding:20px 40px;
}

.dependabuilt_intro {
	float:right;
	margin:0;
	padding:0;
	width:437px;
}

.dependabuilt_sales {
	width:430px;
	margin:20px 7px 0 0;
	padding:10px 0 15px 0;
	border-top:1px dotted #888;
	border-bottom:1px dotted #888;
}

.dependabuilt_warranty {
	margin:0 0 0 30px;
	width:510px;
}

.clear {
	margin:1px 0;
	padding:0;
	clear:both;
}

/* navigation
------------------------------------------------------------------------------------------------ */

#nav ul {
	margin:0;
	padding:0;
	text-indent:0;
}

#nav ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#nav li ul {
	margin:0 0 0 13px;
	padding:0;
}


/* subnav ----------------------------------------------------------------- */


/* The Holly Hack */
* html .nav a { height: 1%; }

#nav li ul {
	position: absolute;
	z-index: 10; /* show the dropdowns above the images */
	left: -999em;
	list-style: none;
	width:180px;
	background-color:#fff;
	margin:0 0 0 10px;
	padding:10px 0 10px 10px;
 	opacity:.8;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	top:102px;
}

#nav li.sfhover ul.locationdrop { /* positioning for IE only */
	left:260px;
	padding:10px 5px;
}

#nav li.sfhover ul.jobdrop { /* positioning for IE only */
	left:605px;
	padding:10px 5px;
}

#nav ul li ul li {
	color:#fff;
	font-family:"Arial Narrow", Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	height:auto;
	margin:0;
	padding:0;
}

#nav ul li ul li a:link, #nav ul li ul li a:visited {
	display:block;
	float:left;
	color:#5a5a5a;
	text-indent:9px;
	padding:4px 0;
	height:auto;
	width:185px;
	text-align:left;
	text-decoration:none;
}

#nav ul li.sfhover ul li a:link, #nav ul li.sfhover ul li a:visited {
	font-size:10px;
}

#nav ul li ul li a:hover {
	color:#000;
}


/* text
------------------------------------------------------------------------------------------------- */


#content p {
	line-height:133%;
}

.imgfloat {
	float:left;
}

#introbox h1 {
	margin:0;
	padding:0;
}

#introbox p {
	padding:10px 20px;
	margin:0 0 15px 0;
	width:270px;
	line-height:140%;
	color:#3d3d3d;
}

#introprod p {
	padding:10px 20px;
	margin:0;
	width:380px;
	line-height:140%;
	color:#3d3d3d;
}

#introprod ul { /* Distribution/engines partners product/features list */
	padding-bottom:30px;
}

#introprod li { /* Distribution/engines partners list items */
	list-style:square;
	margin-left:10px;
	color:#555;
	line-height:133%;
}

#introprod h2 { /* Distribution/engines secondary headings */
	padding:10px 20px;
	color:#3d3d3d;
	margin:0;
	font-size:11pt;
}

#introprod dl { /* engines locations list */
	margin:0 0 20px 0;
	padding:0 40px 0 20px;
	float:left;
	display:block;
}

#introprod dl.right {
	border-left:1px dashed #3d3d3d;
	padding:0 0 0 30px;
}

	#introprod dt {
		margin:0;
		padding:0;
		color:#3d3d3d;
		font-weight:bold;
		font-size:9pt;
	}
	
	#introprod dd {
		margin:0 0 6px 0;
		padding:0;
		color:#3d3d3d;
		font-size:9pt;
	}


#products p {
	margin:0 0 0 270px;
	padding:50px 0;
}

#historyintro h2 , .text h2 {
	margin:0;
	padding:0;
}

#prodlisting h4 {
	color:#27608a;
	text-transform:uppercase;
	font-size:16px;
	margin:10px 0 0 0;
}

#prodlisting h5 {
	color:#27608a;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	margin-top:0;
}

#tradeshow #humvee {
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	left:684px;
}

#tradeshow table { /* forces trade show schedule alignment */
	margin:0 0 0 59px;
}

#tradeshow table tr.data td {
	border-right:1px dotted #888;
}

#tradeshow table tr.blue td {
	background-color:#dfe8ef;
}

#prodlisting h4, #tradeshow h4, #blank_landing h4, #popup h4 {
	color:#27608a;
	text-transform:uppercase;
	font-size:14px;
	margin:10px 0 0 0;
}

.dependabuilt_warranty h2 {
	margin:12px 0 5px 0;
	color:#333;
	font-size:120%;
	text-transform:uppercase;
	background:url(../images/transmissions/dependabuilt/warranty.gif) no-repeat 0 0;
	height:44px;
	text-indent:-999em;
}

.dependabuilt_warranty dl {
	margin:0 0 0 20px;
	color:#555;
}

	.dependabuilt_warranty dl dd {
		margin:5px 0 0 0;
		font-size:90%;
	}

.dependabuilt_sales h3 {
	height:81px;
	width:341px;
	padding:0;
	margin:5px auto;
}

.dependabuilt_sales p {
	margin:0;
	text-align:center;
	font-size:90%;
}

#bumper #major_product_lines dl {
	margin:0;
	padding:0;
}

	#bumper #major_product_lines dt {
		margin:0;
		padding:0;
	}
	
	#bumper #major_product_lines dd {
		display:block;
		float:left;
		height:70px;
		margin:0;
		padding:0;
	}

#bumper .bumpercolumn h2 {
	text-transform:uppercase;
	font-size:100%;
	margin:0 0 2px 0;
	padding:0;
	color:#0061a9;
}

#bumper .bumpercolumn dl {
	margin:0 0 20px 0;
	padding:0;
}

	#bumper .bumpercolumn dd {
		margin:0;
		padding:0;
	}

	#bumper .bumpercolumn dl.bumperlogos dd {
		margin:0 0 14px 0;
		padding:0;
	}

#bumper p.bumperlocation {
	margin:20px 0 0 0;
}

#answers h4 {
	color:#27608a;
	font-size:13px;
	margin:25px 0 0 0;
}

#answers p {
	margin:5px 0 0 0;
	line-height:133%;
}

#answers hr {
	border:1px dashed #999;
}

#prodlisting ul {
	margin:10px 0 50px 15px;
	padding:0;
}

#prodlisting li, #prodlisting p {
	line-height:133%;
	color:#3d3d3d;
}

#prodlisting p {
	margin:0;
	padding:0;
}

#services p {
	margin:0;
	padding:30px 0 0 0;
	font-size:11px;
	line-height:133%;
}

#services ul {
	margin:5px 0 0 590px;
	_margin:5px 0 0 0;
	padding:0;
}

#services li {
	margin:3px 15px 0 0px;
	_margin:3px 5px 0 630px;
	font-size:10.5px;
	padding:0;
}

#rental p {
	font-size:12px;
	line-height:140%;
	padding:50px 0 0 0;
	margin:0 20px 0 20px;
}

#rental ul {
	margin:15px 20px 0 500px;
	_margin:15px 20px 0 520px;
}

#rental li {
	font-size:11px;
	line-height:140%;
}

#historyintro p {
	color:#fff;
	font-size:11px;
	line-height:133%;
}

#employeeres .text ul {
	margin:20px 0 0 0;
	padding:0;
}

#rentalsale h2 {
	display:block;
	float:left;
	width:495px;
	font-size:11pt;
	text-transform:uppercase;
	text-align:center;
	color:#2e6fa0;
	background-color:#d9d9d9;
	padding:6px 0;
}

#rentalsale p {
	text-align:right;
}

#featlist {
	width:1009px;
	margin:0 auto;
	background-image:url(/images/powergen/rental/bkgd.gif);
	background-repeat:repeat-y;
}

	#featlist dl.left {
		text-align:right;
		float:left;
		margin:0 10% 0 15%;
		padding:0;
	}
	
	#featlist dl.right {
		text-align:left;
		margin:0;
		padding:0;
	}
	
	#featlist p {
		margin:20px 68px 0 0;
		padding:0 0 20px 0;
		text-align:right;
	}
	
	#featlist p a:link, #featlist p a:visited {
		color:#125687;
	}
	
	#featlist p a:hover {
		text-decoration:none;
	}

#employeeres .text li {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}

.pgnav {
	margin:0 0 0 20px;
	padding:10px 0;
	height:1.25em;
}

	.pgnav li {
		list-style:none;
		margin:0 1em 0 0;
		padding:0;
		display:block;
		float:left;
		font:1.1em/125% "Arial Narrow", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
	}

#footer small {
	font-family:"Arial Narrow", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.1em;
}


/*
new service pages
=================
*/

.service {
	margin:0;
	padding:0;
	position:relative;
}

.service h1 {
	margin-bottom:0;
	padding-bottom:0;
}

.service-childpage {
	margin:0;
	padding:0 0 0 50px;
	position:relative;
	width:480px;
}

.service-childpage h2 {
	text-transform:uppercase;
	text-decoration:underline;
	font:bold 1.1em/133% Helvetica, Arial, sans-serif;
	margin:20px 0 0 0;
}

	.service-childpage h2.first {
		margin:10px 0 0 0;
	}

	.service-childpage p, .service-childpage li {
		margin:0 0 5px 0;
	}

.prodservrent {
	margin:0 440px 0 48px;
	position:relative;
}

.prodservrent h2 {
	color:#505050;
	text-transform:uppercase;
	margin:22px 0 0 0;
	padding:0;
}

.prodservrent h3 {
	color:#125687;
	font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin:20px 0 0 0;
	padding:0;
}

.prodservrent ul#columns, .prodservrent ul#widecolumns {
	margin:0 0 5em 0;
	padding:0;
}

	ul#columns li {
		list-style:none;
		margin:0 38px 0 0;
		padding:0;
		width:133px;
		display:inline-block;
		vertical-align:top;
	}
		#columns li p {
			color:#505050;
			font:.9em/133% Helvetica, Arial, sans-serif;
			margin:10px 0 0 0;
		}

#widecolumns h3 {
	color:#125687;
	font:bold 1.33em/110% "Arial Narrow", Helvetica, Arial, sans-serif;
	display:inline-block;
}


	ul#widecolumns li {
		list-style:none;
		margin:0 10px 0 0;
		padding:0;
		width:225px;
		display:inline-block;
		vertical-align:top;
	}
	
		#widecolumns li ul {
			margin:9px 0 0 0;
			padding:0;
		}
		
		#widecolumns li ul li {
			color:#444;
			list-style:disc;
			display:list-item;
			float:none;
			width:auto;
			margin:4px 0 0 15px;
			padding:0;
			font:1em/130% Helvetica, Arial, sans-serif;
		}

.locationbox {
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	left:100%;
	top:97%;
	width:292px;
}


#introbox .pgnav a:link, #introbox .pgnav a:visited {
	padding:0;
	margin:0;
	text-decoration:none;
	color:#555;
}

	#introbox .pgnav a:hover, #introbox .pgnav a.on {
		color:#27608a;
		text-decoration:none;
	}


/* links
------------------------------------------------------------------------------------------------- */

a {
	outline:none;
}

.text a:link, .text a:visited {
	text-decoration:underline;
	color:#fff;
}

.text a:hover {
	text-decoration:none;
}

.dependabuilt_sales a {
	color:#777;
	text-decoration:none;
}

.dependabuilt_sales a:hover {
	color:#333;
	text-decoration:underline;
}

.partscontent a:link {
	text-decoration:underline;
	color:#3d3d3d;
}

.partscontent a:visited {
	text-decoration:underline;
	color:#999;
}

.partscontent a:hover {
	color:#005b9e;
}

#blank_landing a:link, #blank_landing a:visited, #answers a:link, #answers a:visited, h5 a:link, h5 a:visited, #services a:link, #services a:visited, #rental a:link, #rental a:visited {
	color:#125687;
	text-decoration:underline;
}

#blank_landing a:hover, #answers a:hover, h4 a:hover, #services a:hover, #rental a:hover {
	text-decoration:none;
	color:#000;
}

#footer small a:link, #footer small a:visited {
	color:#777;
	text-decoration:none;
	font-weight:bold;
}

#footer small a:hover {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}

#prodlisting h4 a:link, #prodlisting h4 a:visited, #popup a:link, #popup a:visited, #introbox a:link, #introbox a:visited {
	color:#27608a;
}

#prodlisting h4 a:hover, #popup a:hover, #introbox a:hover {
	color:#555;
	text-decoration:none;
}

p.bumperlocation a {
	color:#0061a9;
	text-decoration:none;
}

p.bumperlocation a:hover {
	color:#333;
	text-decoration:underline;
}


/* MTU 2-cycle
-------------------------------------------------------------------------------------- */


#mtu_2cycle h2 {
	font-family:"Arial Narrow", sans-serif;
	text-transform:uppercase;
	font-size:11pt;
	clear:left;
	padding:20px 0 0 0;
}

#mtu_2cycle ul.mtuintro {
	margin:0;
	padding:0;
}

	#mtu_2cycle ul.mtuintro li {
		display:block;
		float:left;
		width:276px;
		min-height:160px;
		font-size:10pt;
		line-height:160%;
		color:#555;
		margin:0 30px 0 0;
	}

#mtu_2cycle ul.mtulinks {
	margin:0;
	padding:0;
}

#mtu_2cycle ul.mtulinks li {
	font-family:"Arial Narrow", sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11pt;
	list-style:none;
	display:inline;
	margin:0 15px 0 0;
	padding:0;
}

	#mtu_2cycle ul.mtulinks li a {
		color:#685979;
	}
	
	#mtu_2cycle ul.mtulinks li a:hover {
		color:#555;
		text-decoration:none;
	}

#mtu_2cycle .kit dl {
	margin:0;
	padding:0;
}

	#mtu_2cycle .kit dl dt {
		margin:0 0 0 30px;
		padding:0;
		display:block;
		float:left;
	}
	
	#mtu_2cycle .kit dl dd {
		margin:30px 0 0 50px;
		width:450px;
		padding:0;
		display:block;
		float:left;
	}