/* CSS Document */

body {
height: 100%;
width: 100%;
margin:0;
padding:0;
background-color:#000000;
font-size:16px;

}

#body{height: 100%;
width: 100%;
margin:0;
padding:0;
position:fixed;
overflow: auto;
}

img{border:none; }

#main{
width:990px;
height:685px;
}

#top{height:90px; width:100%;margin:0; padding:0; }

#center{width:100%;height:505px;background-image:url(../img/bg.jpg);margin:0; padding:0;}

#bottom{height:76px; width:100%; padding-top:14px}

#nav .selected, #nav2 {font-family:Helvetica, Arial, sans-serif; color:#FFFFFF; text-transform:uppercase; font-weight:lighter; text-decoration:none;}
#nav .links, #nav2 a {font-family:Helvetica, Arial, sans-serif; color:#d3a21e; text-transform:uppercase; text-decoration:none; cursor:pointer;}
.specialNav a {font-family:Helvetica, Arial, sans-serif; color:#d3a21e; text-decoration:none; cursor:pointer; text-transform:none;}
#nav .links:hover, #nav2 a:hover, .specialNav a:hover {color:#d3a21e; text-decoration: underline;}
#nav span, #nav a {margin-left:20px}
#nav2 span,#nav2 a  {margin-right:20px}

#imageText {margin-bottom: 31px;}

#overviewcontrols {

width: 100%;
height: 71px;

}

.reserv_btn {

float: left;
width: 196px;
height: 71px;

}

.menusRight {

float: left;
font-family: Arial;
font-size: 16px;
color: #717171;
line-height: 1.5em;

}

.menusRight a {

font-family: Arial;
font-size: 16px;
color: #717171;
line-height: 1.5em;
text-decoration: none;

}

.menusRight a:hover {


text-decoration: underline;

}



#nav3 {font-family:Helvetica, Arial, sans-serif; color:#d3a21e; text-transform:uppercase}
#nav3 span{color:#fff; padding-left:5px; padding-right:5px}
#nav3 a {color:#d3a21e; text-decoration:none;padding-left:5px; cursor:pointer;}

#nav3 #ckhours:hover {text-decoration: underline;}

.title{
font-family:Arial, Helvetica, sans-serif;
color:#030303;
text-transform:uppercase;
margin-top:0px;
margin-bottom:5px;
padding:0;
line-height: 1.5em;
}

.text{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
padding:0;
margin-top:0;
margin-right:35px;
margin-left:0px;
line-height: 1.5em;
}

.text_due{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
padding:0;
margin-top:0;
margin-right:35px;
margin-left:0px;
line-height: 1.5em;
margin-bottom:20px;
}

.normal{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
padding:0;
margin-top:0;
margin-right:35px;
margin-left:0px;
line-height: 1.5em;
font-size: 14px;
}

.price{
font-family:Georgia, serif;
color:#666666;
font-style: italic;
padding:0;
margin-top:0;
margin-bottom:20px;
margin-right:35px;
margin-left:0px;
line-height: 1.5em;
}

#printer{position:absolute; margin-left: 10px; margin-top:303px;cursor: pointer;}
#hours{position:absolute; margin-left:762px; margin-top:-102px; z-index:1000; display: none}

.hidden{visibility: hidden;}
.visible{visibility: visible;}
#wodumedia{position:absolute; z-index:5; bottom:15px; right: 15px;}

#lounge {

	padding: 405px 300px 0 73px;
	width: 617px;
	height: 101px;
	background-image: url(../img/Lounge.jpg);
	background-repeat: no-repeat;

}

#lounge .tTitle {

	font-size: 14px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 1.5em;
	font-weight: bold;

}

#lounge .tTweet p, #lounge .tTweet a {

	font-size: 16px;
	color: #597451;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 0;

}

#lounge .tTweet a:hover {

    color: #ffffff;

}

/* ABOUT
----------------------------------------------------------------------------------- */

.rightabout{
float:left;
width:269px;
height:505px;

}

/* MENU
----------------------------------------------------------------------------------- */

.rightmenu{
float:left;
width:169px;
height:405px;
background-image:url(../img/menubg.jpg);
padding:50px;
line-height:1.5em;
}

/* WINE
----------------------------------------------------------------------------------- */

.rightwine{
float:left;
width:169px;
height:405px;
background-image:url(../img/winebg.jpg);
padding:50px;
line-height:30px;
}


/* contact
----------------------------------------------------------------------------------- */

.rightcontact{
float:right;
width:396px;
height:400px;
padding: 56px;

}

 #contactmap{ 
 width:396px;
height:400px;
}
 

/* SCROLLAREA and AJAX CONTENT LOAD
----------------------------------------------------------------------------------- */

#arrows{float:right; width:60px; margin-left:5px}

.link {cursor:pointer; }
.slider {position:relative; overflow:hidden; border-right:1px solid #b3b3b1; background:#none; margin-bottom:20px; float:left; width:489px; height:390px;}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	right: 20px;
	top: 25px;
	height: 30px;
	background-image: url(../img/scroll.gif);
	background-repeat: no-repeat;
	background-color:none;
}
.jScrollPaneDrag {
	position: absolute;
	overflow: hidden;
	width:60px;
	height: 30px;
	background: none;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 2px;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 14px;
	background-image: url(../img/arrowup.png);
	background-repeat:no-repeat;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
	background-position: 0;
}
a.jScrollArrowDown {
	background: url(../img/arrowdown.png) no-repeat 0 0;
	display: block;
	position: absolute;
	z-index: 1;
	top: 36px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 14px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
	background-position: 0;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
	background-position: 0;
}
	
.holder {
	float: left;
	margin: 0;
	padding: 0;
}

.scroll-pane {
	overflow: auto;
	background:none;
	float: left;
	color: #FFFFFF;
	font-family: Times, serif;
	font-size:16px;
	text-align:left;
	width:100%;
	height:100%;
}

.wide {width: 400px;}
.super-wide {width: 700px;}
.tall {height: 400px;}

#pane1, #pane2, #pane3 {
	text-align:left;
	width:555px;
	height:390px;
	float: left;
	padding: 55px 0 0 55px;
}

#pane4 {
	text-align:left;
	width: 435px;
	height:400px;
	float: left;
	padding: 45px 0 0 45px;
}

#btn_submit {
	float:left;
	padding:10px;
	border:0;
	background-color:#000;
	color:#fff;
	font-family:Arial, sans-serif;
	font-size:16px;
	margin-right:32px;
	margin-left: 0;
	margin-top: 10px;
	
}

form input[type="text"] {

background:#FFFFFF none repeat scroll 0 0;
border:1px solid #ADA494;
color:#68635D;
font-family:Arial, sans-serif;
font-size:16px;
height:24px;
line-height:24px;
padding:10px;
text-align:left;
width:410px;

}

form textarea {
	
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #ADA494;
color:#68635D;
font-family:Arial, sans-serif;
font-size:16px;
height:117px;
line-height:24px;
padding:10px;
text-align:left;
width:410px;
	
}

.left, label {
	
	margin:0;
}

#wodumedia {
	width:986px;
	margin:0 auto;
	text-align:right;
	color:#464646;
	font-family:Arial, sans-serif;
	font-size:12px;
	margin-right:10px;
}
#wodumedia a {
	color:#464646;
	text-decoration:none;
}

#wodumedia a:hover {
	color:#d3a213;
}