@charset "utf-8";

/* CSS Document */



/* Global Classes

******************/



* {

	margin: 0 auto 0 auto; /* GLOBAL RESET */

	padding: 0;

}



.left { float:left; }

.right { float:right; }

.padding { padding-left:10px;}



/* Body Properties

*****************/



body { background:url(/img/jimmyBg.jpg) no-repeat #342113;}

.logo			{ padding:30px;}

.halfway-title 	{ 
width: 316px;
height: 117px;
background: url(/img/titleMeetMe.png) no-repeat;
text-indent: -999em;
margin: -10px 0 82px 30px;
}

#milage{
position: absolute;
top: 0px;
left: 805px;
background: #33251a;
padding: 10px;
line-height: 1;
text-align: center;
color: #fff;
border-left: 2px solid;
border-right: 2px solid;
border-bottom: 2px solid;
}
#milage h3{
margin-top: -10px;
}
#milage h3{
margin-top: -30px;
font-size: 5em;
}
#milage h4{
margin-top: -30px;
text-transform: uppercase;
letter-spacing: 16px;
padding-left: 8px;
}


#nav{
position: absolute;
top: 261px;
left: 15px;
}

#nav li{
display: inline;
}
#navAbout, #navNews, #navVideo, #navPhotos, #navStore, #navLinks,
#navAbout_active, #navNews_active, #navVideo_active, #navPhotos_active, #navStore_active, #navLinks_active {
float: left;
display: block;
width: 130px;
height: 56px;
margin-left: 25px;
text-indent: -999em;
background: url(/img/nav.png) no-repeat;
}
#navAbout:hover, #navAbout_active{
background-position: 0 -56px;
}

#navNews{
background-position: -157px 0;
}
#navNews:hover, #navNews_active{
background-position: -157px -56px;
}

#navVideo{
background-position: -308px 0px;
}
#navVideo:hover, #navVideo_active{
background-position: -308px -56px;
}

#navPhotos{
background-position: -462px 0px;
}
#navPhotos:hover, #navPhotos_active{
background-position: -462px -56px;
}

#navStore{
background-position: -612px 0px;
}
#navStore:hover, #navStore_active{
background-position: -612px -56px;
}

#navLinks{
background-position: -763px 0px;
}
#navLinks:hover, #navLinks_active{
background-position: -763px -56px;
}


/* Typography

******************/



body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {



}



h1, h2, h3, 

h4, h5, h6      { margin: 0; font-weight: bold; }

h1              { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }

h2              { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }

h3              { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }

h4              { font-size: 14px; line-height: 18px; padding-top: 9px; }

h5              { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }

h6              { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }





p               { 
margin: 0 0 18px 0; text-align:justify;
}

small           { font-size: 80%; }

strong          { font-weight: bold; }



a				{ color:#960;}

a:hover			{ color:#930}



/* Tabs Nav

****************/

.ui-tabs-hide {  

	display: none;  

}

#tabsnav {

	width: 311px;

	height: 0px;

	background: url(/img/back_menutabs.png) no-repeat 0 100%;

}

#tabsnav li {

	height: 19px;

	float: left;

	display: inline;

	margin: 0 0 0 0;

}

#tabsnav li a, #tabsnav li a:link, #tabsnav li a:visited {

	height: 22px;

	float: left;

	display: inline;

	background:;

	padding: 0px 18px 0 18px;

	color: #333333;

	font-weight: bold;

}

#tabsnav li.ui-tabs-selected {

	height: 24px;

	background: url() #a69371 no-repeat;

	margin: 0;

}

#tabsnav li.ui-tabs-selected a, #tabsnav li.ui-tabs-selected a:link, #tabsnav li.ui-tabs-selected a:visited {

	height: 13px;

	float: left;

	display: inline;

	padding: 0px 18px 0 18px;

	color: #333;

	text-decoration: none;

}

#tabsnav li.ui-tabs-selected a:hover {

	text-decoration: none;

}



/* Content

*******************/

#map_canvas { width: 100%; height: 100%; border: 1px solid black; }



  /* Styles to control the appearance of the tweet text and date/time

     in the info windows. */

#map_canvas .tweet-text { font-family: helvetica,arial,sans-serif; font-size: small; }

#map_canvas .tweet-timestamp { font-family: helvetica,arial,sans-serif; font-size: x-small; color: #666; }



#main-container { 
width:930px; 
float: left;
font-family: arial, sans-serif;
color: #33251a;
line-height: 1.5;
font-size: .9em;
background:url(/img/mainBg.png); margin-left:40px;
}

#story {width:355px; padding:10px;}

#video {  padding:20px;}

#video-player { background:url(/img/video-bg-trans.png) no-repeat; width:488px; height:410px; }

#mainVid{padding-top:14px; padding-left:42px;position:relative }

#mainVid .tabscontent{position:absolute;top:38px;left:41px;}



#bottom-container{width:960px;}

.column3			{ float:left; width:320px;display:inline-block;margin:-35px 0 0 42px; }

.column2			{ float:left;  display:inline-block; padding-top:px; }

.column1		{ float:left; width:266px; padding-left:10px;display:inline-block;clear:left; }

#jimmywayne 	{ background: url(/img/jimmywayne-twitter.jpg) no-repeat; height:320px; width:265px;}

#meetmehalfway 	{ background: url(/img/meetmehalfway-twitter.jpg) no-repeat; height:320px; width:265px;}



.footer{float:left;clear:both;display:block;margin-top:20px;}

.footer ul {margin:0px 0 0 80px; padding: 0; list-style: none; float:left; }

.footer ul li{float: left; display: block; margin: 0 38px 10px; 0; padding: 0;}

.footer ul li img{
vertical-align: middle;
}

#footer{
width: 870px;
margin-left: 50px;
font-size: .9em;
top: 10px;
margin-bottom: 20px;
clear: both;
padding: 20px;
font-family: arial, sans-serif;
line-height: 1.5;
background:url(/img/mainBg.png);
position: relative;
text-align: center;
}
#footer #sponsors{
right: 20px;
top: 0px;
position: absolute;
}
#footer #sponsors a, #footer #sponsors img{
margin: 0px !important;
padding: 0px !important;
}

#toga { margin-left:380px; margin-top:-16px; float:left; color:#FFF}


/*  KEVIN's EDITS HERE */
#inner-container
{
   padding: 15px 20px;
}

#inner-container h1
{
   font-family: Bookman,Garamond,Times,serif;
   font-size: 1.6em;
   text-transform: uppercase;
   letter-spacing: 5px;
   font-weight: bold;
   margin-bottom: 10px;
}

table td{
padding: 10px;
text-align: center;
}
.googlecart-add-button {
margin: 10px auto;
}

.productWrap{
float: left;
width: 200px;
margin: 0 45px;
}
.item{font-weight:bold;}

#bottomRight{
float:left;
margin: -90px 0 0 12px;
}

#bottomRight img{
float:left;
}
#bottomRight #sponsors {
float:left;
background: url(/img/sponsorsBox.gif) no-repeat;
height: 210px;
width: 320px;
margin-left: 15px;
position: relative;
}
#bottomRight #sponsors a{display: block; text-indent: -999em;position:absolute;}
#penske{
width: 134px;
height: 22px;
top: 70px;
left: 0px;
}
#marmot{
width: 150px;
height: 30px;
top: 65px;
left: 158px;
}
#roper{
width: 60px;
height: 30px;
top: 130px;
left: 0px;
}
#redroof{
width: 30px;
height: 35px;
top: 130px;
left: 90px;
}
#ernest{
width: 70px;
height: 35px;
top: 130px;
left: 140px;
}
#footsteps{
width: 85px;
height: 35px;
top: 130px;
left: 225px;
}
#hiscall{
width: 103px;
height: 28px;
top: 175px;
left: 0px;
}
#gold{
width: 113px;
height: 28px;
top: 175px;
left: 110px;
}
#merrell{
width: 80px;
height: 28px;
top: 175px;
left: 230px;
}