@charset "UTF-8";
/* CSS Document */

body { margin:0 auto; background-color: #300;}
img {border: none;}
#top-navi-wrap { clear: both; width: 100%; height: 48px; color: #FFC; font-size: 12px; background: #300 url(images/top-navi-bg.jpg) top left repeat-x; font: normal 12px Arial, Helvetica, sans-serif;}
#top-navi { width: 950px; margin: 0 auto;}
#top-navi-text {float: right; padding-top: 10px; clear: right; width: 250px; text-align: right; padding-right: 100px;}
#top-navi-text a {color: #FFF; text-decoration: none;}
#slogan { float: left;  margin-left: 65px;  padding-top: 8px;  width: 450px;}
#slogan h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 16px; margin-top:0; margin-bottom: 0;}

#body-wrap { display: block; width: 950px; margin: 0 auto; background: #300 url(images/body-wrap-bg.jpg) top right no-repeat;}

#content-wrap {float: left; margin-left:60px; width: 800px;}
#logo-wrap { display: block; clear: both; width: 800px; background: url(images/logo-wrap-bg.jpg) bottom left no-repeat; height: 206px; }
#logo-block { margin-left: 170px; width: 200px;}
#left-block { width: 249px; float: left; }


#navi-wrap { float: left; clear:left; background:  url(images/nav-bg.jpg) top left repeat-y; height: 290px; width: 249px; padding-top: 10px; }
.menu { width: 217px; padding: 7px 0 0 10px; margin-left: 22px; height: 19px; border-bottom: #FC3 1px dotted;}
.menu:hover { background: url(images/menu-hover-bg.jpg) center right no-repeat; }
.menu a { color: #FF6; text-decoration: none; text-transform: uppercase; font-size: 13px;}

#right-block { margin: 105px 0 0 0; background: #FD8 url(images/specials-bg.jpg) top left repeat-y scroll; font: normal 12px Arial, Helvetica, sans-serif; color: #630;}

#welcome-header { width: 540px; height:46px; margin: 5px 3px 5px 252px; border: #963 1px solid; }
.decor-box { float:left; background: url(images/deco-block.jpg) center no-repeat; width: 40px; height: 40px; margin: 3px 3px; }
#welcome-title-box { float: left; height: 36px; width: 448px; padding-top: 10px; text-align: center; }
#welcome-title-box h1 {font-size: 22px; color: #300; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 0;}
#welcome-text { width: 530px; min-height: 175px; padding: 0 5px; text-align: justify; font-size: 12px; border: #963 1px solid; margin: 3px 3px 5px 3px; float: right; clear: right;}
#welcome-text span {display: block; text-align: right; padding-right: 5px; font: bold 12px Verdana, Geneva, sans-serif; }
#welcome-text ul li {list-style-position: inside;}
#welcome-text a { color: #300; text-decoration: none;}
#welcome-text a:hover { text-decoration: underline;}
#welcome-text img { float: left;margin: 10px 10px 10px 5px;}

.banner { float: right; clear: right; padding: 5px 10px; display: inline; }
#news-wrap { width: 545px; float: right; height: 260px;}
.news-box { float: right; width: 263px; height: 245px; border: #963 1px solid; margin: 5px 5px 5px 0;}
.news-header { clear: both; height: 23px; background-color: #930; color: #FE6; padding-top: 5px; padding-left: 10px; font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.news-text {display: block; padding: 0 5px; font: normal 12px Arial, Helvetica, sans-serif; color: #333;}
.news-text span { font-weight: bold; font-size: 1.2em;}
.news-text p {margin-top: 0; padding-top: 5px;}
.news-text a { color: #300;}
.closer {clear: both; height: 1px; }

#events-wrap { float: left; clear:left; min-height: 305px; width: 245px; margin:10px 0 10px 0;  }
#events-header { clear: both; width: 190px; height:28px; margin: 15px auto;}
.fleur-boxl { float:left; background: url(images/deco-fleur-left.png) center no-repeat; width: 37px; height: 28px; }
.fleur-boxr { float:left; background: url(images/deco-fleur-right.png) center no-repeat; width: 37px; height: 28px; }
#events-title-box { float: left; height: 21px; width: 115px; padding-top: 7px; text-align: center; color: #FFF; font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #930; }

.event-text {width: 210px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; clear:both; margin: 5px 5px 5px 30px; text-align: justify; padding: 0 0 10px; }
.event-text h2 {font-size: 18px; text-align: center;}
.event-text strong {color: #FFF; text-align: left; }

#footer { width: 800px; margin: 10px 0 0 60px; clear: both; }
#footer-navi { clear: both; margin: 10px auto; font: normal 12px Verdana, Geneva, sans-serif; color:#F60; text-align: center; }
#footer-navi a { color: #F96; text-decoration: none;}
#copyright { clear: both; text-align: right; font: normal 12px Arial, Helvetica, sans-serif; color: #963; padding-right: 5px; }
#copyright a { color: #963; text-decoration: none;}
/* VIP PAGE*/
#vip-text { width: 530px; padding: 0 5px; text-align: left; font-size: 14px; border: #963 1px solid;margin: 3px auto; float: right;}
#vip-text span {display: block; text-align: right; padding-right: 5px; font: bold 12px Verdana, Geneva, sans-serif; }
#vip-text ul li {list-style-position: inside; font-weight: bold;}
#vip-text a { color: #300; text-decoration: none;}
#vip-text a:hover { text-decoration: underline;}
#vip-text img { float: left;margin: 10px 10px 10px 5px;}
.vip-form {display: block; width: 535px; margin: 10px auto 10px auto; line-height: 25px; }
/*CONTACT PAGE*/
 .form { 	 display: block; 	 width: 510px;	font-size:13px;	color:#030;	margin: 10px auto; }
 
.form label { display:block; line-height:25px; }
.form-blocks {float:left; margin: 0 5px; text-align: right;}
.form-block2 { clear: both; margin:10px auto; text-align: center; background-color: #FFEEBB;}
#contact-text { width: 530px; padding: 0 5px; text-align: center; font-size: 14px; border: #963 1px solid; margin: 3px auto; min-height: 150px; float: right;}
.form-button { margin-top: 10px; clear: both; text-align: center;}


/* MENU PAGE */
#menuwine-content { width: 545px; margin: 20px auto; float: right; clear: right;}
#menutabs-wrap { border:1px solid #930; width:520px; margin-bottom: 1em; padding: 10px;}

.shadetabs{
padding: 7px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 10px;
margin-right: 3px;
border: 1px solid #930;
color:#FFF;
background: white url(images/menu-tab.jpg) top left repeat-x;
}

.shadetabs li a:visited{
color: #FFC;
}

.shadetabs li a:hover{
	background: url(images/menu-tab-hover.jpg) top left repeat-x;
color: #FFC;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 2px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: url(images/menu-tab-over.jpg) bottom left repeat-x;
border-bottom-color:#FD8;
color: #000;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
/*display:none;*/
}
.menu-list {font-size: 14px; text-align: center; color: #333;}
.menu-list h2, h3 {color: #600;}
.menu-list span {font-style: italic; color: #630; font-size: 12px;}
.menu-list ul {
	padding-left:0;
}
.menu-list li { padding-bottom: 8px;}
.menu-list ul li {list-style-image: none; list-style-type: none; }
.wines {float:left; width: 368px; text-align: left;font-size: 14px; color: #333; }

.wine-price { width: 65px; text-align: right; color: #600; font-weight: bold; float: left;}

@media print {
.tabcontent {
display:block !important;
}
}

/* EVENTS */

#events-text { width: 510px; min-height: 175px; padding: 0 15px; text-align: justify; font-size: 12px; border: #963 1px solid; margin: 3px 3px 5px 3px; float: right; clear: right; }

#events-text strong { color: #000; padding: 10px 0 5px 0; display: block;}
.events { text-align: center; font-size: 20px; color: #300;}