@charset "utf-8";
/* 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; }
h2 { font-size : 130%; }
h3 { font-size : 120%; }
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; }


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 : inside; }
ol { list-style-position : inside; }
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 : -2px;width:153px;height:200px; margin-left:0px; margin-right:0px; padding:0px 0px;}
/*ul#navlist{margin:0px 0px; padding:0px 0px;}*/

/*div#navcontainer{float : left; left : 0px;top : -2px;width:153px;height:200px;padding:0;}*/




div#content { position: relative; top:0; left:0; width : 100%; background-color : #fff; padding:2px 0px; overflow : auto; border-top:solid 3px #A74A3F;}

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: 153px;height:32px}
ul#navlist li a {margin:0px 0px; padding:0px 0px; width: 153px;height:32px}
ul#navlist li a:hover{margin:0px 0px; padding:0px 0px; width: 153px;height:32px}
/*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: 153px; height:200px;}
#navlist li{list-style: none; border-top: 1px solid #777;border-right: 1px solid #777;text-align: left;width: 153px;height:32px}
#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:153px;height:32px;}
#navlist a.current {width:153px;height:32px;color:white;background-color:#723532;cursor:default}
#navlist a.current:hover{width:153px;height:32px;color:white;cursor:default;background:url(../images/bg-723532.jpg) 0px 0px repeat; cursor:default; } 

li#btn1{width:153px;height:31px; background:url(../images/btn-naggiar.jpg) 0 -1px;  background-repeat:no-repeat; }
li#btn1 a:hover{153px;height:31px;background:url(../images/btn-naggiar.jpg) -153px -1px; background-repeat:no-repeat;   }  
li#btn2{width:153px;height:31px; background:url(../images/btn-naggiar.jpg) 0 -34px;  background-repeat:no-repeat; }
li#btn2 a:hover{153px;height:31px;background:url(../images/btn-naggiar.jpg) -153px -34px; background-repeat:no-repeat;   }  
li#btn3{width:153px;height:31px; background:url(../images/btn-naggiar.jpg) 0 -67px;  background-repeat:no-repeat; }
li#btn3 a:hover{153px;height:31px;background:url(../images/btn-naggiar.jpg) -153px -67px; background-repeat:no-repeat;   }  
li#btn4{width:153px;height:31px; background:url(../images/btn-naggiar.jpg) 0 -100px;  background-repeat:no-repeat; }
li#btn4 a:hover{153px;height:31px;background:url(../images/btn-naggiar.jpg) -153px -100px; background-repeat:no-repeat;   }  
li#btn5{width:153px;height:31px; background:url(../images/btn-naggiar.jpg) 0 -133px;  background-repeat:no-repeat; }
li#btn5 a:hover{153px;height:31px;background:url(../images/btn-naggiar.jpg) -153px -133px; background-repeat:no-repeat;   }  
li#btn6{width:153px;height:31px; background:url(../images/btn-naggiar.jpg) 0 -166px;  background-repeat:no-repeat; }
li#btn6 a:hover{153px;height:25px;background:url(../images/btn-naggiar.jpg) -153px -166px; background-repeat:no-repeat;   }  



.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  img { padding-right:8px;}
div#content_sub2 img {  padding-left:8px;}
div#content_sub3 img {  padding-left:8px;}*/
div#content_main h3, div#content_sub1 h3, div#content_sub2 h3{ margin : 0 10px 0 15px;  padding : .5em 0 10px 0px; text-align:left; }
div#content_main p { margin-top : 0 ; padding-top : 0  ; padding-right:0px; margin-right:0; border-right:1px solid #D8D997;}
p 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; text-decoration:none;}
p a.goBack:hover {background-color:#699;border-color : #CCC; color:#404040; border-right:1px solid #606060; border-bottom:1px solid #404040;}
div a.button{ display:block; height:20px; 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; text-decoration:none;}
div a.button:hover {background-color:#699;border-color : #CCC; color:#404040; border-right:1px solid #606060; border-bottom:1px solid #404040;}
div#content_sub1 p{ margin-top : 0 ; padding-top : 0  ; padding-right:0px; padding-left:8px; margin-right:0; border-right:1px solid #D8D997;}
div#content_sub2 p{ margin-top : 0 ; padding-top : 0  ; padding-left:8px;}


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;}

.image_index {padding: 3px;margin; 3px;}
/*  images button using Sprite technique*/
#buttonMore a, .buttonMore a{height: 21px; width: 67px; display: block;  background: url(../images/button-more.png) 0px 0px; border: none;}
#buttonMore a:hover, #buttonMore a:active, .buttonMore a:hover, .buttonMore a:active  {background-position: 0px -21px;}
#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;}

.bg_fbk {background-color:#F0ECE3;}
p.clear { clear : both; }

/*td.tastingRoom {background:url(images/naggiar_tasting_room.jpg);  background-repeat:no-repeat; }*/
table.events{ width: 700px;background-color: #fafafa;border: 1px #000000 solid;border-collapse: collapse;border-spacing: 0px; }
caption { padding : .5em;letter-spacing : .2em; color:#900; font-weight: bold;}
th { background : #90305c;color : #fff;padding : 1em .7em 1em .7em;font-weight : normal; }
tbody td, tbody th {border-bottom: 1px #6699CC dotted;text-align: left;font-weight: normal; font-family: Verdana;font-weight: normal;font-size: 11px;color: #404040; padding-left: 8px; }
td { padding : 0 0px; }
table#slideshow td {padding-left:0px; padding-right:0px;}
tbody tr { background: #fafafa; }
tbody tr:hover { background: #ddeeff; color : #fff; }
td.eventDay {background-color: #D7DB9B;border: 1px #000000 solid;font-family: Verdana;font-weight: bold;font-size: 12px;color: #404040; padding-left: 8px;}
td.eventDay a {font-weight: normal;font-size: 12px;color: #404040; text-decoration:none;border-bottom: 1px #900 dotted; padding-left: 8px;}
td.eventDay a:hover {font-size: 12px;color: #900; text-decoration:none;border-bottom: 1px #900 solid; }

/*}

/* =The rules below relate only to Mozilla Firefoc 1.5 and its provisional support for CSS3 columns. */
/*ul#nav_experts + p { -moz-column-count : 2; -moz-column-gap : 1em; } 
*/