body { 
	margin: 0 auto 0 auto;
	padding: 0;
	background: #000;
	text-align: center;

}

a.skip	{display: none;}
a img {border: none;}
img.logo {
	float: left;
}


/* =TYPOGRAPHY-----------------------------------------*/	

body  {
color: #999;
font: 13px arial;
line-height: 18px;
}

input, select {color: #333; font: 13px arial; line-height: 18px;}

h1 {
	margin: 0;
	padding: 0;
	font: 20px arial;
	line-height: 25px;
	letter-sapcing: 0.1em;
 	color: #fff;
 	text-transform: uppercase;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: 16px arial;
	line-height: 22px;
	color: #ccc;
	}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 15px arial;
	color: #fff;
	line-height: 21px;
	}
	
h4 	{
	margin: 0;
	padding: 0;
	font: 14px arial;
	color: #999;
	line-height: 20px;
	}

a	{
	font: 13px arial;
	color: #999; 
	text-decoration: underline;
	line-height: 18px;
	}
	
a:hover	{
	font: 13px arial;
	color: #999; 
	text-decoration: underline;
	line-height: 18px;
	}

/* =CONTAINER DIVS-----------------------------------------*/	

#splashcontainer { 
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 950px;	
	height: 502px;
	background: url("../images/bg.jpg") no-repeat;
	padding: 0;
}

#container {
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 900px;	
	background: url("../images/mainbg.jpg") repeat-y;
	padding: 0 0 0 0;
	border: 1px solid #1a1a1a;
}
	
div#banner {
	float: right;
	width: 420px;
	height: 155px;
	padding: 0;
	background: url("../images/banner.jpg") top no-repeat;
}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 300px;
    height: 140px;
    top: 0px;
    left: 116px;
    text-decoration: none;
}

div#banner h1 span {display: none;}


/* =NAVIGATION-----------------------------------------*/	
div#sidebar {
    float: left;
	width: 201px;
	height: auto;
	padding: 0;
	margin: 0;
	background: url("../images/bottle.jpg") top no-repeat;
    }

/* body#home div#sidebar {height: 480px;}
*/	
div#navBar {
    float: left;
    display: inline;
	height: 350px;
	padding: 0;
	margin: 277px 0 0 0px;
	background: none;
    }

ul#nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}
	
ul#nav li {
	margin: 0 ;
	padding: 5px 0;
	float: left;
 	}
 	
ul#nav a {
	display: block;
	width: 140px;
	padding: 0;
}

ul#nav li.discover a {width: 129px;}
	
ul#nav a span {display: none;}

ul#nav li.home a {width: 113px; height: 20px; background-image: url("../images/home.jpg");}		
ul#nav li.home a.on {background-image: url("../images/homeon.jpg");}
ul#nav li.home a:hover {background-image: url("../images/homeon.jpg");} 

ul#nav li.discover a {height: 20px; background-image: url("../images/discover.jpg");}		
ul#nav li.discover a.on {background-image: url("../images/discoveron.jpg");}
ul#nav li.discover a:hover {background-image: url("../images/discoveron.jpg");} 

ul#nav li.unite a {width: 113px; height: 20px; background-image: url("../images/unite.jpg");}		
ul#nav li.unite a.on {background-image: url("../images/uniteon.jpg");}
ul#nav li.unite a:hover {background-image: url("../images/uniteon.jpg");} 

ul#nav li.acquire a {height: 20px; background-image: url("../images/acquire.jpg");}		
ul#nav li.acquire a.on {background-image: url("../images/acquireon.jpg");}
ul#nav li.acquire a:hover {background-image: url("../images/acquireon.jpg");}

ul#nav li.experience a {height: 20px; background-image: url("../images/experience.jpg");}		
ul#nav li.experience a.on {background-image: url("../images/experienceon.jpg");}
ul#nav li.experience a:hover {background-image: url("../images/experienceon.jpg");}

ul#nav li.dirt a {height: 20px; background-image: url("../images/dirt.jpg");}		
ul#nav li.dirt a.on {background-image: url("../images/dirton.jpg");}
ul#nav li.dirt a:hover {background-image: url("../images/dirton.jpg");}

ul#nav li.contact a {height: 20px; background-image: url("../images/contact.jpg");}		
ul#nav li.contact a.on {background-image: url("../images/contacton.jpg");}
ul#nav li.contact a:hover {background-image: url("../images/contacton.jpg");}


ul#nav li ul {
	float: left;
	display: inline;
	margin: 2px 0 0 33px;
	height: 45px;
	text-align: left;
	padding: 0;
	list-style-type: none;
	}

ul#nav li.dirt ul {height: 55px;}

ul#nav li.discover ul#discover {background: url("../images/discovernav.jpg") top no-repeat; width: 88px;}
ul#nav li.experience ul#experience {background: url("../images/experiencenav.jpg") top no-repeat; width: 88px;}
ul#nav li.dirt ul#dirt {background: url("../images/dirtnav.jpg") top no-repeat; width: 145px;}
	
ul#nav li ul li {
	margin: 0 ;
	padding: 0;
	float: left;
 	}
 	
ul#nav li ul li a {
	display: block;
	padding: 0;
	height: 20px;
}

ul#nav li.discover ul li a	{
	background-image: url("../images/discovernav.jpg"); width: 80px;} 
ul#nav li.discover ul li a.on	{
	background-image: url("../images/discovernav.jpg");} 
ul#nav li.discover ul li a:hover	{
	background-image: url("../images/discovernav.jpg");}  

ul#nav li.experience ul li a	{
	background-image: url("../images/experiencenav.jpg"); width: 80px;} 
ul#nav li.experience ul li a.on	{
	background-image: url("../images/experiencenav.jpg");} 
ul#nav li.experience ul li a:hover	{
	background-image: url("../images/experiencenav.jpg");}  

ul#nav li.dirt ul li a	{
	background-image: url("../images/dirtnav.jpg"); width: 145px;} 
ul#nav li.dirt ul li a.on	{
	background-image: url("../images/dirtnav.jpg");} 
ul#nav li.dirt ul li a:hover	{
	background-image: url("../images/dirtnav.jpg");}  

ul#nav li.dirt a {width: 140px;}
	
ul#nav li ul li a span {display: none;}

ul#nav li ul li.about a {height: 20px;}		
ul#nav li ul li.about a.on {background-position: 0px -45px;}
ul#nav li ul li.about a:hover {background-position: 0px -45px;}

ul#nav li ul li.terroir a {height: 20px; background-position: 0px -20px;}	
ul#nav li ul li.terroir a.on {background-position: 0px -65px;}	
ul#nav li ul li.terroir a:hover {background-position: 0px -65px;}

ul#nav li ul li.visit a {height: 20px;}		
ul#nav li ul li.visit a.on {background-position: 0px -45px;}
ul#nav li ul li.visit a:hover {background-position: 0px -45px;}

ul#nav li ul li.events a {height: 20px; background-position: 0px -20px;}		
ul#nav li ul li.events a.on {background-position: 0px -65px;}
ul#nav li ul li.events a:hover {background-position: 0px -65px;}

ul#nav li ul li.news a {height: 36px;}		
ul#nav li ul li.news a.on {background-position: 0px -63px;}
ul#nav li ul li.news a:hover {background-position: 0px -63px;}

ul#nav li ul li.blog a {height: 20px; background-position: 0px -36px;}		
ul#nav li ul li.blog a.on {background-position: 0px -97px;}
ul#nav li ul li.blog a:hover {background-position: 0px -97px;}
	

/* =SHOPPING MENU -----------------------------------------*/	
div#enav {
    width: 900px;
    height: 27px;
    margin: 0 auto 0 auto;
    background: none;
    text-align:right;
}

ul#eNav {
    list-style-type: none;
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
	text-align: right;
	float: right;
	width: 400px;
	display: inline;
}

ul#eNav.left { 
    list-style-type: none; 
        padding: 0 0 0 0; 
        margin: 5px 0 0 0; 
        text-align: left; 
        float: left; 
        width: 400px; 
        display: inline; 
} 


ul#eNav li {
	height: 14px;
    display: inline;
    margin: 0px;
    padding: 0px 8px;
	text-align: right;
}

ul#eNav li.left {text-align: left;}

ul#eNav a {
	color: #999;
	font: 12px arial;
	line-height: 14px;
	text-decoration: none;
}

ul#eNav a.on, ul#eNav a:hover {color: #999;}


/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	background: none;
	margin: 0px 0 0 0;
	padding: 0;
	display: inline; 
	float: right;
	width: 594px;
	}
	
div#cmsContentArea {
	margin: 0px 15px 0 0px;
	width: 584px;
	display: inline;
	float: right;
	padding: 0;
}

body#home div#mainPageArea {width: 640px;}
body#home div#cmsContentArea {
        margin: 40px 15px 0 0px;
        width: 620px;
}

div#signup h1 {font-weight: normal; margin: 15px 0 0 30px;}

div#signup {
	background: url("../images/mailing.png") top no-repeat;
	float: left;
	height: 75px;
	width: 273px;
	display: inline;
	margin: 7px 0 0 0;
	padding: 0;
}

form#signform {
	display: inline;
	float: left;
	width: 230px;
	height: 18px; 
	margin: 42px 0 0 20px; 
	padding: 0;
}		
		
form#signform .button {display: inline; float: left; display: inline; padding: 0; margin: 0;}
form#signform .text {display: inline; float: left; color: #fff; 
	font: 16px arial; display: inline; padding: 0; margin: 0;
}

div#subkicker {
	display: inline;
    background: none;
    width: 166px;
    margin: 0px 17px 0 0px;
    padding: 0;
    float: right; 
}

div#homekicker {
	display: inline;
    background: none;
    width: 166px;
    margin: 0px 17px 0 0px;
    padding: 0;
    float: right; 
}

div#kicker2 {
	display: inline;
    background: none;
    width: 273px;
    margin: 7px 0 0 0;
    padding: 0;
    float: left; 
}

/* =HOMEPAGE-----------------------------------------*/	



		
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
      }

/* =FOOTER DIV-----------------------------------------*/	

div#footer {
	position: relative;
	font-weight: normal;
	text-align: left;
	width: 900px;
	padding: 0;
	margin: 10px auto 30px;
	clear: both;
	color: #666;
	font-family: arial;
	font-size: 13px;
	background: none;
	line-height: 14px;
	text-transform: none;
	}
	
div#footer a {
	display: inline;
	font: 12px arial;
    color: #999;
	padding: 0;
	margin: 0 5px 0 5px;
	text-decoration: none;
	line-height: 14px;
	}
	
div#footer p {margin: 0; padding-top: 0px; padding-right: 10px;}
div#footer p.legal {float: left; padding-left: 0px;}
div#footer p.rss {float: right; padding-top: 0px; padding-right: 0px;}
div#footer p.footlinks { text-align: center;}


.button	{
		background-color: #666;
		color: #fff;
		font: 11px arial;
		cursor: hand;
		cursor: pointer;
}

/* generic overrides */

div.processBar {
	width: 100%;
}

ul.cart_info {color: #666;}

td.verify_box h3 {color: #666;}
table.cart {color: #666;}
table.cart a {color: #666;}
table.order_verify h3 a, table.order_verify h3 a:visited, td.verify_box h3 a, td.verify_box h3 a:visited, h3.box a, h3.box a:visited {color: #666;}
v65-product1UpImage  {width:118px;}
.v65-product1UpImage  {width:118px;}
#v65-checkoutCartSummaryWrapper  {
background-color:#F7F7F7;
right:-150px;
}
div#navBar ul#nav li ul#discover{display:none}
div#navBar ul#nav li ul#experience{display:none}
div#navBar ul#nav li ul#news{display:none}

body.discover div#navBar ul#nav li ul#discover{display:block}
body.experience div#navBar ul#nav li ul#experience{display:block}
body.dirt div#navBar ul#nav li ul#news{display:block}
#v65-signUpClubSummaryWrapper  {
display:none;
}
#v65-checkoutCartSummaryWrapper {
background-color:#000000;
}

#v65-cartTable #v65-cartTotal td {background-color: #000;}
#v65-cartTable th {background-color: #000;}


