@charset "utf-8";
/* CSS Document */
body { background: #000 url(/images/header-bg.gif) 0 0 repeat-x; }
strong{font-weight:bold;}
#header { position:relative; height: 218px; background: transparent url(/images/header-leaf.jpg) 100% 46px no-repeat; }
#logo { position:absolute; top: 54px; left: 20px; background: transparent url(/images/logo.gif) 0 0 no-repeat; width:277px; float: left; padding: 102px 0 0 0; overflow: hidden; height: 0px !important; height /**/:102px; /* for IE5/Win */ }


/*content*/
#content, #storeContent{background:#fff url(/images/sub-bg.jpg) 50% 0 no-repeat; padding:30px 0 60px 0; }
#content h1{font-family:Georgia, "Times New Roman", Times, serif; color:#925e1a; font-size: 400%;font-weight:normal;letter-spacing:-2px;}
#content h2{margin-top:20px; font-size:150%;  font-weight:normal;}
#content h3{margin-top:20px; font-size:108%; font-weight:bold;}
#content p{margin:15px 0; line-height:175%;}
#content a{color:#925e1a; text-decoration:underline;}
#content a:hover{text-decoration:none;}
#content a:visted{color:#690;}
#content img{border:3px solid #ffd180; margin-top: 20px;}
#content img.noBorderImg{margin:0; border:0px;}
#content img.imgLeft{float:left; margin: 10px 20px 40px 0;}
#content img.imgRight{float:right; margin: 10px 0 40px 20px;}
#content ul {list-style:outside square;margin-left:15px;}
#content ul li{margin-top:3px;}
#content ul.indented {margin-left:30px;}




/*home page */
#home #content { background:#000 url(/images/home-bg.jpg) 50% 0 no-repeat; padding:30px 0 60px 0; }
/**/
#studioInfo { background:#232019 url(/images/home-winebottle.jpg) top left no-repeat; height: 475px;font-family:Georgia, "Times New Roman", Times, serif; }
#studioInfo h2{font-size: 320%; color:#fff; font-weight:normal; /*margin: 30px 0 10px 40px;*/ margin: 13px 0 10px 25px; line-height: 105%; letter-spacing: -1px;}
#studioInfo h3{font-size: 146.5%; margin: 0 0 0 45px; color:#fff; font-weight:normal; font-style:italic;letter-spacing: -1px;}
#studioInfo h3 sup{font-size:x-small; vertical-align:super;}
#studioInfo .subtext{font-size: 100%; margin: 0 0 0 45px; color:#fff; font-weight:normal; }
#studioInfo .special-msg {font-size: 100%; margin: 40px 0 0 25px; color:#FFE9B8; font-weight:normal; font-style:italic; line-height:18px; width: 375px;}

#studioInfo h2 span.subhead {font-size:80%; font-style:italic; line-height:90%; }

/**/
#studioHours {margin-top:25px; margin-left:25px; color:#fff;  font-size:108%;}
#studioHours h4{color:#8ca400;  text-transform:uppercase;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
#studioHours .day{display:block;margin-top:12px; font-weight:bold;}
/**/
#studioAdd  {margin-top:8px;; color:#fff;  font-size:108%;}
#content #studioAdd p{margin-bottom: 15px;line-height:145%;}
/**/
#studioAddress{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ffe9b8; font-size:80%; width:200px; line-height:18px !important;}
/**/
#introContent { position: relative; height:439px;}
#introContent span{position:absolute; width:380px; height: 439px; background-color: #000; filter:alpha(opacity=66); /* IE's opacity*/ opacity: 0.66; z-index: 0; }
#introText{position:absolute; height:349px; width:310px;top:40px; left:40px;z-index:10;}
#introText p{line-height:135%; font-size: 153.9%; color:#fff;font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom: 20px;}
#introText a{color:#ffe9b8;}
#introText a:hover{text-decoration:none;}
/**/

/*Tasting Studio*/
#tastingStudioDirections{background-color:#ddd;}

#content img#tastingStudioMap{margin-left:20px;}
#content #tastingStudioDirections h2{ margin-left:20px;}
.directions{  background-color:#232019; color:#fff; border:1px solid #5d6d00; margin:20px;}
#content .directions h3{margin:0; background-color:#8ca400;color:#fff; padding:10px;}
#content .directions ul{margin: 10px 40px;}
/*Membership*/
.membership{ background-color:#232019; color:#fff; padding:10px; border:3px solid #fff; margin-bottom:10px;}

/*Store*/
#storeContent td{vertical-align:top;}
#storeContent .listheader{font-family:Georgia, "Times New Roman", Times, serif; color:#925e1a; font-size: 400%;font-weight:normal;letter-spacing:-2px;}
#storeContent a.product{font-size:127%; font-weight:bold; color:#925e1a; }
#storeContent .large{font-size:135%; font-weight:bold; color:#666; clear:both;}
#storeContent .small{font-size:93%; float:left; margin-right:20px;}
#storeContent .tiny{font-size: 85%; float:left;}
/*#storeContent h1{font-size: 20px;}*/
/*#storeContent td td{ padding:0;}
#storeContent tr{ height:160px; border-bottom:1px solid #ccc;}
#storeContent tr tr{border:0px;}*/
#storeSubNav{width:100%; display:block; background-color:#372A13; height:36px;}
#storeSubNav ul{float:right; margin-right:40px; }
#storeSubNav li {display:inline; float:left;}
#storeSubNav li a{ padding:0 10px;display:block; float:left;text-decoration:none; height:30px; line-height:30px; margin: 3px;color:#dbba7f;}
#storeSubNav li a:hover{background-color:#64441E;}
/*Awards & Press*/
.award, .press, .review{ padding:0 20px 10px 20px; margin-bottom:5px; border:1px solid #ccc; background-color:#fff;}
#content .award p, #content .press p, #content .review p{ line-height:108%;}
#content .award h3{color:#925e1a}
#content .press h3{color:#8DA300}
#content .review h3{color:#925e1a}
#content .award a{color:#925e1a}
#content .press a{color:#8DA300}
#content .review a{color:#925e1a}
.press{background-color:#232019; color:#fff;}
.awardLevel{width: 50px;padding:3px; height:30px; margin-right:5px;display:block; float:left; font-size:77%; text-align:center; color:#fff; font-weight:bold; text-transform:uppercase;}
.awardWinner{font-weight:bold;  clear:both;}
.awardWinner em{display:block;font-weight:normal; font-style:italic; clear:right;}
.silver{background-color:#c1c1c1;}
.bronze{background-color:#630;}
.dgold{background-color:#FC0}
.gold{background-color:#F90}
/*footer*/
#footer { color:#443f37; font-size:93%; border-top:1px solid #483719; padding-top:20px; height:150px; }
#footer h2 { color:#68502a;  font-size:12px; }
#footer a { text-decoration:none; color:#443f37; }
#footer a:hover { color:#000; background-color:#443f37; }
#footerContact { background:#000 url(/images/footer-logo.gif) 150px 10px no-repeat; height: 75px; }
.socialLink{width:45px; background: transparent url(/images/icons-social.jpg) 0 0 no-repeat;float: left; padding: 45px 0 0 0; overflow: hidden; height: 0px !important; height /**/:45px; /* for IE5/Win */}
#facebook{background-position: 0 0; margin-left:25px;}
#twitter{background-position: -45px 0;}

.socialLinkSmall{width:23px; background: transparent url(/images/icons-social-small.jpg) 0 0 no-repeat;float: left; margin-top:10px; padding: 23px 0 0 0; overflow: hidden; height: 0px !important; height /**/:23px; /* for IE5/Win */}
/*#facebook{background-position: 0 0; margin-left:5px;}
#twitter{background-position: -23px 0; margin-left:5px;}*/




#nav { position:absolute; top: 145px; margin: 14px 0 14px 25px; }
#nav li { float:left; }
#nav li a { float:left; padding: 0 22px; font-size:93%; text-transform:uppercase; height: 41px; line-height:41px; display:block; color:#8d602a; text-decoration: none; }
#nav li a.selected { background: #000 url(/images/nav-selected-bg.gif) top left repeat-x; color:#dbba7f; }
#nav li a:hover { color:#dbba7f; }



.menu{position:absolute; top:148px;	margin:14px 0 14px 0;}	
.menu ul{height:41px; list-style:none; margin:0; padding:0;}	
.menu li{float:left; padding:0px;}
.menu li a{height:41px; line-height:35px; font-size:93%; text-transform:uppercase; color:#8d602a; display:block; font-weight:normal; margin:0px; padding:0px 22px; text-align:center; text-decoration:none;}	
.menu li a.selected{background: #000 url(/images/nav-selected-bg.gif) top left repeat-x; color:#dbba7f; }
.menu li a:hover{color:#dbba7f; text-decoration:none;}

.menu li ul{display:none; height:auto; padding:0px; margin:0px;border:0px; position:absolute; width:310px; z-index:200;}
.menu li:hover ul{display:block;}
.menu li li {background:#151515; display:block; float:none; margin:0px; padding:0px; width:310px;border-bottom:1px solid #000;}
.menu li:hover li a{background:none;}
.menu li ul a{display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{background:#222; border:0px; color:#dbba7f; text-decoration:none;}
.menu p{clear:left;}	

#content p.note {font-size:85%; font-style:italic; margin-top: 5px;}