/* MidwestFire.com */
/* Fused Creative (teamfused.com) */

body {
	background:#000 url('../gfx/road-bg-feathered.jpg') no-repeat center top fixed; 
	margin: auto;
	padding-bottom: 60px;
}


/* Background BlackOut until Preload */
div#blackOut {
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	height: 100%; 
	width: 100%;
	z-index:-10;
}

a img { border: 0px; }
img {
	border: 0px;
	}
img.padRight { margin: 0px 8px 0px 0px; float: left; }


/* HEADER ELEMENTS */

div#header {
	position: relative;
	width: 100%;
	height: 100px;
	background: url('../gfx/header-bg-tile.png') repeat;
	}
	div#header .container {
		position: inherit;
		width: 884px;
		padding-top: 8px;
		height: 90px;
		margin: auto;
		
		
		}
		div#header .container .left {
			position: inherit;
			width: 225px;
			float: left;
			}
		div#header .container .right {
			position: inherit;
			width: 640px;			
			float: right;
			text-align: right;
			padding-top: 15px;
			
			}
			/* Create-A-Spec Button */
			div#header .container .right .cSpec {
				width: 190px;
				height: 62px;
				margin-left: 4px;
				margin-right: 4px;
				float: right;
				overflow: hidden;
				}
				div#header .container .right .cSpec a {
					display: block;
					width: 190px;
					height: 62px;
					background: url('../gfx/menu/upper-nav/create-a-spec.png') no-repeat top;
					}
				div#header .container .right .cSpec a:hover {
					background-position: bottom;
					}
			/* Live Chat Button */
			div#header .container .right .lChat {
				width: 190px;
				height: 62px;
				margin-left: 4px;
				margin-right: 4px;
				float: right;
				overflow: hidden;
				}
				div#header .container .right .lChat a {
					display: block;
					width: 190px;
					height: 62px;
					background: url('../gfx/menu/upper-nav/live-chat.png') no-repeat top;
					}
				div#header .container .right .lChat a:hover {
					background-position: bottom;
					}
			/* Truck Finder */
			div#header .container .right .tFinder {
				width: 190px;
				height: 62px;
				margin-left: 4px;
				margin-right: 4px;
				float: right;
				overflow: hidden;
				}
				div#header .container .right .tFinder a {
					display: block;
					width: 190px;
					height: 62px;
					background: url('../gfx/menu/upper-nav/truck-finder.png') no-repeat top;
					}
				div#header .container .right .tFinder a:hover {
					background-position: bottom;
					}
			
			
			
			/* Truck Finder Form */
			div#header .container .right .truckFinder {
				width: 390px;
				height: 38px;
				padding-left: 15px;
				padding-top: 12px;
				background-color: #000;
				font-family: "Trebuchet MS", Helvetica, Arial;
				font-size: 1em;
				color: #fff;
				font-weight: bold;
				
				float: right;
				}
				div#header .container .right .truckFinder ul {
					margin: 0px;
					padding: 0px;
					}
					div#header .container .right .truckFinder ul li.forms {
						display: block;
						float: left;
						width: 57px;
						padding-right: 2px;
						height: 25px;
					
						}
					div#header .container .right .truckFinder ul li.option {
						display: block;
						float: left;
						width: 99px;
						padding-right: 2px;
						height: 25px;
					
						}
					div#header .container .right .truckFinder ul li.submitLi {
						display: block;
						float: left;
						width: 32px;
						padding-right: 2px;
						height: 25px;
					
						}
					div#header .container .right .truckFinder ul li.text {
						display: block;
						float: left;
						width: 170px;
						padding-right: 8px;
						padding-top: 3px;
						height: 22px;
						
						}
					
						div#header .container .right .truckFinder ul li.forms input {
							display: block;
							margin-right: 2px;
							width: 55px;
							border: 0px;
							height: 22px;
							padding-left: 2px;
							font-size: .70em;
							}
						div#header .container .right .truckFinder ul li.submitLi input {
							display: block;
							background: url("../gfx/red-submit-arrow.jpg");
							font-weight: bold;
							font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
							color: white;
							width: 32px;
							border: 0px;
							height: 23px;
							font-size: .80em;
							cursor: pointer;
							}

						div#header .container .right .truckFinder ul li.option select {
							display: block;
							margin-right: 2px;
							width: 95px;
							font-size: .6em;
							height: 23px;
							}


/* END OF HEADER ELEMENTS */					
				
		

				
/* MENU ELEMENTS */	
		
div#menu {
	position: relative;
	width: 100%;
	height: 43px;
	background: url(../gfx/menu-footer-bg-tile.png) repeat;
	z-index: 2;
	}

	div#menu .container {
	position: inherit;
	width:884px;
	height: 43px;
	clear: both;
	margin: auto;
	}
	
	div#menu .container ul {
		display: block;
		margin: 0px;
		padding: 0px;
		font-family: "Trebuchet MS", Helvetice, Verdana, sans-serif;
		color: #fff;
		font-size: .85em;
		font-weight: bold;
		float: left;
		}
		 div#menu .container ul li {
			width: auto;
			float: left;
			height: 43px;
			} 
			
			
			/* HOME */
			div#menu .container ul li.home {				
				width: 67px;
				}
			div#menu .container ul li.home a {
				display: block;
				width: 67px;
				background: url('../gfx/menu/home.png') top left no-repeat;
				height: 43px;				
				}
			div#menu .container ul li.home a:hover {
				background-position: bottom left;
				}			
						
				
			
				
			/* Stock Units */
			div#menu .container ul li.stockUnits {
				width: 125px;
				}
			div#menu .container ul li.stockUnits a {
				display: block;
				width: 125px;
				background: url('../gfx/menu/stock-units.png') top left no-repeat;
				height: 43px;				
				}
			div#menu .container ul li.stockUnits a:hover {
				background-position: bottom left;
				}
				
				
				
			/* APPARATUS */
			div#menu .container ul li.apparatus {
				width: 117px;
				}
			div#menu .container ul li.apparatus a {
				display: block;
				width: 117px;
				background: url('../gfx/menu/apparatus.png') top left no-repeat;
				height: 43px;				
				}
			div#menu .container ul li.apparatus a:hover {
				background-position: bottom left;
				}
			div#menu .container ul li.apparatus:hover {
				background: url('../gfx/menu/apparatus.png') bottom left no-repeat;
				}
				
				/** TANKERS SUB MENU **/
				div#menu .container ul li.apparatus ul {
					display: none;
					}
				div#menu .container ul li.apparatus:hover ul {
					display: block;
					}
					div#menu .container ul li.apparatus ul li {
						height: 30px;
						float: left;
						}
					div#menu .container ul li.apparatus ul li a {
						height: 23px;
						padding-top: 7px;
						padding-bottom: 0px;
						padding-left: 10px;
						padding-right: 18px;
						background: url('../gfx/black_95_pct.png') repeat;
						color: #e4e4e4;
						font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
						font-size: 13px;
						display: block;
						text-decoration: none;
						cursor: pointer;
						}
					div#menu .container ul li.apparatus ul li a:hover {
						background: #7f1414;
						cursor: pointer;
						}
				
		
				
				
				
				
			/* Recent Deliveries */
			div#menu .container ul li.recentDeliveries {
				width: 176px;
				}
			div#menu .container ul li.recentDeliveries a {
				display: block;
				background: url('../gfx/menu/recent-deliveries.png') top left no-repeat;
				width: 176px;
				height: 43px;
				}
			div#menu .container ul li.recentDeliveries a:hover {
				background-position: bottom left;
				}
			div#menu .container ul li.recentDeliveries:hover {
				background: url('../gfx/menu/recent-deliveries.png') bottom left no-repeat;
				}
					/** Deliveries SUB MENU **/
					div#menu .container ul li.recentDeliveries ul {
						width: 100px;
						display: none;
					}
					div#menu .container ul li.recentDeliveries:hover ul {
						display: block;
					}
					div#menu .container ul li.recentDeliveries ul li {
						height: 30px;
						float: left;
						}
					div#menu .container ul li.recentDeliveries ul li a {
						height: 23px;
						padding-top: 7px;
						padding-bottom: 0px;
						padding-left: 10px;
						padding-right: 18px;
						background: url('../gfx/black_95_pct.png') repeat;
						color: #e4e4e4;
						font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
						font-size: 13px;
						display: block;
						text-decoration: none;
						cursor: pointer;
						}
					div#menu .container ul li.recentDeliveries ul li a:hover {
						background: #7f1414;
						cursor: pointer;
						}
				
				
				
			/* About Us */
			div#menu .container ul li.aboutUs {
				width: 100px;
				}
			div#menu .container ul li.aboutUs a {
				display: block;
				float: left;
				background: url('../gfx/menu/about-us.png') top left no-repeat;
				width: 100px;
				height: 43px;				
				}
			div#menu .container ul li.aboutUs a:hover {
				background-position: bottom left;
				}
				
				
			/* News */
			div#menu .container ul li.news {
				width: 70px;
			}
			div#menu .container ul li.news a {
				display: block;
				float: left;
				background: url('../gfx/menu/news.png') top left no-repeat;
				width: 70px;
				height: 43px;
			}
			div#menu .container ul li.news a:hover {
				background-position: bottom left;
			}
				
				

				
			/* Guestbook */
			div#menu .container ul li.guestbook {
				width: 115px;
				}
			div#menu .container ul li.guestbook a {
				display: block;
				float: left;
				background: url('../gfx/menu/guestbook.png') top left no-repeat;
				width: 115px;
				height: 43px;				
				}
			div#menu .container ul li.guestbook a:hover {
				background-position: bottom left;
				}

				
				
			/* Contact */
			div#menu .container ul li.contact {
				width: 97px;
				}
			div#menu .container ul li.contact a {
				display: block;
				float: left;
				background: url('../gfx/menu/contact.png') top left no-repeat;
				width: 97px;
				height: 43px;				
				}
			div#menu .container ul li.contact a:hover {
				background-position: bottom left;
				}
			div#menu .container ul li.contact:hover {
				background: url('../gfx/menu/contact.png') bottom left no-repeat;
				}
				/** CONTACT SUB MENU **/
				div#menu .container ul li.contact ul {
					display: none;
					}
				div#menu .container ul li.contact:hover ul {
					display: block;
					}
					div#menu .container ul li.contact ul li {
						height: 30px;
						float: left;
						}
					div#menu .container ul li.contact ul li a {
						height: 23px;
						width: 120px;
						padding-top: 7px;
						padding-bottom: 0px;
						padding-left: 10px;
						padding-right: 18px;
						background: url('../gfx/black_95_pct.png') repeat;
						color: #e4e4e4;
						font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
						font-size: 13px;
						display: block;
						text-decoration: none;
						cursor: pointer;
						}
					div#menu .container ul li.contact ul li a:hover {
						background: #7f1414;
						cursor: pointer;
						}
				
			/* Media */
			div#menu .container ul li.media {
				width: 72px;
				}
			div#menu .container ul li.media a {
				display: block;
				float: left;
				background: url('../gfx/menu/media.png') top left no-repeat;
				width: 72px;
				height: 43px;				
				}
			div#menu .container ul li.media a:hover {
				background-position: bottom left;
				}

				
/* END OF MENU ELEMENTS */				
				
				
				
				
			


/*  FOOTER  */

div#footer {
	width: 874px;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	clear: both;
	margin: auto;
	margin-top: 10px;
	background: url(../gfx/menu-footer-bg-tile.png) repeat;
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	color: #696969;
	font-size: .75em;
	text-align: center;
	}
	div#footer h2 {
		display: inline;
		padding-right: 10px;
		padding-bottom: 5px;
		font-family: Helvetica, Verdana, sans-serif;
		font-size: 1em;
		
		color: #696969;
		}
	div#footer h2 a{
		color: #696969;
		text-decoration: none;
		}
	div#footer h2 a:visited {
		color: #696969;
		}
	div#footer h2 a:hover {
		color: white;
		}