@charset "UTF-8";

/* =========== DESIGN-TIME =========== */

/*div{border:1px solid blue;}*/

/* ==== GENERAL STYLES ==== */
body {
	margin:0;
	padding:0;
	background: url(images/BkgWineCellar1.jpg) repeat top center fixed;
}
img { 
	border:0;
}
.clear {
	clear:both;
}
.body-wrap {
	width:1000px;
	margin:-20px auto 0 auto;
	padding:0;
}
a.link {
	color:#5C261C;
	text-decoration:underline;
}
/* ==== HEADER STYLES ==== */
#menu li#home a, #menu li#home a:hover span { background-image:url(images/home.gif); }
#menu li#about a, #menu li#about a:hover span { background-image:url(images/about.gif); }
#menu li#sketches a, #menu li#sketches a:hover span { background-image:url(images/sketches.gif); }
#menu li#videos a, #menu li#videos a:hover span { background-image:url(images/videos.gif); }
#menu li#store a, #menu li#store a:hover span { background-image:url(images/store.gif); }
#menu li#links a, #menu li#links a:hover span { background-image:url(images/links.gif); }

div#header {	
	width:100%;
	height: 148px;
	position: relative;
	margin:0 0 -22px 0;
	padding: 0;
	background: url(images/Hdrv12-28_01.gif) no-repeat center top;
}

 #header img { position: absolute; top: 41px; left: 237px; z-index: 100; }

   #header #nav {width:600px;height:40px;margin:0;padding:0; position: absolute; top: 108px; left: 62px; }
   		#nav ul {margin:0;padding:0;list-style-type:none;}
		   #nav ul li {height:31px;margin:0;padding:0;float:left;display:block; }
		   #nav ul li a span, #menu ul li a em {display:none; border:1px solid solid;}
		   #nav ul li a:hover span {display:block;position:relative;background-position:center bottom;}
		   
		   #nav ul li#order a {width:80px;height:31px;margin:0;padding:0;background:url(images/tabmenu/tab2_01.gif) no-repeat top left;display:block;}
		   #nav ul li#order a:hover {background:url(images/tabmenu/tab2_01-over.gif) no-repeat top left;}
		   #nav ul li#order a:hover span, #nav ul li#order a:hover em {display:none;}
		   
		   #nav ul li#inventory a {width:104px;height:31px;margin:0;padding:0;background:url(images/tabmenu/tab2_02.gif) no-repeat top left;display:block;}
		   #nav ul li#inventory a:hover {background:url(images/tabmenu/tab2_02-over.gif) no-repeat top left;}
		   #nav ul li#inventory a:hover span, #nav ul li#inventory a:hover em {display:none;}
		   
		   #nav ul li#wineclubs a {width:121px;height:31px;margin:0;padding:0;background:url(images/tabmenu/tab2_03.gif) no-repeat top center;display:block;}
		   #nav ul li#wineclubs a:hover {background:url(images/tabmenu/tab2_03-over.gif) no-repeat top center;}
		   #nav ul li#wineclubs a:hover span, #nav ul li#wineclubs a:hover em {display:none;}
		   
		   #nav ul li#visitourstore a {width:152px;height:31px;margin:0;padding:0;background:url(images/tabmenu/tab2_04.gif) no-repeat top left;display:block;}
		   #nav ul li#visitourstore a:hover {background:url(images/tabmenu/tab2_04-over.gif) no-repeat top left;}
		   #nav ul li#visitourstore a:hover span, #nav ul li #visitourstore a:hover em {display:none;}
		   
		   #nav ul li#blog a {width:71px;height:31px;margin:0;padding:0;background:url(images/tabmenu/tab2_05.gif) no-repeat top left;display:block;}
		   #nav ul li#blog a:hover {background:url(images/tabmenu/tab2_05-over.gif) no-repeat top left;}
		   #nav ul li#blog a:hover span, #nav ul li#blog a:hover em {display:none;}
		   
		   #nav ul li#home a {width:64px;height:31px;margin:0;padding:0;background:url(images/tabmenu/tab2_06.gif) no-repeat top left;display:block;}
		   #nav ul li#home a:hover {background:url(images/tabmenu/tab2_06-over.gif) no-repeat top left;}
		   #nav ul li#home a:hover span, #nav ul li#home a:hover em {display:none;}
  
  /* ==== CONTENT STYLES ==== */
div#content {
	width:726px;
	margin:10px 20px 0 0;
	float:left;
	color: #FFFDF4;
}
#content #cLeft {
	width:285px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
	font-weight:normal;
	text-align:left;
}
#content #cRight {
	width:285px;
	margin:0 -145px 0 0;
	padding:0;
	float:right;
}
#content #cLeft h1 {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#5C261C;
text-align:left;
}

#content #cLeft h2, #content #cRight h2 {
background:url(images/redwood.gif) top left;
line-height: 17px;
margin: 0 0 -13px 0;
font-size: 12px;
color: white;
padding: 0 0 0 9px;
}
#content #cLeft .box {
width:100%;
border:1px solid #5C261C;
}
/*#content #cLeft .buttons {
width:100%;
border: 1px solid red;
}*/
#cRight .box {
width: 285px;
margin:15px 0 0 0;
padding:0;
border:1px solid #5C261C;
}
.box .address, .box .info{
margin:10px;
padding:0;
}
#cLeft .box img {
	width: 285px;
	margin:0 0 0 24px;
	border: none;
}
#cRight h2 {
margin:10px 0 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#5C261C;
font-weight:normal;
text-align:left;
}

#cRight .box img {
margin: 0;
width: 285px;
border: none;
}

#cLeft .button {
margin:0 0 14px 0;
float:left;
}
#cLeft .shot {
float: right;
width: 120px;
border:1px solid #5C261C;	
margin: 0 0 0 0;
}
#cLeft .extraimg {
width: 285px;
margin: 10px 0 0 0;
border:1px solid #5C261C;	
}
#cRight .shot {
float:right;
}
#cRight a.more {
color:#5C261C;
text-decoration:none;
float:right;
}

#content h2 {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height: 1.5em;
font-weight:normal;
color:#5C261C;
text-align:left;
}
/* ==== CONTENT - PAGE TWO ==== */
#content #inventorynav {
width:665px;
margin:20px auto;
padding:0;
}
#inventorynav ul {
margin:0;
padding:0;
list-style-type:none;
}
#inventorynav ul.one {
height:21px;
margin:0;
padding:0;
background:url(images/menubkg-blackwood.jpg) no-repeat top left;
}
#inventorynav ul.one li.active {
background:url(images/menubkg-redwood.jpg) no-repeat top left;
}
#inventorynav ul.two {
height:21px;
margin:0;
padding:0;
background:url(images/menubkg-redwood.jpg) no-repeat top left;
}
#inventorynav ul.two li.active,#inventorynav ul.two li.active a {
background:url(images/menubkg-blondwood.jpg) no-repeat top left;
color:#5C261C;
}
#inventorynav ul.three {
height:21px;
margin:0;
padding:0;
background:url(images/menubkg-blondwood.jpg) no-repeat top left;
}
#inventorynav ul li {
height:17px;
margin:0;
padding:4px 25px 0 25px;
float:left;
}
#inventorynav ul li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:normal;
text-decoration:none;
}
#inventorynav ul.three li a {
color:#5C261C;
}
#content #inventorytable {
width:660px;
margin:0 45px 0 45px;
padding:0;
}
#inventorytable h1 {
margin:0 0 20px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#5C261C;
font-weight:normal;
text-align:left;
}
#inventorytable a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 500px;
}
/* ==== SIDEBAR STYLES ==== */
div#sidebar {
width:229px;
height:100%;
margin:75px 0 0 0;
padding:66px 0 0 0;
background:url(images/side_01.gif) no-repeat top right;

float:left;
}
#sidebar .container {
height:100%;
padding: 0 11px 9px 11px;
background:url(images/side_02.gif) repeat-y top right;
}
#sidebar .heading {
margin:0 0 0 0;
}
#sidebar p {
margin:5px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color:#5C261C;
text-align:left;
}
#sidebar a {
color:#5C261C;
text-decoration:underline;
}
#sidebar a:hover {
text-decoration:none;

}
#sidebar a.login {
color:#BABA9C;
text-decoration:none;
}
#sidebar #subscribe {
width:100%;
margin:0;
padding:24px 0;
background:url(images/side_04.gif) no-repeat top right;
}
#sidebar .2ndcap {
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color:#5C261C;
}
#subscribe form.ddfm {
	margin: -18px 0 0 -6px;
	width: 100%;
	border: 1px solid blue;
}
#subscribe input.button {
	margin: 10px 0 0 -8px;
	width: 40px;
	height: 20px;
	display: inline;
	color: #333333;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding: 0;
}
#sidebar li h2 {visibility:hidden;display:none;}
#sidebar li {list-style-type:none;}

#sidebar li li {
	margin:5px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#5C261C;
	text-align:left;
}


#subscribe h1 {
margin:0;
padding:0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#5C261C;
text-align:left;
}
#subscribe p {
margin:5px 30px;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color:#000;
text-align:left;
}
/*#subscribe input {
width:175px;
height:14px;
margin:0 20px;
padding:2px;
background:#FFFDF4;
border:1px solid #000;
color:#BABA9B;
font-size:10px;
}*/

/* ==== FOOTER STYLES ==== */
div#footer {
	width:100%;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#5B271B;
	font-weight:bold;
	text-align:center;
	background: url(images/content-bg-footer.gif) no-repeat center bottom;
	height: 89px;
}
/* ==== PRELOADING ==== */
.hiddenIMG {
display:none;
}


/* ----- INVENTORY MENU STYLES ----- */
#content h1 {
	margin:0 45px 0 45px;
	color: #5b271b;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	line-height: 1.5em;
}
#content #winesubmenu {
	background: url(images/menubkg-blackwood.jpg) no-repeat top left;
	margin: 0 30px;
	padding: 0;
	font-size: 12px;
	text-align:left;
}
#content #winesubmenu ul {
 	text-align:left;
	margin: 18px 0;
 	padding: 3px 0;
  	}
#content #winesubmenu li {
	display: inline;
	padding: 3px 0;
}
#content #winesubmenu a {
 	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 3px 15px 4px 15px;
	}
#content #winesubmenu a:hover {
	text-decoration:underline;
}

/* ================ Blog Styles =================== */

#blogcontent {
	padding: 12px 216px 72px 64px;
	background: url(images/content-bg-tile.png) repeat-y center top;
	height:100%;
}

#blogcontent a {
	color: #5C261C;
	text-decoration: underline;
}
h3.storytitle {
	font: lighter 22px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #5b271b;
}
.storytitle a {
	text-decoration: none;
}
.meta{
	font: 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

h2 {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 20px;
	font-weight:normal;
	color:#5C261C;
	text-align:left;
}

h3 {
	font: lighter 16px/1.0em Verdana, Arial, Helvetica, sans-serif;
	color: #5b271b;
}
h4 {
	font: lighter 14px/1.0em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.storycontent p { 
	font: 13px/1.5em Georgia, Times, serif;
	color: #000000;
	margin: 1em 0;
 }
 .storycontent ul {
	font: 13px/1.5em Georgia, Times, serif; 	
	color: #000000;
	margin: .5em 0;

 } 
 
 .storycontent ul.blogintro {
 	list-style: none;
	margin: 0;
}

.storycontent ul.blogintro li {
	margin: 0;
}

.storycontent ul.blogintro ul {
 	list-style: none;
	margin: 0;
}

.storycontent ul.blogintro ul li {
	margin: 0 9px 0 0;
}
 
 #blogcontent img {
 	float: right;
	margin: 0 -171px 0 0;
	border: solid 1px #5b271b;
}

/* ================ #homecontent =========== */

#homecontent {
	background: url(images/content-bg-tile.png) repeat-y center top;
	height:100%;
	padding: 0 0 72px 0;
	margin: 20px 0 -20px 0;

}

/* ------------------ #inventorymenu --------------- */

ul#inventorymenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	width: 620px;
	list-style:none;
	margin: 0 0 0 36px;
	padding: 0;
	clear: both;
	color: grey;
}
ul#inventorymenu li {
	display: block;
	width: 600px;
	margin: 0;
	clear:both;
	background:url(images/menubkg-blondwood.jpg) no-repeat top left;
	margin: 6px 0;
	padding: 3px 0 0 0;
}

ul#inventorymenu li a {
	border: 1px solid black;
}

ul#inventorymenu ul {
	display: inline;
	font-size: 1em;
	height: 14px;
	background: none;
	margin: 0;
	padding: 3px 0 0 0;
}

ul#inventorymenu ul li {
	display: inline;
	width:16.5em;
	background: none;
	margin: 0;
	padding: 0 9px;
}

ul#inventorymenu a {
	width: 100px;
	color: black;
	margin: 0;
	text-decoration:none;
	padding: 3px 9px 0 9px;
}
	
ul#inventorymenu ul a:hover {
	background: url(images/menubkg-redwood.jpg);
	color: white;
}

/*---------- DOWNLOADS PAGE --------- */

#content .download_footer { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: .7em;
}

/* ----------- ORDER FORM ----------- */

table.orderform {
	width: 500px;
	padding: 0;
}
.orderform td {
	vertical-align:middle;
	height: 18px;
	margin: 0;
/*	border: 1px solid grey;
*/}
.orderform p {
	margin: 0;
}