/* Global styles
------------------------------------------------------------------ */
* {
	padding: 0;
	margin: 0;
}
body {
	text-align: center;
	color: #ccc;
	background: #373738 url(../../../images/background.png) repeat-x 0 0;
	font: normal .8em/1.25 'Lucida Grande', Corbel, Helvetica, Arial, sans-serif;
}
a {
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	a img {
		border: none;
	}
fieldset {
	border: none;
}
h1 {
	display: inline;
	margin-left: 35px;
	width: 319px;
	height: 90px;
	color: #fff;
	float: left;
	text-indent: -2000em;
}
	h1.image span {
		background-position: 0 15px;
		background-image: url(/uploadedImages/images/logo.gif);
	}
p {
	padding-bottom: 1em;
	line-height: 1.5;
}
label {
	display: block;
	margin-bottom: .5em;
}
.image {
	position: relative;
	display: block;
}
	.image span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: 0 0;
		background-repeat: no-repeat;
		z-index: 10;
	}
/* Framework
------------------------------------------------------------------ */
#container {
	position: relative;
	width: 961px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align: left;
}
#header {
	height: 90px;
	padding: 31px 0 0 0;
	background: #1b0002 url(../../../images/bg-header.jpg) no-repeat 0 100%;
}
	#header a {
		color: #fff;
	}
	#header li {
		list-style-type: none;
	}
	#header .image {
		position: absolute;
		left: 0;
	}
/* Main nav
------------------------------------------------------------------ */
#main-nav {
	position: absolute;
	right: 80px;
	text-align: right;
}
	#main-nav li {
		display: inline;
	}
	#main-nav li a {
		display: block;
		font-size: 14px;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 90px;
	}
	#main-nav li a:hover, .main-nav li.active a {
		background: url(../../../images/arrow-main-nav.gif) no-repeat 50% bottom;
		color: #f33; /* alternate red */
		text-decoration: none;
	}
/* Top nav
------------------------------------------------------------------ */	
#top-nav {
	position: absolute;
	top: 10px;
	width: auto;
	height: 22px;
	left: 0;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left:50px;
	padding-right: 10px;
	background: #1b0002 url(../../../images/bg-top-bar.png) no-repeat 0 0;
	font: normal 1/1.6em Helvetica, Arial, sans-serif;
	text-align: right;
}
	#top-nav a {
		color: #ccc;
	}
	#top-nav a:hover {
		color: #fff;
	}
	.top-navbutton {
		width: 25px;
		height: 21px;
		border: none;
		background: url(../../../images/buttons/search.gif) no-repeat 0 0;
		overflow: hidden;
		text-indent: -2000em;
	}
	#top-nav li,
	#top-nav form,
	#top-nav fieldset {
		display: inline;
		vertical-align: middle;
	}
	#top-nav li {
		padding: 0 .4em;
		border-left: solid 2px #9a1a23;
	}
		#top-nav li.first,
		#top-nav li.last {
			border-left: none;
		}
		#top-nav li.last {
			padding-right: 0;
		}
		#top-nav label {
			display: inline;
		}
/* Footer
------------------------------------------------------------------ */
#footer {
	width: 961px;
	padding: 25px 0 50px;
	margin: 0 auto;
	font: normal 11px/1 'Lucida Grande', sans-serif;
	text-align: left;
	text-shadow: 0 0 0 #000;
}
#footer .vcard {
	padding-bottom: 1em;
}
#footer .adr,
#footer .tel,
#footer li a {
	padding-left: .4em;
	border-left: solid 2px #b83434;
	margin-left: .2em;
}
#footer .organization-name {
	display: none;
}
	#footer .organization-unit {
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
	}
	#footer a {
		color: #ccc;
	}
		#footer a#spartan {
			display: block;
			width: 296px;
			height: 44px;
			float: right;
		}
		#footer a#spartan span {
			background-image: url(../../../images/spartan-logo.gif);
		}
	#footer li {
		display: inline;
		color: #fff;
	}

	
/* HOMEPAGE STYLES */

a.readmore {
	white-space: nowrap;
}
	.readmore img {
		display: none;
	}
#stories {
	height: 319px;
	/*padding-left: 530px; */
	/*background: url(/uploadedImages/images/backdrops/Legend.jpg) no-repeat 0 0; */
	text-shadow: 0 0 0 #000;
}

#stories .img 
{
	float: left;
}
#slideshow1 {
	height: 319px;
	padding-left: 530px;
	background: url(/uploadedImages/images/backdrops/Legend.jpg) no-repeat 0 0; 	
	text-shadow: 0 0 0 #000;
}


	#stories a {
		color: #f32432;
	}
	#stories .story {
		display: none;
		width: 290px;
		height: 115px;
		padding: 25px;
		color: #fff;
		font: normal 1/1.5 'Lucida Grande', sans-serif;
	}
	#stories .story.active {
		display: block;
	}
		#stories .story h2 {
			color: #c9242f;
			font: lighter 30px CopperplateLight, Copperplate-Light, 'Copperplate Light', serif;
			letter-spacing: -2px;
			text-shadow: 0 0 0 #000;
		}
			#stories .story h2 span {
				color: #fff;
				font: normal 30px Copperplate, serif;
			}
		#stories ul {
			padding-top: 10px;
			overflow: hidden;
		}
		#stories li {
			width: 65px;
			padding-left: 3px;
			float: left;
			list-style-type: none;
		}
#story-nav {		
	width: 290px;
	padding: 25px 0;
	border-top: solid 1px #f00;
	margin: 0 25px;
	color: #fff;
	font: normal 1/1.5 'Lucida Grande', sans-serif;
}
#content  {
	width: 781px;
	padding: 15px 90px 30px;
	color: #ccc;
	background: #c9242f url(../../../images/background-red.jpg) repeat-y 0 0;
	line-height: 1.5;
	overflow: hidden;
}

#content a {
	color: #fff;
}
#content div {
	width: 165px;
	padding-left: 17px;
	float: left;
}
	#content div#in-progress {
		position: relative;
		width: 190px;
		height: 140px;
		padding-left: 0;
		text-indent: -1000em;
		background: url(../../../images/bg-trucks-in-progress.jpg) no-repeat 0 0;
		overflow: hidden;
	}
	#content #in-progress h2 {
		padding: 13px 25px 0;
		font: normal 22px 'HotelCoralEssex', 'Hotel Coral Essex', impact, sans-serif;
		letter-spacing: 1px;
	}
	#content #in-progress h2 a {
		position: absolute;
		top: 0;
		left: 0;
		width: 190px;
		height: 136px;
	}

	#content div#demo-units {
		position: relative;
		width: 190px;
		height: 140px;
		padding-left: 0;
		margin: 0 10px 0 20px;
		text-indent: -1000em;
		background: url(../../../images/FeaturedTruckBTN.png) no-repeat 0 0;
		overflow: hidden;
	}
	#content #demo-units h2 {
		padding: 13px 25px 0;
		font: normal 22px 'HotelCoralEssex', 'Hotel Coral Essex', impact, sans-serif;
		letter-spacing: 1px;
	}
	#content #demo-units h2 a {
		position: absolute;
		top: 0;
		left: 0;
		width: 190px;
		height: 136px;
	}


#content h2 {
	color: #fff;
	font: normal 1.5em Helvetica, Arial, sans-serif;
	text-shadow: 0 0 0 #000;
}
#product-lines {
	padding-bottom: 20px;
	overflow: hidden;
}
#product-lines li {
	width: 127px;
	height: 85px;
	padding-right: 3px;
	float: left;
	list-style-type: none;
}
	#product-lines li.last {
		padding-right: 0;
	}