/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background: url(../assets/body-bg.jpg) repeat-x top #f5ecd4;

}

div#page-wrap {
	width: 900px;
	margin: 0 auto;
}

p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 0.8em;
}

a { color: #000000; text-decoration: underline; }
a:hover, a:active { color:#3e6ad2; text-decoration: underline; }



h1 { font-size: 2.8em; margin-bottom: 0.8em; font-weight: normal; line-height: 0.9em;}
h2 { 
	font-size: 1.5em; 
	text-transform: uppercase; 
	margin-bottom: 0.8em; 			
	background:url(../assets/sidebar-bg.jpg) no-repeat top center;
	padding-top: 30px;}
h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #3e6ad2;
	color: #163203;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0.5em;
	text-align: center;
	border: medium solid #040549;
}
h4 { 
	font-size: 1.5em;
	margin-bottom: 0.8em;
	color: #3e6ad2;
}
h5 {
	font-size: 2.0em;
	margin-bottom: 0.4em;
	text-align: center;
}

h6 { 
	font-size: 1.5em;
	margin-bottom: 0.8em;
	text-align: right;

}
.clear { clear: both; }

ul#nav {
	height: 236px;
	background: url(../assets/header-bg.jpg) no-repeat top center;
	list-style: none;
	padding-left: 140px;
	}
	ul#nav li {
		display: inline;
		font-size: 16px;
	}
	ul#nav li a {
		display: block;
		width: 113px;
		float: left;
		margin-top: 160px;
		color: #f3d264;
		padding-top: 2px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase; 
	 	text-shadow: 0.1em 0.1em #666;
}
		
		ul#nav li a:hover, ul#nav li a:active {
			color: white;
			text-shadow: 0.1em 0.1em #666;
		}
div#main-content {
		padding-bottom: 50px;
		}
		div#main-content div#left-col {
			float: left;
			width: 610px;
		}
		
a.intro {
 		color: #3e6ad2;
		text-decoration: none;
		font-weight: bold;
}

a.intro:hover {
 		color: #000000;
		text-decoration: underline;
		font-weight: bold;
}
		div#main-content div#left-col ul {
			font-size: 1.4em;
			margin-left: 30px;
		}
		div#main-content div#left-col div#quick-jumps {
			width: 247px;
			float: left;
			margin-right: 25px;
			background: url(../assets/grey.jpg) bottom center no-repeat;
			padding-bottom: 120px;
			}
			div#main-content div#left-col div#quick-jumps p {
				font-weight: bold;
				letter-spacing: 1px;
				}
				div#main-content div#left-col div#quick-jumps p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-jumps a {
				 color: #000000; 
				 text-decoration: underline;
				}
			
			div#main-content div#left-col div#quick-jumps a:hover, a:active { 
				color:#3e6ad2; 
				}
			
		div#main-content div#right-col {
			float: right;
			width: 270px;
			margin-left: 10px;
			background:url(../assets/green.jpg) no-repeat bottom right;
			padding-bottom: 85px;
			}	
			div#main-content div#right-col p {
				font-size: 1.2em;
			}
			div#main-content div#right-col p a {
				color: #3e6ad2;
				text-decoration: none;
				font-weight: bold;
			}
			div#main-content div#right-col p a:hover, div#main-content div#right-col p a:active {
				color: black;
				text-decoration: underline;
				font-weight: bold;
			}
			
			
			div#main-content div#right-col-tm{
			float: right;
			width: 270px;
			margin-left: 10px;
			background:url(../assets/eb-sidebar.png) no-repeat bottom left;
			padding-bottom: 125px;
			}	
			
			div#main-content div#right-col-lg{
			float: right;
			width: 270px;
			margin-left: 10px;
			background:url(../assets/left-lg.jpg) no-repeat bottom left;
			padding-bottom: 125px;
			}
			
			div#main-content div#right-col-lg p {
				font-size: 1.2em;
			}
			div#main-content div#right-col-lg p a {
				color: #3e6ad2;
				text-decoration: none;
				font-weight: bold;
			}
			div#main-content div#right-col-lg p a:hover, div#main-content div#right-col p a:active {
				color: black;
				text-decoration: underline;
				font-weight: bold;
			}
			
			div#main-content div#right-col-tm p {
				font-size: 1.2em;
			}
			div#main-content div#right-col-tm p a {
				color: #3e6ad2;
				text-decoration: none;
				font-weight: bold;
			}
			div#main-content div#right-col-tm p a:hover, div#main-content div#right-col p a:active {
				color: black;
				text-decoration: underline;
				font-weight: bold;
			}
			
			/*tigers*/
			
			div#main-content div#right-col-tiger{
			float: right;
			width: 270px;
			margin-left: 10px;
			background:url(../assets/left-lg.jpg) no-repeat bottom left;
			padding-bottom: 65px;
			}				div#main-content div#right-col-tigers p {
				font-size: 1.2em;
			}
			div#main-content div#right-col-tiger p a {
				color: #3e6ad2;
				text-decoration: none;
				font-weight: bold;
			}
			div#main-content div#right-col-tiger p a:hover, div#main-content div#right-col p a:active {
				color: black;
				text-decoration: underline;
				font-weight: bold;
			}
			
			/*end tigers*/
			
			div#main-content div#right-col-inv {
			float: right;
			width: 270px;
			margin-left: 10px;
			}	
			div#main-content div#right-col-inv p {
				font-size: 1.2em;
			}
			div#main-content div#right-col-inv p a {
				color: #3e6ad2;
				text-decoration: none;
				font-weight: bold;
			}
			div#main-content div#right-col-inv p a:hover, div#main-content div#right-col-inv p a:active {
				color: black;
				text-decoration: underline;
				font-weight: bold;
			}
			div#main-content div#left-col div#quick-jumps-lg {
			width: 247px;
			float: left;
			margin-right: 25px;
/*			background: url(../assets/lg-sidebar.jpg) bottom center no-repeat;
*/			padding-bottom: 180px;
			}
			div#main-content div#left-col div#quick-jumps-lg p {
				font-weight: bold;
				letter-spacing: 1px;
				}
				div#main-content div#left-col div#quick-jumps-lg p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-jumps-lg a {
				 color: #000000; 
				 text-decoration: underline;
				}
			
			div#main-content div#left-col div#quick-jumps-lg a:hover, a:active { 
				color:#3e6ad2; 
				}
				
		/*tigers*/
		
					div#main-content div#left-col div#quick-jumps-tiger {
			width: 247px;
			float: left;
			margin-right: 25px;
			background: url(../assets/green.jpg) bottom center no-repeat;
			padding-bottom: 180px;
			}
			div#main-content div#left-col div#quick-jumps-tigerp {
				font-weight: bold;
				letter-spacing: 1px;
				}
				div#main-content div#left-col div#quick-jumps-tiger p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-jumps-tigera {
				 color: #000000; 
				 text-decoration: underline;
				}
			
			div#main-content div#left-col div#quick-jumps-tiger a:hover, a:active { 
				color:#3e6ad2; 
				}
				
		/*end tigers*/
					div#main-content div#left-col div#quick-jumps-inv {
			width: 250px;
			float: left;
			margin-right: 25px;
			}
			div#main-content div#left-col div#quick-jumps-inv p {
				font-weight: bold;
				letter-spacing: 1px;
				font-size: 14px;
				}
				div#main-content div#left-col div#quick-jumps-inv p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-jumps-inv a {
				 color: #000000; 
				 text-decoration: underline;
				}
			
			div#main-content div#left-col div#quick-jumps-inv a:hover, a:active { 
				color:#3e6ad2; 
				}
				
			div#main-content div#left-col div#quick-jumps-phx {
			width: 247px;
			float: left;
			margin-right: 25px;
			background: url(../assets/sprinter.jpg) bottom center no-repeat;
			padding-bottom: 110px;
			}
			div#main-content div#left-col div#quick-jumps-phx p {
				font-weight: bold;
				letter-spacing: 1px;
				}
				div#main-content div#left-col div#quick-jumps-phx p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-jumps-phx a {
				 color: #000000; 
				 text-decoration: underline;
				}
			
			div#main-content div#left-col div#quick-jumps-phx a:hover, a:active { 
				color:#3e6ad2; 
				}	
				
			div#main-content div#bottom-content {
				width: 900px;
				}
			div#main-content div#bottom-content img {
				margin: 0 5px 0 0;
				border: 1px solid #f3d264;
				width: 290px;
				height: auto;
				}	
			div#main-content div#top-content img {
				width: 325px;
				border: none;
			}
				
				
	div#footer {
		margin-top: 150px;
		background: #1e4802;
		color: white;
		padding: 10px 0 10px 0px;
		border-top: 2px solid #8ac57f;
		text-align: center;
		font-size: 1.3em;
	}
	
	div#footer a {
		color: #ffffff;
		text-decoration: underline;
	}
	
	div#footer a:hover, a:active {
		color: #3e6ad2;
		text-decoration: none;
	}
	
		div#footer div#bottom-nav {
			display: block;
			width: 900px;
			margin: 0 auto;
			text-align: center;
			
	}
		div#footer div#bottom-nav ul {
			display: inline;
			list-style: none;
			padding-left: 50px;
	}
		div#footer div#bottom-nav ul li {
		display: inline;
		font-size: 1.2em;
	}
		div#footer div#bottom-nav ul li a {
		color: #f3d264;
		padding-top: 2px;
		padding-bottom: 10px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		text-transform: none; 
	 	text-shadow: 0.05em 0.05em #666;
}

	div#footer div#bottom-nav ul li a:hover, div#footer span ul li a:active {
		color: white;
}

div#container {
	background: url(../assets/body-bg.jpg) repeat-x top;
	height: 236px;
}

div#sprinter-sale {
	background: url(../assets/sprinter-sale.jpg) no-repeat top;
	height: 236px;
}
/* common styling */
/* set up the overall width of the menu div, the font and the margins with a relative position*/

.menu2 {
font-family: verdana, arial, sans-serif; 
width:900px; 
margin:0; 
position:relative;
z-index:90;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
float:left; 
}
/* style the links to be 149px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:127px; 
height:30px; 
color:#000000; 
border:1px solid #f5ecd4;
border-width:1px 1px 0 0;
background:#3e6ad2; 
line-height:30px; 
font-size:11px;
font-weight: bold;
}
/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a {
color:#fff; 
background:#040549;

}
/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:30px; 
left:0; 
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menu2 ul li:hover ul li {
	background:#f5ecd4;
	color:#000;
	width:865px;
	border:5px solid #040549;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	line-height: 15px;
}

/* style the paragraph font height */
.menu2 ul li:hover ul li p {
font-size:0.9em;
}
/* style the background and foreground color of the submenu links */
.menu2 ul li:hover ul li a {
display:inline;
background:#eee;
color:#2A638E;
text-decoration:underline;
border:0;
}
/* style the background and forground colors of the links on hover */
.menu2 ul li:hover ul li a:hover {
text-decoration:none; 
color:#000;
}