/* screen styles */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
	Typography and Inline Elements
	Headings (specific H1 styles for individual categories)
	Menu
	Sub Menus
*/

/* Non-displaying Elements*/
#slogan span, h1 span, #menu a span{display:none;}
#menu a {text-indent:-9999px; overflow:hidden;}
#menu ul ul a {text-indent:0}

/* Layout */
html {
	height:100%;
}
body {
	text-align:center;
	height: 100%;
	background: #000000 url(images/layout/bg.png) repeat fixed left top;
	font-size: 15px;
	line-height:1.5em
}
#container {
	background:transparent url(images/layout/contentBg.png) repeat-y top right;
	height:auto;
	position:relative;
	text-align:left;
	width:751px;
	margin: 0 auto;
}
#menu {
	width: 167px;
	position: absolute;
	background: url(images/layout/menuBg.png) repeat-y left top;
	top: 270px;
	z-index: 5;
}

#menuBottom {
	height:18px;
	width:167px;
	background: url(images/layout/menuBottom.png) no-repeat left top;
}
#overMenu {
	position:absolute;
	width:167px;
	height:270px;
	background:url(images/layout/overMenu.png) no-repeat left top;
}
#logoPart{
	background:transparent url(images/layout/logoPart.png) no-repeat left top;
	position:absolute;
	width:39px;
	height:133px;
	top:61px;
	left:167px;
}
#topImage {
	position:absolute;
	left:206px;
	top:0px;
	height:168px;
	width:510px;
	background:url(images/layout/topImage.png) no-repeat left top;
}
#slogan {
	background:url(images/layout/slogan.png) no-repeat left top;
	position:absolute;
	height:65px;
	width:510px;
	top:168px;
	left:206px;
}
#content {
	background:url(images/layout/optimizedTruck.png) no-repeat 73px bottom;
	padding:250px 55px 195px 230px;
	position:relative;
	height:100%;
	z-index:1;
	height:400px
}
* > #content {height:auto;	min-height:400px;}

#extraStuff{
	text-align: left;
	font-size: 0.8em;
	margin: 1em 0 0;
	border-top: 1px dashed #D4D4D4;
	position: absolute;
	width: 350px;
	padding:1em 0 1em 116px;
}
.blockLink {
	width: auto;
	text-transform: lowercase;
	font-size: 0.9em;
	border: 1px solid #B97B00;
	color: #B97B00;
	padding: 0em 0.25em;
	text-decoration: none;
	margin: 0 1em 0 0;
}
#nav {
	text-align: left;
	font-size: 0.6em;
	margin-bottom: 1em;
	color: #666666;
	border-bottom: 1px dashed #D4D4D4;
}

/* Typography and Inline Elements */
h1 {
	border-style: none;
}
p {
	color: #333333;
}
a:link {
	color: #B97B00;
}
a:visited {
	color: #6D5642
}
a:hover, a:active {
	color: #333333;
}
.imageAndCaption, .thumbnails, img.right, img.left {background: url(images/layout/imgAndCaptionBg.png);}

img.right, img.left {padding:2px; border:1px solid #BFBFBF;}

#nav a {
	color: #666666;
	text-decoration: none;
}
#nav a:hover, #nav a:active {
	text-decoration:underline;
}

/* Headings (specific H1 styles for individual categories) */
h1 {
	display:block;
	width:466px;
	padding-top:35px;
	background-position:top left;
	background-repeat:no-repeat;
}
h1 span {
	padding-top:0;
	display:block;
	height:0px;
	overflow: hidden;
}

#home h1{background-image:url(images/layout/headingsHome.png)}
#products h1{background-image:url(images/layout/headingsProducts.png)}
#customFabrication h1{background-image:url(images/layout/headingsCustomFabrication.png)}
#fieldService h1{background-image:url(images/layout/headingsFieldService.png)}
#truckBody h1{background-image:url(images/layout/headingsTruckBodies.png)}
#contactInfo h1 {background-image:url(images/layout/headingsContactInfo.png)}
#aboutUs h1 {background-image:url(images/layout/headingsAbout.png)}
#rebuilds h1 {background-image:url(images/layout/headingsRebuilds.png)}
#newsAndMedia h1 {background-image:url(images/layout/headingsNewsAndMedia.png)}
#waterTruckBodies h1 {background-image:url(images/layout/headingsWaterTruckBodies.png)}


/* Menu */
#menu ul, #menu li {
	font-size: 0.9em;
	line-height:1.2em;
	margin:0;
}
#menu a {
	background-repeat:no-repeat;
	display: block;
	height: 28px;
	width: 159px;
	margin: 1px 4px;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	text-decoration: none;
	color:#333333;
}
#menu a:link,#menu a:visited{
	background-position: left top;
}
#menu a:hover,#menu a:active{
	background-position: left bottom;
	color:#B97B00;
}
#homeBtn {background-image:url(images/layout/menuHome.png);}
#productsBtn {background-image:url(images/layout/menuProducts.png);}
#customFabricationBtn {background-image:url(images/layout/menuCustomFabrication.png);}
#fieldServiceBtn {background-image: url(images/layout/menuFieldService.png);}
#truckBodyBtn {background-image:url(images/layout/menuTruckBodies.png);}
#contactInfoBtn {background-image:url(images/layout/menuContactInfo.png);}
#aboutUsBtn {background-image:url(images/layout/menuAboutUs.png);}
#rebuildsBtn {background-image:url(images/layout/menuRebuilds.png);}
#newsAndMediaBtn {background-image:url(images/layout/menuNewsAndMedia.png);}
#waterTruckBodiesBtn {background-image:url(images/layout/menuWaterTruckBodies.png);}

#home #homeBtn,
#products #productsBtn, 
#customFabrication #customFabricationBtn,
#fieldService #fieldServiceBtn,
#contactInfo #contactInfoBtn,
#aboutUs #aboutUsBtn,
#rebuilds #rebuildsBtn,
#truckBody #truckBodyBtn,
#newsAndMedia #newsAndMediaBtn, 
#waterTruckBodies #waterTruckBodiesBtn{
	background-position:left center;
}
#menu ul ul li{
	margin:3px 10px 3px 10px;
	list-style:disc outside;
	display:list-item;
}
#menu ul ul a:link,#menu ul ul a:visited, #menu ul ul a:hover, #menu ul ul a:active{
	background-position:right top; /* Stops IE6 from doing some weird things... */
	border:0px none transparent;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	display:inline
}
#menu ul, #menu li {
	/* fix IE6 and IE7 List bug */
	display: inline;
}