@charset "utf-8";
/* CSS Document */
/* CSS Document */
* { margin : 0; padding : 0; }
/* =html */
html { background : #d3e1c3  ; }

body { font : 76%/160% Tahoma, Verdana, Arial, sans-serif; color : black; text-align : center; }
/*  this is actually a hack, it is not going to hurt anything, */
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }
h1, h2, h3 { font-weight : bold; text-transform : uppercase; }
p { margin : 0 1em; padding : 1em 0; line-height:1.3em}
h2 { font-size : 130%; }
h3 { font-size : 120%; color: #723532}
pre  { font-family : Tahoma, Verdana, Arial, sans-serif; color : black; font-size : 100%;}
/* =h1 */
/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */
h1 { z-index : 3; position : absolute; left : 17px; top :  -5px; width: 418px; height : 109px; background : url(../images/naggiar-vineyards.jpg) }
h1 a { display : block; width: 418px; height : 109px; text-indent : -9999px; }

table#slideshow td {padding-left:0px; padding-right:0px;}
div#container { width : 953px; margin : 0 auto; padding : 0; text-align : left; background-color:white;}
/* =branding */
div#branding { z-index : 1;display:block; position : relative; width : 100%; height : 109px; background-color:#f9f5da;}
div#branding blockquote {position : absolute; left : 421px;top : 0px;width: 398px;height : 64px;padding:30px 20px 0 100px;color:#6B6B63;line-height:16px;font-size:13px;text-align:right;}
div#branding blockquote a{color:#6B6B63;font-weight:normal;text-decoration:none;border-bottom:dashed 1px #660000;}
div#branding blockquote a:hover{color:black;border-bottom:double 1px #660000;}
div#branding blockquote a.mailing{font-size:13px;color:#660000;font-weight:bold;text-decoration:none;border-bottom:dashed 1px #660000;}
div#branding blockquote a.mailing:hover{color:black;border-bottom:double 1px #660000;}
/* =ul =ol  main navigation*/
div#navigation{top:0; left:0; width:953px; height:32px; background:url(../images/nav.jpg) repeat-x;padding-bottom:2px; border-bottom:solid 8px #D6E388;}
ul { list-style-type : disc; list-style-position:outside; }
ol { list-style-position : outside; }
ul#nav_main {margin-left: 50px; padding-left:20px; white-space: nowrap;}
/* =li */
#nav_main li { display : inline; list-style-type: none; background:url(../images/divider-m.jpg) no-repeat;background-position : 100% 50%; }
#nav_main a { padding: 2px 15px; font-size:13px; color: #600; font-weight:bold; text-decoration:none;}
#nav_main a:link, #navlist a:visited { color: #600; }
#nav_main a:hover{color:white; background-color:#779512;}
#nav_main a.current {color:white; background-color:#779512;border-bottom : 4px solid #90305c; cursor:default}

/*  Flash Banner with Navigation*/
div#banner td {padding:0; background-color :#D6E388;}
#banner table {border:0;}
#banner td{padding:0; }
div#navcontainer{z-index : 5;position :relative;left : 0px;top : -1px;width:250px;height:115px;margin-left:0px; margin-right:0px; padding:0px 0px;}
ul#navlist{margin:0px 0px; padding:0px 0px; }
ul#navlist:hover{margin:0px 0px; padding:0px 0px;}
ul#navlist li{margin:0px 0px; padding:0px 0px; width: 250px;height:23px}
ul#navlist li a {margin:0px 0px; padding:0px 0px; width: 250px;height:22px}
ul#navlist li a:hover{margin:0px 0px; padding:0px 0px; width: 245px;height:22px}
/*div#navcontainer{float : left; left : 0px;top : -2px;width:153px;height:200px;padding:0;}*/

#navlist{padding:0px; margin-left: 0; font: bold 12px Verdana, sans-serif; width: 250px; height:115px;}
#navlist li{list-style: none; border-top: 1px solid #777;border-right: 1px solid #777;text-align: left;width: 250px;height:22px}
#navlist li a{display: block; padding: 0px 0px 0px 14px;color: white;text-transform:uppercase;text-decoration: none;}
#navlist li a:link, #navlist li a:visited{ color: white; }
#navlist li a:hover { color: white; width:250px;height:22px;}
#navlist a.current {width:250px;height:22px;color:white;background-color:#723532;cursor:default}
#navlist a.current:hover{width:235px;height:22px;color:white;cursor:default;background:url(../images/bg-723532.jpg) 0px 0px repeat; cursor:default; } 
li#btn_wines1{width:250px;height:23px; display:block;color: white;  background:url(../images/button-menu-wines.jpg) 0px -1px;  background-repeat:no-repeat; border-top: 1px solid #777;}
li#btn_wines1 a:hover{width:245px;height:22px; background:url(../images/button-menu-wines.jpg) -250px -1px; background-repeat:no-repeat}  
li#btn_wines2{width:250px;height:23px; display:block; background:url(../images/button-menu-wines.jpg) 0px -23px; background-repeat:no-repeat;}
li#btn_wines2 a:hover{width:245px;height:22px;background:url(../images/button-menu-wines.jpg) -250px -23px; background-repeat:no-repeat;   } 
li#btn_wines3{width:250px;height:23px; display:block; background:url(../images/button-menu-wines.jpg) 0px -46px;  background-repeat:no-repeat}
li#btn_wines3 a:hover{width:245px;height:22px;background:url(../images/button-menu-wines.jpg) -250px -46px; background-repeat:no-repeat}  
li#btn_wines4{width:250px;height:23px; display:block; background:url(../images/button-menu-wines.jpg) 0px -69px; background-repeat:no-repeat; }
li#btn_wines4 a:hover{width:245px;height:22px;background:url(../images/button-menu-wines.jpg) -250px -69px; background-repeat:no-repeat;   }
li#btn_wines5{width:250px;height:23px; display:block; background:url(../images/button-menu-wines.jpg) 0px -93px;  background-repeat:no-repeat}
li#btn_wines5 a:hover{width:250px;height:22px;background:url(../images/button-menu-wines.jpg) -250px -93px; background-repeat:no-repeat}  

div#content { position: relative; top:0; left:0; width : 100%; background-color : #fff; padding:0px; overflow : auto; border-top:solid 3px #A74A3F;}
div#content_main h2{ margin : 10px 10px 0 20px;  padding : 10px 10px 10px 30px; text-align:left; color:#666633;}
div#content_main1 h2{ margin : 10px 10px 0 20px;  padding : 10px 10px 0px 10px; text-align:left; color:#666633;}
div#content_main1 p{ margin : 10px 10px 0 20px;  padding : 8px 10px 8px 10px; text-align:left; color:#000; }
div#content_sub1 h2{ margin : 10px 10px 0 20px;  padding : 10px 10px 10px 10px; text-align:left; color:#666633;}
div#content_sub2 h2{ margin : 10px 10px 0 20px;  padding : 10px 10px 10px 10px; text-align:left; color:#666633;}

div#content_main  p{ margin : 20px 10px 10px 10px;  padding : .5em 10px 10px 20px; text-align:left; }

.content_div h3 a { color:#666633; }
div#content_main h3 { color:#666633; padding: 3px 0px;}
div#content_main h3 a{text-decoration:none;color:#666633; padding: 3px 0px; }
div#content_sub1 h3 a{text-decoration:none; color:#666633; }
div#content_sub2 h3 a{text-decoration:none; color:#666633; }

div#content_main h3, div#content_sub1 h3, div#content_sub2 h3{ margin : 0 10px 0 5px;  padding : .5em 0 10px 0px; text-align:left; color:#723532; padding-left:30px;}
div#content_main p { margin-top : 0 ; padding-top : 0  ; padding-right:0px; margin-right:0; }
div#content_sub1 p{ margin-top : 0 ; padding-top : 0  ; padding-right:0px; padding-left:8px; margin-right:0; }
div#content_sub2 p{ margin-top : 0 ; padding-top : 0  ; padding-left:8px;}
div#content_main li, div#content_sub1 li,div#content_sub2 li{ font : 12px Tahoma, Verdana, Arial, sans-serif; color : black;}
/*div#content_main table, div#content_sub1 table,div#content_sub2 table{ font : 76%/160% Tahoma, Verdana, Arial, sans-serif; color : black;}*/
div#content_main a, div#content_sub1 a , div#content_sub2 a  {text-decoration:none;border-bottom:1px dotted #36C; color:#36C}
div#content_main a:hover, div#content_sub1 a:hover , div#content_sub2 a:hover {
	background-color:#ddeeff;
	text-decoration:none;
	border-bottom:1px dotted #36C;
	color:#903
}

div#content table {font-size: .9em;}


div#site_footer { position: relative; top:0; left:0;  padding:5px 10px; color:#A74A3F; font-size:11px; font-weight:bold;  height: 90px;  }
div#site_footer  a{ color:#A74A3F;text-decoration:none; border-bottom:1px dotted #A74A3F;}
div#site_footer  a:hover{ text-decoration:none; border-bottom:1px solid #1258a0;}
div#facebook {float:left;width:930px; background-color : #fff; }
div#facebook a { color:#000; text-decoration:none; border-bottom:1px dotted #900; }
div#facebook a:hover{ border-bottom:1px solid; color:#1258a0}
.bg_fbk {background-color:#F0ECE3;}

div#footer_copy { float : left; width : 350px;margin : 0; padding : 0; background-color : #cad682; }
div#footer_policy {float : left; width : 115px; margin : 0; padding : 0; background-color : #cad682; }
div#footer_sitemap {float : left; width : 115px; margin : 0; padding : 0; background-color : #cad682; }
div#footer_w3 {float : left; width : 350px; margin : 0; padding : 0; background-color : #cad682; }

div#footer_copy { text-align:left; }
div#footer_sitemap {text-align:center;}
div#footer_w3 {text-align:right;}

/*  images button using Sprite technique*/
#buttonMore a {height: 21px; width: 67px; display: block;  background: url(../images/button-more.png) 0px 0px; border: none;}
#buttonMore a:hover, #buttonMore a:active {background-position: 0px -21px;}
div#buttonShop{margin-left: 120px;margin top: 10px;}
#buttonShop a {height: 21px; width: 78px; display: block;  background: url(../images/button-more.png) -67px 0px; border: none;}
#buttonShop a:hover, #buttonShop a:active {background-position: -67px -21px;}
div#content_main a.goBack, div#content_sub a.goBack, div#content_sub2 a.goBack{ background-color:#90305c; border : 1px solid #e590b8; margin-left:10px;color:#fff; font-size:14px; font-weight:bold;padding: 5px; border-right:1px solid #999; border-bottom:1px solid #999;}
div#content_main a.goBack:hover, div#content_sub a.goBack:hover, div#content_sub2 a.goBack:hover, {background-color:#699;border-color : #CCC; color:#404040; border-right:1px solid #606060; border-bottom:1px solid #404040;}

/*  Floating image*/
img.FloatingImageLeft  {float: left;  padding:10px 25px 10px  25px;}
img.FloatingImageRight {float: right; padding:10px 25px 10px  25px;}
img.paddingOnly  {padding:10px 25px 10px  0px;}
div#content img {background: transparent;padding: 0 8px;border: none;margin: 0px 0;}
.image_index {padding: 3px;}

ul.paddingLeft{padding-left: 40px;padding-right: 20px;}
p.clear { clear : both; }

.blockIt{ 
	background-color:#FEFBF5;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
p.blockIt {padding-top: 20px;}