body { 
	margin: 0;
	padding: 0;
	background: url(../images/bodybg.jpg) repeat;
	text-align: center;
}

a.skip	{display: none;}
a img {border: none;}

/* =TYPOGRAPHY-----------------------------------------*/	

body, td, select, input {
    font: 11px georgia;
    line-height: 18px;
    color: #694d2f;
}


h1 {
	margin: 0 0 0px 0;
	padding: 0;
	font: 16px georgia;
	line-height: 23px;
 	color: #694d2f;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: 13px georgia;
 	line-height: 20px;
 	color: #994522;
 	text-transform: none;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font: 11px georgia;
 	line-height: 18px;
	color: #694d2f;
	}
	
h4 {
	margin: 0 0 0px 0;
	line-height: 18px;
	padding: 0;
	font-weight: bold;
	font: 11px georgia;
 	color: #994522;
}
 
a	{
	color: #994522;
	font: 11px georgia;
	line-height: 19px;
	text-decoration: underline;
	}
	
a.on, a:hover	{
	color: #994522;
	font: 11px georgia;
	line-height: 19px;
	text-decoration: underline;
	}
	

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	text-align: left;
	background: url(../images/container.jpg) repeat-y;
	width: 947px;
	padding: 0 0 0px 0;
	position: relative;
}

div#banner {
	position: relative;
	width: 947px;
	height: 236px;
	background: url(../images/banner_wines.jpg) top no-repeat;
	margin: 0;
	padding: 0;
}

body.home #banner {background: url(../images/banner_welcome.jpg) top no-repeat;}
body.store #banner {background: url(../images/banner_wines.jpg) top no-repeat; height: 258px;}
body.club #banner {background: url(../images/banner_club.jpg) top no-repeat; height: 258px;}
body.story #banner {background: url(../images/banner_story.jpg) top no-repeat; height: 258px;}
body.news #banner {background: url(../images/banner_news.jpg) top no-repeat; height: 258px;}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 220px;
    height: 168px;
    top: 33px;
    left: 40px;
    text-decoration: none;
}

/* =NAVIGATION-----------------------------------------*/	
	
div#navBar {
float: right;
display: inline;
	width: 659px;
	height: 32px;
	padding: 0;
	margin: 123px 9px 0 0;
	background: url('../images/nav.jpg') top no-repeat;
    }

ul#nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}
	
ul#nav li {
	margin: 0 ;
	padding: 0;
	float: left;
 	}
 	
ul#nav a {
	display: block;
	height: 32px;
	padding: 0;
}

ul#nav a.on	{
	background-image: url('../images/nav.jpg');} 
ul#nav a:hover	{
	background-image: url('../images/nav.jpg');} 

ul#nav a span {display: none;}

ul#nav li.home a {width: 188px;}		
ul#nav li.home a.on {background-position: 0px -32px;}
ul#nav li.home a:hover {background-position: 0px -32px;}

body#home ul#nav li.home a	{
	background-image: url('../images/nav.jpg'); background-position: 0px -32px;}


ul#nav li.story a {width: 106px;}		
ul#nav li.story a.on {background-position: -188px -32px;}
ul#nav li.story a:hover {background-position: -188px -32px;}

ul#nav li.store a {width: 106px;}		
ul#nav li.store a.on {background-position: -294px -32px;}	
ul#nav li.store a:hover {background-position: -294px -32px;}

ul#nav li.club a {width: 98px;}		
ul#nav li.club a.on {background-position: -400px -32px;}	
ul#nav li.club a:hover {background-position: -400px -32px;}

ul#nav li.news a {width: 100px;}		
ul#nav li.news a.on {background-position: -498px -32px;}
ul#nav li.news a:hover {background-position: -498px -32px;}

ul#nav a span {display: none;}
	
div#subnav {
	float: right;
display: inline;
	width: 659px;
	height: 22px;
	padding: 0;
	margin: 2px 9px 0 0;
    }

body.story div#subnav {background: url('../images/storysub.jpg') top no-repeat;}
body.store div#subnav {background: url('../images/winesub.jpg') top no-repeat;}
body.club div#subnav {background: url('../images/clubsub.jpg') top no-repeat;}
body.news div#subnav {background: url('../images/newssub.jpg') top no-repeat;}
body.about div#subnav {background: url('../images/contactsub.jpg') top no-repeat;}


div#subnav ul {
padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}

div#subnav li	{
	margin: 0 ;
	padding: 0;
	float: left;
	}
	
div#subnav li a {
display: block;
	height: 22px;
	padding: 0;
}


body.story div#subnav a.on {background: url('../images/storysub.jpg') top no-repeat;}
body.store div#subnav a.on {background: url('../images/winesub.jpg') top no-repeat;}
body.club div#subnav a.on {background: url('../images/clubsub.jpg') top no-repeat;}
body.news div#subnav a.on {background: url('../images/newssub.jpg') top no-repeat;}
body.story div#subnav a:hover {background: url('../images/storysub.jpg') top no-repeat;}
body.store div#subnav a:hover {background: url('../images/winesub.jpg') top no-repeat;}
body.club div#subnav a:hover {background: url('../images/clubsub.jpg') top no-repeat;}
body.news div#subnav a:hover {background: url('../images/newssub.jpg') top no-repeat;}
body.about div#subnav a:hover {background: url('../images/contactsub.jpg') top no-repeat;}
body.about div#subnav a.on {background: url('../images/contactsub.jpg') top no-repeat;}


div#subnav li.bstory a {width: 125px;}
div#subnav li.bstory a.on {background-position: 0px -22px;}
div#subnav li.bstory a:hover {background-position: 0px -22px;}

div#subnav li.vineyard a {width: 140px;}
div#subnav li.vineyard a.on {background-position: -125px -22px;}
div#subnav li.vineyard a:hover {background-position: -125px -22px;}

div#subnav li.bteam a {width: 122px;}
div#subnav li.bteam a.on {background-position: -265px -22px;}
div#subnav li.bteam a:hover {background-position: -265px -22px;}

div#subnav li.photo a {width: 123px;}
div#subnav li.photo a.on {background-position: -387px -22px;}
div#subnav li.photo a:hover {background-position: -387px -22px;}

div#subnav li.tours a {width: 135px;}
div#subnav li.tours a.on {background-position: -510px -22px;}
div#subnav li.tours a:hover {background-position: -510px -22px;}

div#subnav li.wines a {width: 125px;}
div#subnav li.wines a.on {background-position: 0px -22px;}
div#subnav li.wines a:hover {background-position: 0px -22px;}

div#subnav li.yolando a {width: 175px;}
div#subnav li.yolando a.on {background-position: -125px -22px;}
div#subnav li.yolando a:hover {background-position: -125px -22px;}

div#subnav li.overview a {width: 86px;}
div#subnav li.overview a.on {background-position: 0px -22px;}
div#subnav li.overview a:hover {background-position: 0px -22px;}

div#subnav li.benefits a {width: 136px;}
div#subnav li.benefits a.on {background-position: -86px -22px;}
div#subnav li.benefits a:hover {background-position: -86px -22px;}

div#subnav li.join a {width: 56px;}
div#subnav li.join a.on {background-position: -164px -22px;}
div#subnav li.join a:hover {background-position: -164px -22px;}

div#subnav li.news a {width: 53px;}
div#subnav li.news a.on {background-position: 0px -22px;}
div#subnav li.news a:hover {background-position: 0px -22px;}

div#subnav li.blog a {width: 54px;}
div#subnav li.blog a.on {background-position: -53px -22px;}
div#subnav li.blog a:hover {background-position: -53px -22px;}

div#subnav li.contact a {width: 98px;}
div#subnav li.contact a.on {background-position: -0px -22px;}
div#subnav li.contact a:hover {background-position: -0px -22px;}

div#subnav li.find a {width: 80px;}
div#subnav li.find a.on {background-position: -98px -22px;}
div#subnav li.find a:hover {background-position: -98px -22px;}


div#subnav a span {display: none;}

/* =SHOPPING MENU -----------------------------------------*/	

div#enav {
    float: right;
display: inline;
	width: 659px;
	height: 28px;
	padding: 0;
	margin: 51px 9px 0 0;
	background: url('../images/enav.jpg') top no-repeat;
}

ul#eNav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}

ul#eNav li {
  	margin: 0 ;
	padding: 0;
	float: left;
}

ul#eNav a {
display: block;
	height: 28px;
	padding: 0;
}

ul#eNav a span {display: none;}

ul#eNav a:hover {
	background-image: url('../images/enav.jpg');
}
ul#eNav a.on {
	background-image: url('../images/enav.jpg');
}

div#enav li.spacer a {width: 167px;}

div#enav li.cart a {width: 55px;}
div#enav li.cart a.on {background-position: -167px -28px;}
div#enav li.cart a:hover {background-position: -167px -28px;}

div#enav li.login a {width: 62px;}
div#enav li.login a.on {background-position: -222px -28px;}
div#enav li.login a:hover {background-position: -222px -28px;}

div#enav li.account a {width: 110px;}
div#enav li.account a.on {background-position: -284px -28px;}
div#enav li.account a:hover {background-position: -284px -28px;}

div#enav li.checkout a {width: 94px;}
div#enav li.checkout a.on {background-position: -394px -28px;}
div#enav li.checkout a:hover {background-position: -394px -28px;}

div#enav li.contact a {width: 108px;}
div#enav li.contact a.on {background-position: -488px -28px;}
div#enav li.contact a:hover {background-position: -488px -28px;}



/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	margin: 0px 0 0px;
	padding: 0 0;
	display: inline;
	width: 930px;
	float: left;
	background: none;
}

div#innercontainer {
	margin: 0px 0 0px 8px;
	_margin: 0 0 0 8px;
	*margin: 0 0 0 8px;
	padding: 0 0 100px 0;
	display: inline;
	width: 930px;
	float: left;
	background: url(../images/mainpage.jpg;) bottom no-repeat;
}

body.home #innercontainer {padding: 0 0 100px 0;}
	
div#cmsContentArea {
	float: left;
	width: 883px;
	display: inline;
	margin: 29px 0px 0 39px;
	padding:0;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding: 5px;
      border:none;
      visibility: hidden;
      }

/* =HOMEPAGE-----------------------------------------*/	
body.home div#rss {
width: 205px;
height: 154px;
position: absolute;
top: 287px;
right: 50px;
display: inline;
padding:0;
margin: 0;
font-size: 10px;
line-height: 11px;
font-color: #ffffff;
overflow: hidden;
}
body.home #rssbox {width: 190px;
height: 103px;
float: right;
display: inline;
padding:0;
margin: 0 10px 1px 0;
font-size: 10px;
line-height: 11px;
color: #ffffff;
overflow: hidden;
}

body.home div.rss-box ul {list-style-type: none; padding: 0; margin: 0;}

body.home #rssbox p {margin: 0; padding: 0;}

#rss a.blog {display: inline; padding: 0; margin: 1px 0 0 50px; float: left; text-align: center; width: 86px; height: 18px;}

/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	position: absolute;
	left: 95px;
	bottom: 31px;
	display: inline;
	text-align: left;
	width: 840px;
	height: 20px;
	margin: 0;
	clear: both;
	font-family: arial;
	line-height: 13px;
	color: #aa7348;
	font-size: 9px;
	background: none;
	padding: 0;
	text-align: left;
	text-transform: none;
	}
	
	
div#footer a {
	line-height: 13px;
	font: 9px arial;
	color: #aa7348;
	text-align: left;
	padding: 0 2px;
	margin: 0;
	text-decoration: none;
	}
	
div#footer p {margin: 0;}



.button	{
		border: 1px solid #694d2f;
		background-color: #aa7348;
		color: #fff;
		font: 9px georgia;
		line-height: 15px;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
}

/* =GENERIC OVERRIDES STYLES-------------------------------------*/

div.processBar {
	width: 98%;
}

body.store #cmsContentArea h2 {line-height: 11px; }
body#product #cmsContentArea h2 {line-height: 20px; }
body#product form {float: left;}
body.store form {float: left;}

ul.cart_info {width: 97%;}

div.catalog_crumbs,
div#autolist {
    display: none;
}