/*
//
// primary styles
// Author: DataSetGo
// Date: 2008/09/03
//
/////////////////////////////////////// */



/* Global Styles
/////////////////////////////////////// */
body {
	/* font-family: Helvetica, Arial, sans-serif;*/
	/* font-family: "Times New Roman", arial, sans-serif ;*/
	/* font-family: "Courier New", Courier, monospace;*/
	/* font-family: "Times New Roman", Times, serif; */
	/* font-family: "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: Verdana, Geneva, sans-serif; */
	/* font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif */
	background: transparent url('../images/backgrounds/background.jpg');
	font: 12px/14px verdana, arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

a {
	color: #003;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #300;
	text-decoration: underline;
}

img {
	border: 0;
}

h1 {
	font-size: 18px;
	line-height: 10px;
	color: #000;
	font-style: italic;
}

h2 {
	font-size: 11px;
	line-height: 11px;
	color: #000;
	font-style: italic;
}

h3 {
	font-size: 14px;
	line-height: 16px;
	color: #333;
}

div#container {
	width: 1026px;
	height: 749px;
	margin: 0 auto 0 auto;
	background: transparent url('../images/backgrounds/home_bg.png') no-repeat;
}

/* used on IE upgrade page */
div#containerBlank {
	width: 1026px;
	height: 749px;
	margin: 0 auto 0 auto;
	border: 1px solid #ccc;
}

div#content {
	position: relative;
	top: 135px;
	text-align: center;
}

div#header {
	height: 70px;
}

/* CSS Image Swap */
div#nav {
	position: relative;
	top:0;
	left: 26px;
	margin: 0;
	padding: 0;
	width: 686px;
	height: 42px;
	background: transparent url('../images/buttons/nav.jpg') no-repeat;
	}

div#nav ul {margin: 0; padding: 0;}
div#nav li {margin: 0; padding: 0; list-style: none; position: absolute;}
div#nav a {height: 42px; display: block;}
div#nav span {display: none;}

li#navA {left: 0; top: 0; width: 150px;}
li#navB {left: 150px; top: 0px; width: 182px;}
li#navC {left: 332px; top: 0px; width: 177px;}
li#navD {left: 508px; top: 0px; width: 175px;}

/* HOVER state */
li#navA a:hover {background: transparent url('../images/buttons/nav.jpg') 0px -42px no-repeat;}
li#navB a:hover {background: transparent url('../images/buttons/nav.jpg') -150px -42px no-repeat;}
li#navC a:hover {background: transparent url('../images/buttons/nav.jpg') -332px -42px no-repeat;}
li#navD a:hover {background: transparent url('../images/buttons/nav.jpg') -508px -42px no-repeat;}

/* ON state */
li#navA.on, #navA.on a:hover {background: transparent url('../images/buttons/nav.jpg') 0px -42px no-repeat;}
li#navB.on, #navB.on a:hover {background: transparent url('../images/buttons/nav.jpg') -150px -42px no-repeat;}
li#navC.on, #navC.on a:hover {background: transparent url('../images/buttons/nav.jpg') -332px -42px no-repeat;}
li#navD.on, #navC.on a:hover {background: transparent url('../images/buttons/nav.jpg') -508px -42px no-repeat;}


div#footer {
	position: relative;
	top: 140px;
	height: 40px;
	padding: 0 96px;
}

div#footer span {
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-align: right;
}

br.clear {
	clear: both;
}

/* page-specific styles
////////////////////////////////////// */

div#sectionLinks {
	position: relative;
	display: block;
	top: 143px;
	height: 265px;
}

div#sectionLinks a {
	position: absolute;
	top: 30px;
	display: block;
	width: 148px;
	height: 230px;
}

div#sectionLinks a span {
display: none;
}

div#sectionLinks a#motorcycles {
	left: 106px;
	background: transparent url('../images/motorcycles_off.jpg') no-repeat;
}
div#sectionLinks a#motorcycles:hover {
	background: transparent url('../images/motorcycles_on.jpg') no-repeat;
}

div#sectionLinks a#marine {
	left: 274px;
	background: transparent url('../images/marine_off.jpg') no-repeat;
}
div#sectionLinks a#marine:hover {
	background: transparent url('../images/marine_on.jpg') no-repeat;
}

div#sectionLinks a#scooters {
	left: 442px;
	background: transparent url('../images/scooters_off.jpg') no-repeat;
}
div#sectionLinks a#scooters:hover {
	background: transparent url('../images/scooters_on.jpg') no-repeat;
}

div#sectionLinks a#jeep {
	left: 610px;
	background: transparent url('../images/jeep_off.jpg') no-repeat;
}
div#sectionLinks a#jeep:hover {
	background: transparent url('../images/jeep_on.jpg') no-repeat;
}

div#sectionLinks a#neckshade {
	left: 779px;
	background: transparent url('../images/neckshade_off.jpg') no-repeat;
}
div#sectionLinks a#neckshade:hover {
	background: transparent url('../images/neckshade_on.jpg') no-repeat;
}