/* CSS Document */

body{background: #fff url(img/bg.jpg) repeat-x; margin: 0; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#wrap{width: 815px; background: #fff url(img/grbar_bg.jpg) repeat-y; border: #fff 2px solid; margin: 30px auto; text-align: center;}

h1{display:none;}
a{color:#7A1501; text-decoration: none;}
a:hover{ color:#7A1501; text-decoration: underline;}

/* Main Navigation */
#nav{width: 754px; height: 43px; margin:0; padding:0; position: relative; top: -291px; left: 61px; z-index: 2;}
#nav li, #nav2 li{margin:0; padding: 0; list-style: none;}
#nav li, #nav li a, #nav2 li, #nav2 li a{height: 43px; float: left; padding: 0; margin: 0; display: block;}

#nav2{width: 754px; height: 43px; margin:0; padding:0; position: relative; top: -193px; left: 61px; z-index: 2;}

#home a{background: url(img/nav.jpg); background-position: 0 0; width: 91px;}
#home a:hover{background: url(img/nav.jpg); background-position: 0 -43px; width: 91px; height: 43px;}

#wine a{background: url(img/nav.jpg); background-position: -91px 0; width: 118px;}
#wine a:hover{background: url(img/nav.jpg); background-position: -91px -43px; width: 118px; height: 43px;}

#fam a{background: url(img/nav.jpg); background-position: -210px 0; width: 138px;}
#fam a:hover{background: url(img/nav.jpg); background-position: -210px -43px; width: 138px; height: 43px;}

#club a{background: url(img/nav.jpg); background-position: -348px 0; width: 90px;}
#club a:hover{background: url(img/nav.jpg); background-position: -348px -43px; width: 90px; height: 43px;}

#blog a{background: url(img/nav.jpg); background-position: -438px 0; width: 55px;}
#blog a:hover{background: url(img/nav.jpg); background-position: -438px -43px; width: 55px; height: 43px;}

#contact a{background: url(img/nav.jpg); background-position: -493px 0; width: 81px;}
#contact a:hover{background: url(img/nav.jpg); background-position: -493px -43px; width: 81px; height: 43px;}

#buy a{background: url(img/nav.jpg); background-position: -574px 0; width: 90px;}
#buy a:hover{background: url(img/nav.jpg); background-position: -574px -43px; width: 90px; height: 43px;}

#right{background: url(img/nav.jpg); background-position: -664px 0; width: 90px;}

/* Reserve Wines Navigation */
#nav3{width: 754px; height: 43px; margin:0; padding:0; position: relative; top: -193px; left: 61px; z-index: 2;}
#nav3 li{margin:0; padding: 0; list-style: none;}
#nav3 li, #nav3 li a{height: 43px; float: left; padding: 0; margin: 0; display: block;}

#home3 a{background: url(img/nav3.jpg); background-position: 0 0; width: 91px;}
#home3 a:hover{background: url(img/nav3.jpg); background-position: 0 -43px; width: 91px; height: 43px;}

#wine3 a{background: url(img/nav3.jpg); background-position: -91px 0; width: 118px;}
#wine3 a:hover{background: url(img/nav3.jpg); background-position: -91px -43px; width: 118px; height: 43px;}

#fam3 a{background: url(img/nav3.jpg); background-position: -210px 0; width: 138px;}
#fam3 a:hover{background: url(img/nav3.jpg); background-position: -210px -43px; width: 138px; height: 43px;}

#club3 a{background: url(img/nav3.jpg); background-position: -348px 0; width: 90px;}
#club3 a:hover{background: url(img/nav3.jpg); background-position: -348px -43px; width: 90px; height: 43px;}

#blog3 a{background: url(img/nav3.jpg); background-position: -438px 0; width: 55px;}
#blog3 a:hover{background: url(img/nav3.jpg); background-position: -438px -43px; width: 55px; height: 43px;}

#contact3 a{background: url(img/nav3.jpg); background-position: -493px 0; width: 81px;}
#contact3 a:hover{background: url(img/nav3.jpg); background-position: -493px -43px; width: 81px; height: 43px;}

#buy3 a{background: url(img/nav3.jpg); background-position: -574px 0; width: 90px;}
#buy3 a:hover{background: url(img/nav3.jpg); background-position: -574px -43px; width: 90px; height: 43px;}

#right3{background: url(img/nav3.jpg); background-position: -664px 0; width: 90px;}

/* Website Content */
#sidebar{width:310px; margin:-25px 0 0 0; padding:0; float:left;} /* width was 260 */
#sidebar p{color: #2E2E2E; line-height: 150%; text-align: left; margin: 0 0 0 70px;}
#sidebar img{ margin: 0 0 0 63px;}

#content{width:390px; text-align: left; float: right; margin: -35px 35px 0 0;}
#content p{color: #2E2E2E; line-height: 150%;}

#content3{width:620px; text-align: left; float: right; margin: -35px 55px 25px 0;}
#content3 p{color: #2E2E2E; line-height: 150%;}

#content_bottle{width:470px; text-align: left; float: right; margin: -35px 35px 0 0;}
#content_bottle p{color: #2E2E2E; line-height: 150%;}

/* Wine collection layout */
#wine_l{float:left; width: 300px; padding: 10px 0 25px 70px;}
#wine_l dl{ float:left; width: 280px; margin: 10px 20px; padding: 0; display: inline;}
#wine_l dt{text-align: left; float: right; width: 221px; margin: 0; padding:0; font-size: 110%; color:#7A1501;} /* width was 166px */
#wine_l dd{text-align: left; margin:0 0 0 45px; padding:0; font-size: 100%; line-height: 1.5em; color: #666;}
#wine_l dl dd.thumb{margin:0;}
#wine_l dd.thumb img{float:left; margin:0 8px 0 0; padding: 0; border:0; background: #fff;}
/* right side wine collection layout */
#wine_r{float:left; width: 300px; padding: 10px 0 25px 0;}
#wine_r dl{ float:left; width: 280px; margin: 10px 20px; padding: 0; display: inline;} /* width was 260px */
#wine_r dt{text-align: left; float: right; width: 221px; margin: 0; padding:0; font-size: 110%; color:#7A1501;} /* width was 162px */
#wine_r dd{text-align: left; margin:0 0 0 45px; padding:0; font-size: 100%; line-height: 1.5em; color: #666;}
#wine_r dl dd.thumb{margin:0;}
#wine_r dd.thumb img{float:left; margin:0 8px 0 0; padding: 0; border:0; background: #fff;}

#slider{width: 310px; height: 310px; position: relative; overflow: hidden; margin-left: 70px;}
#sliderContent {width: 310px; /* important to be same as image width or wider */position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */}
#slider ul, #slider li, #slider li img{list-style: none; margin:0; padding:0;}
.sliderImage{float: left; /* important */position: relative; /* important */display: none; /* important */}
.sliderImage span {
   position: absolute; /* important */
   padding: 10px 13px;
   width: 310px; /* width of image minus left and right padding. Needed for IE */
   background-color: #fff;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   right: 0;
   bottom: 0;
   letter-spacing: 1px;
}

.clearit{ clear: both;}
img{ margin:0; padding:0;}

a img{ border:0;}