body{
margin:0;
padding:0;
line-height: 1.5em;
font: 12px "Trebuchet MS", Arial, sans-serif;	
color: #001D3B;
/*	background: #4E718F;	*/
}

.caps2{color: #999999; font:14px "Trebuchet MS", Arial, sans-serif; line-height:1.5em;}

.blackbutton{
	background-color: #333333;
	color: #ffffff;
	border: solid 1px #cccccc;
padding: 4px;
}

p, ul, li, h1, h2, h3, h4, h5, h6, ol {margin:0px; padding:0px;}


#topsection{
height:150px; width:100%;
background:#23325C;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

/* NAV Style */

#nav {
	position:relative;
	top:60px; left:28px;
	height:60px;  width:860px;
	margin:0 auto;
	padding:0;
	position:relative;
	background:  url(../images/navigation.gif) top left no-repeat;
}
#nav li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}
#nav a {
	height: 60px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0; 
}
#nav span{display:none;}
	
#home	{left: 0px; width: 45px;}
#vineyard	{left: 70px; width: 70px;}
#wine	{left: 160px; width: 42px;}
#sales	{left: 220px; width: 50px;}
#people	{left: 290px; width: 55px;}
#restaurants	{left: 370px; width: 105px;}
#news	{left: 500px; width: 50px;}
#gallery	{left: 572px; width: 60px;}
#wineclub	{left: 655px; width: 72px;}
#contact	{left: 750px; width: 65px;}



#home a:hover, #home a.active {background:  url(../images/navigation.gif) 0px -60px no-repeat;}
#vineyard a:hover, #vineyard a.active {background:  url(../images/navigation.gif) -70px -60px no-repeat;}
#wine a:hover, #wine a.active  {background:  url(../images/navigation.gif) -160px -60px no-repeat;}
#sales a:hover, #sales a.active {background:  url(../images/navigation.gif) -220px -60px no-repeat;}
#people a:hover, #people a.active {background:  url(../images/navigation.gif) -290px -60px no-repeat;}
#restaurants a:hover, #restaurants a.active {background:  url(../images/navigation.gif) -370px -60px no-repeat;}
#news a:hover, #news a.active {background:  url(../images/navigation.gif) -500px -60px no-repeat;}
#gallery a:hover, #gallery a.active {background:  url(../images/navigation.gif) -572px -60px no-repeat;}
#wineclub a:hover, #wineclub a.active {background:  url(../images/navigation.gif) -655px -60px no-repeat;}
#contact a:hover, #contact a.active {background:  url(../images/navigation.gif) -750px -60px no-repeat;}

/* Content Style */

#maincontainer{
width:860px;
margin: 30px auto 0 auto;
background:#FFFFFF;
}

#contentwrapper{
float: left;
width: 100%;
border-top:1px solid #D4B26D;
display:block;
}

#contentcolumn{
margin-left: 259px; /*Set left margin to LeftColumnWidth*/
padding-top:40px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
display:block;
position:relative;
}

#contentcolumn .products{
padding:0;
}

#contentcolumn.product-info{
margin-right:190px;
}

#leftcolumn{
float: left;
margin:5px 0;
margin-left: -100%;
padding:40px 15px 20px 30px;
/*	width:214px;	*/
width:180px;
height:100%;
display:block;
border-right:#999999 1px solid;
}


p.caps{font:14px "Trebuchet MS", Arial, sans-serif; color:#23325C; text-transform:uppercase; line-height:1.5em;}
p.caps.grey {color:#999999;}
p.caps.darkgrey { color:#666666;}
p.caps.tan {color:#a38e3b;}
p.fineprint{ font:9px normal "Trebuchet MS", Arial, sans-serif; color:#999999;}

.lrg-pdct{ border: 1px solid #ccc; position: absolute; margin-left: 280px; width: 184px; }

h1 {font:18px "Trebuchet MS", Arial, sans-serif; color:#23325C; text-transform:uppercase; vertical-align:middle; padding-bottom:20px;}
h1.tan {color:#a38e3b;}
h1 img{ margin-right:4px;}

h2 {font:16px "Trebuchet MS", Arial, sans-serif; color:#23325C; text-transform:uppercase; vertical-align:middle; padding-bottom:20px;}
h2.tan {color:#a38e3b;}
h2 img{ margin-right:4px;}



h3 {font:bold 14px arial, verdana, tahoma, sans-serif; color:#23325C; margin:20px 0 0 0;}
h4 {font:normal 14px arial, verdana, tahoma, sans-serif; color:#23325C; margin:4px 0;}
a {color:#23325C;}
a:hover {color:#CFAA4B;}
.nobullet {list-style-type:none;}

/* Submenu */

.submenu{
list-style:none;
margin:0;
padding:0;
display:block;
padding-bottom:20px;
}
.submenu li{
display:block;
width:100%;
clear:left;
}

.submenu li a{
color:#a38e3d;
text-transform:uppercase;
padding:3px 0;
text-decoration:none;
font:normal 15px arial, verdana, tahoma, sans-serif;
}

.submenu li a:link, .submenu li a:visited{
color:#a38e3d;
}

.submenu li a:hover{
color: #23325C;
/*	padding-left:5px;	*/
/*	border-left:1px solid #a38e3d;	*/
}

/* product */

.product{
list-style:none;
margin:0; padding:0;
display:block;
}

.product p{
font: 12px normal "Trebuchet MS", Arial, sans-serif; text-transform:uppercase;
padding:5px;
}

.product li{
display:block;
position:relative;
float:left;
margin:0;
width:135px;
height:201px;
overflow:hidden;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
}

.product li img{
position:absolute;
bottom:0;
left:20px;
border: 1px solid #ccc; 
}

* html .product li{
display:inline-block;
}

/* red or green square */
/*	.red{background:url(../images/red.gif) bottom left no-repeat;}
.green{background:url(../images/green.gif) bottom left no-repeat;}	*/

/* form styles */

select {
border: 1px solid #688fb0;
height: 20px;
}

/* checkout styles */

.checkout{border:#23325d solid 1px; color:#FFFFFF;}
.checkout th{background:#6b5634;}
.checkout td{background:#b5b5b5;}
.checkout p{text-align:right; color:#ffffff;}

/* confirm-order */

.confirm-order{}
.confirm-order a, .confirm-order a:active, .confirm-order a:visited{color:#999999; text-decoration:none;}

/* order summary and receipt */

.order-summary, .receipt{color:#a38e3b; text-transform:uppercase;}

.order-summary li{list-style:inside url(../images/btn_delete.gif); padding-left:5px;}

.receipt li{list-style:none; padding-left:5px; color:#a38e3b;}

.message{display:block; padding:15px; background:#FF0000; color:#FFFFFF; text-transform:uppercase; margin-right:20px;}

.history th{text-align:left; text-transform:uppercase;}
.history td{text-align:left; text-transform:uppercase; color:#a38e3b;}

/* innertube */

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* logo */
.logo {
	width:91px;
	height:37px;
	position:absolute;
	top:21px;
	margin:0;
	z-index:2;
	padding-left:16px;
}
.logo a {
	display:block;
	height:100%;
	/*background:url(../images/bg-logo.png) no-repeat;*/
	text-indent:-9999px;
	overflow:hidden;
}
.logo-big {
	position:absolute;
	right:60px;
	top:65px;
	background:url(../images/bg-logo-big.gif) no-repeat;
	width:221px;
	height:99px;
	text-indent:-9999px;
	overflow:hidden;
}

/****** MENU ******************/

ul.dropdown li a
{
	color:#000;
  padding: 0px 10px 0px 10px;
}

ul.dropdown li a:hover
{
	color:red;
}

div.menu
{ 
  padding-top:67px; 
 }

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}


ul.dropdown {
 position: relative;
 z-index: 597;
 padding: 0px 20px 0px 20px;
}

ul.dropdown li {
 float: left;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 background-color: #F5F3F0;
 top: 25px;
 left: 0;
 z-index: 598;
 min-width:200px;
}

ul.dropdown ul li {
 float: none;
 background-color: #F5F3F0;
 height:30px;
 width:100%;
 min-width:200px;
}

ul.dropdown ul:hover{
background-color: #F0EEEB;
}

ul.dropdown ul li:hover {
 background-color: #F0EEEB;
}

ul.dropdown ul ul {
 top: -1px;
 left: 100%;
 border: solid 1px #6B5634;
}

ul.dropdown ul
{
 border: solid 1px #6B5634;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


ul.dropdown li {
 color: White;
 line-height:30px;	 
}


ul.dropdown a:hover {
background:url(../images/ico01.gif) no-repeat;
background-position:top center;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ text-decoration: none; font-size:13px;  }

/* header start */

#header .visual {
	position:relative;
	left:0;
	top:-5px;
	width:100%;
}


#header {
	width:100%;
	height:289px;
	position:relative;
	top:0;
	left:0;
	background:url(../images/bg-header.jpg) no-repeat;
}