body {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	margin: 0px;
}
img {border: none;}
#wrapper {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
}
#topnav {
	width: 864px;
	margin-right: 20px;
	margin-left: 20px;
	height: 44px;
	margin-top: 13px;
	margin-bottom: 10px;
}
#topnav ul {
	margin: 0px;
	padding: 0px;
	height: 44px;
	list-style-type: none;
}
#topnav li {
	float: left;
}
#topnav li a {
	height: 44px;
	display: block;
	background-repeat: no-repeat;
}
#topnav li a:hover, #topnav li a:active {background-position: left -44px;}
#topnav li a#topnav-group {width: 91px; background-image: url(../images/nav-group-sales.jpg);}
#topnav li a#topnav-motorcoach {width: 137px; background-image: url(../images/nav-motor-coach.jpg);}
#topnav li a#topnav-company {width: 151px; background-image: url(../images/nav-your-company.jpg);}
#topnav li a#topnav-personalized {width: 138px; background-image: url(../images/nav-personalized.jpg);}
#topnav li a#topnav-sponsorship {width: 137px; background-image: url(../images/nav-sponsorship.jpg);}
#topnav li a#topnav-directions {width: 124px; background-image: url(../images/nav-directions.jpg);}
#topnav li a#topnav-home {width: 86px; background-image: url(../images/nav-home.jpg);}
#glow {
	background-image: url(../images/glow-bg.jpg);
	background-repeat: repeat-y;
	width: 904px;
}
#glowtop {
	background-image: url(../images/glow-top.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 904px;
}
#container {
	width: 864px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0px;
}
#header {
	height: 447px;
	padding-bottom: 5px;
	position: relative;
}
#header #commercialVehicles {
	position: absolute;
	width: 200px;
	height: 105px;
	display: block;
	bottom: 10px;
	left: 20px;
}
#header #commercialVehicles a {
	width: 200px;
	height: 105px;
	display: block;
	text-indent: -9999em;
	background: url(../images/commercial-vehicles-clickhere.png) no-repeat 0px 0px;
}
#header #commercialVehicles a:hover {background-position: 0px -105px;}
#inside-header {
	height: 190px;
	margin-bottom: 20px;
}
#leftcol {
	width: 178px;
	padding: 0px 25px;
	float: left;
}
#content {
	float: right;
	width: 596px;
	color: #FFF8F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 30px;
}
#content h1 {
	font-size: 24px;
}
#content h2 {
	font-size: 21px;
	font-weight: normal;
}
#content h3 {
	font-size: 14px;
}
#glowbottom {
	background-image: url(../images/glow-bottom.jpg);
	background-repeat: no-repeat;
	height: 52px;
	width: 904px;
}
#footer {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	color: #FFFFCC;
}
#footer a, #content a {
	color: #FFCC66;
}
.clear {clear: both;}
#directionsMap {
	float: right;
	width: 300px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#sponsor2 {clear: both;}
#day-sponsors {font-family: Arial, Helvetica, sans-serif; margin: 20px 0px;}
#day-sponsors table {border-collapse: collapse; margin: 0px auto;}
#day-sponsors th, #day-sponsors td {border: 1px solid #222; color: #FFF;}
#day-sponsors thead th {background-color: #222; text-align: center; padding: 5px; text-transform: uppercase; font-size: 12px;}
#day-sponsors tbody th {background-color: #333; width: 100px; padding: 5px 10px; font-size: 12px; text-align: center; vertical-align: top;}
#day-sponsors tbody td {width: 100px; padding: 10px; font-size: 12px; text-align: center; vertical-align: top; color:#6FF;}

/* ---------- SCROLLABLE ---------- */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 596px;
	height: 225px;

	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width: 1500px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	width: 300px;
	height: 225px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
#triggers {
	width: 250px;
	margin: 0px 0px 15px 15px;
	float: right;
}
#triggers p {
	font-size: 11px;
}
#triggers img {cursor: pointer;}
#triggers p a em {color:#FFF;}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#FFF;
	
	width: 700px;
	padding: 20px 50px;
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
.simple_overlay h2 {
	text-align: center;
}
.simple_overlay#lightsMap2011 {width:1000px; padding: 0px;}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}