body{padding:0;margin:0;font-size:12px;font-family:'Raleway', sans-serif;color:#262626;font-size:13px;}
body#interior{background-image:none;background-color:#ffffff;}
h1,h2,h3,h4{padding:0;margin:0 0 1em;}
a{color:#262626;}
a img{border:none;}
p{margin:0 0 22px;line-height:22px;}
p.last,p.alt{margin-bottom:0;}
address{display:inline;}
ul{list-style:none;padding:0;margin:0;}
.clr_l{clear:left;}

body,html{height:100%;}
#container{min-height: 100%; height: auto !important; height: 100%;}
/*body#interior #container{margin-bottom:-99px;;}*/
#background{ min-width:1000px; position:fixed; width:100%; height:100%; top:0px; left:0; z-index:1; background-size:cover; background-position:center center; }

/*HEADER====================================================*/
#header{height:114px;background:url(../images/header_sprt.png) repeat-x;position:relative;position:relative;z-index:2;}
#header #logo{width:185px;height:177px;position:absolute;top:0;left:50%;margin-left:-92px;z-index:2;}
#header #logo h1{position:absolute;text-indent:-9999px;}

#main-nav{width:980px;margin:0 auto;position:relative;}
#main-nav nav{}
#topnav{padding-top:68px;margin-left:5px;position:relative;}/*overflow:hidden;*/
#topnav > li{float:left;display:inline;position:relative;padding-bottom:18px;margin-right:40px;}
#topnav > li a{color:#e3c18f;font-size:13px;display:inline;text-decoration:none;}
#topnav > li a:hover{color:#c19553}
#topnav > li.eventsNav{margin-right:258px;}
#topnav > li.photosNav{margin-right:30px;}
#topnav > li.private-eventsNav{margin-right:30px;}
#topnav > li.award-and-pressNav{margin-right:30px;}
#topnav > li.contactNav{margin-right:0;}
#topnav > li > ul{width:190px;height:auto;display:none;position:absolute;top:100%;left:-15px;background:#520d03;padding-bottom:20px;}
#topnav > li > ul > li{padding:10px 15px 0;display:block;}
#topnav > li:hover > ul{display:block;}

#searchbar{width:180px;height:24px;background:url(../images/search_bg-l.png) 0 0 no-repeat;position:absolute;top:14px;right:0;}
#searchbar .inner{height:24px;margin-left:5px;background:url(../images/search_bg-r.png) right 0 no-repeat;}
#searchbar .inner input[type="text"]{height:25px;padding:0;margin:0 0 0 5px;line-height:25px;border:none;background-color:transparent;color:#e3c18f;}
#searchbar .inner input[type="submit"]{width:18px;height:24px;padding:0;margin:0;border:none;cursor:pointer;background-color:transparent;}


/*CONTENT====================================================*/
/*--Home--*/
#home-content{width:100%;border-top:1px solid #4f3524;background:url(../images/callout_bg-shade.png);position:absolute;bottom:99px;z-index:1; padding-bottom:30px;}
#home-content .content{width:942px; margin:0 auto 30px;color:#f3e0c3;}
#home-content .content .main-content{width:645px;height:auto;float:left;padding:30px 0;line-height:20px;}
#home-content .content .main-content p{font-family: 'Droid Serif', serif;}
#home-content .content #sidebar-callout{width:255px;height:175px;float:right;margin-top:40px;background:url(../images/callout_box.png) center top no-repeat;position:relative;}
#home-content .content #sidebar-callout .callout_inner{width:231px;height:133px;position:absolute;top:12px;left:12px;}
#home-content .content #sidebar-callout .callout_inner ul{overflow:hidden;position:relative;}
#home-content .content #sidebar-callout .callout_inner li{float:left;}
#home-content .content #sidebar-callout .callout-control-next{width:7px;height:15px;position:absolute;top:72px;right:0px;cursor:pointer;}
#home-content .content #sidebar-callout .callout-control-prev{width:7px;height:15px;position:absolute;top:72px;left:0;cursor:pointer;}
#home-content .content h1{font-size:32px;line-height:30px;font-weight:normal;}
#home-content .content h1 span{font-size:21px;font-style:italic;}

.hotel-reservation {
	width:100%; height:40px; position:absolute; bottom:3px; left:0; 
	background: #963500; background: linear-gradient(to bottom,  #963500 50%,#762a00 100%);
	border-bottom:1px #9f6a4d solid; box-shadow:0 3px 0px 0px #963500;
}
	.hotel-reservation a{
		width:50%; height:20px;padding:0 5%; position:relative; top:10px; float:left;  
		font:14px/20px 'Raleway', sans-serif; color:#f0e0c2; text-decoration:none; font-style:italic;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 	
	}
	.hotel-reservation a span {text-transform:uppercase; font-size:18px; font-style:normal; margin-left:2px;}
	.hotel-reservation .book-room {text-align:right; border-right:1px #f0e0c2 solid;}


/*--Interior--*/
#interior-content{padding-bottom:10px;margin-bottom:117px;margin-top:-8px;background:url(../images/content_bottom-bg.png) center bottom no-repeat;position:relative;z-index:1;}
#interior-content .hero{width:980px;height:314px;padding:0 5px;margin:0 auto;background:url(../images/content_shade-bg.png) center top repeat-y;}
#interior-content .hero .inner{height:314px;background:url(../images/banner_inner-bg.jpg) center top no-repeat;position:relative;}
#interior-content .hero .inner img{position:absolute;top:25px;left:26px;}
#interior-content .content{width:980px;padding:0 5px;margin:0 auto;background:url(../images/content_shade-bg.png) center top repeat-y;font-size:13px;}
#interior-content .content .inner{padding:37px 46px 55px;overflow:hidden;}
#interior-content .content .inner .main-content{width:580px;min-height:500px;float:left;line-height:22px;}
#interior-content .content .inner .sidebar-callout{width:260px;float:right;}

#interior-content .content h1{font-size:32px;color:#330000;}
#interior-content .content h2{font-size:20px;color:#424716;margin-bottom:5px;}
#interior-content .content span.price{color:#7c6d57;margin-left:15px;}


/*FOOTER====================================================*/
#footer{height:98px;border-top:1px solid #4f3524;margin-top:-99px;background-color:#090300;color:white;position:relative;z-index:2;}
#footer #footer-content{width:990px;margin:0 auto;text-align:center;color:#e3c18f;font-size:12px;}
#footer #footer-content h4{font-size:16px;padding:18px 0 5px;margin:0;}
#footer .footer-utility .btn_fb{position:relative;top:4px;left:4px;}
#footer a{color:#85412c;text-decoration:none;}
#footer a:hover{color:#a35c46;}




/*CONTENT*/
.content-food-menu{text-align:;}
.content-food-menu h2{border-bottom:1px dotted #999999;padding:0 0 10px;margin-bottom:15px!important;}
.content-food-menu .special-item{padding:20px;border:3px double #999999;margin-bottom:22px;}
.content-food-menu .special-item h2{border:none;padding-top:0;margin-top:0;}
.content-food-menu .view-button{width:110px;margin:20px auto 0;text-transform:uppercase;text-align:center;}
.content-food-menu .view-button a{width:auto;padding:10px 0;background-color:#520d03;color:#f7c136;text-decoration:none;display:block;}
.content-food-menu .view-button a:hover{color:#e3c18f;}
.fine-print{font-size:11px;color:#666;margin-bottom:10px;}
.fine-print.alt{color:#999}
.fine-print.last{margin-bottom:0;}


.list-date{}
.list-date li{padding-top:10px;border-bottom:1px dotted #CCC;}
.list-date li:first-child{padding:0;}
.list-date li span{float:right;}
.list-date li a{text-decoration:none;}
.list-date li a:hover{text-decoration:underline;}

.inner_content{position:relative;overflow:hidden;}
.inner_content.alt .ic_left{width:360px;float:left;}
.inner_content.alt .ic_right{width:180px;float:right;}

.tbl_winelist{}
.tbl_winelist td{padding:5px 0;}
.tbl_winelist td h3{margin:0!important;padding:0!important;}
.tbl_winelist td h2{margin:0!important;padding:0 0 5px!important;}
.tbl_winelist .header{border-bottom:1px dotted #999;padding:20px 0 6px;}
.tbl_winelist .header.alt{padding-top:0;}

.my_nav{display:none;}
#myTopbar{display:none;}

/*Media queries*/
@media only screen and (max-width: 1015px) {
	#background {
		width: 100%;
		max-width: 1015px;
	}	
	#container {
		width:100%;
		max-width: 1015px;
	}
	#header {
		width:100%;
		margin-top:0;
		z-index: 5;
	}
	#logo { 
		width: 30% !important;
		max-width: 185px;
		height:100% !important;
		max-height:177px;
		float: left;
		position: relative !important;
		top: 0px !important;
		left: 10px !important;
		margin-left: 0px !important;
		z-index: 2 !important;
	}
	#logo  img{ 
		width: 100%;
	}
	#main-nav{
		width: 100%;
		height: 100px;
		position: relative;
	}
	#main-nav nav {
		width: 72%;
		position: absolute;
		float: left;
		top: 0;
		left: 188px;
	}
	#main-nav  ul {
		list-style:none;
		top:0px; 
		text-align:center;
		padding-top: 60px;
		margin-left: 1%;
		position: relative;
	}
	
	#main-nav ul li, #main-nav ul li a {
		line-height:14px; 
		font-size:12px; 
	}
	#main-nav li.reservationsNav, 
	#main-nav li.cuisineNav, 
	#main-nav li.beveragesNav, 
	#main-nav li.eventsNav, 
	#main-nav li.photosNav, 
	#main-nav li.private-eventsNav,
	#main-nav li.award-and-pressNav,
	#main-nav li.contactNav{
		float:none;
		display:inline-block;
		margin-left:10px; 
		margin-right:10px;
	}
	#topnav > li > ul {
		padding-top: 10px;
		z-index: 9;
	}
/*Body Content
==============*/
#home-content .content #sidebar-callout {
		display: none;
	}
	#home-content .content {
		margin: 0px auto 30px;
		color: #F3E0C3;
		max-width: 942px;
		width: 100%;
	}
	#home-content .content .main-content {
		padding: 20px 0px;
		line-height: 20px;
		width: 96%;
		margin-left: 10px;
	}
	#footer {
		width: 100%;
	}
	#footer #footer-content {
		max-width: 990px;
		width:100%;
	}
}
@media only screen and (max-width: 920px) {
	#main-nav li.reservationsNav, #main-nav li.cuisineNav, #main-nav li.beveragesNav, #main-nav li.eventsNav, #main-nav li.photosNav, #main-nav li.private-eventsNav, #main-nav li.award-and-pressNav, #main-nav li.contactNav {
		float: none;
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
	}
		#main-nav ul li, #main-nav ul li a {
		line-height: 14px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 800px) {

}
@media only screen and (max-width:799px){	/*NAVIGATION
	=======================================================================*/
	/*******************************
NAVIGATION
*******************************/
	#main-nav nav {
		display: none;
	}
	#myTopbar{display:block;}
	
	#myTopbar{
		width:100%;
		background:#6c1002;
		height:35px;
		position:absolute;
		top:65px;
		border-bottom:1px solid #861302;
	}
	#myNav_btn{
		float: right;
		width: 120px;
		height: 26px;
		padding-top: 8px;
		cursor:pointer;
		margin-right: 0px;
	}
	#myNav_btn #linebars{
		margin-left: 5px;
		font-weight:bold;
	}
	#myNav_btn > button {
		background: none;
		border: medium none;
		outline: 0px none;
		color: #E3C18F;
		font-size: 16px;
		cursor: pointer;
	}
	#myNav_panel{
		position: absolute;
		width: 50%;
		height:0px;
		background: #7C1000 none repeat scroll 0% 0%;
		top: 41px;
		right: 0px;
		overflow: hidden;
		z-index: 99;
		transition: height 0.3s;
	}
	#myNav_panel .mytop_nav{
		padding:10px;
		position:relative;
	}
	#myNav_panel .mytop_nav li a{
		color:#E3C18F;
		display:block;
		border-bottom:1px solid #861302;
		padding:5px 0;
		text-decoration:none;
	}
	#myNav_panel .mytop_nav li ul {
		width:75%;
		background:#5f0d01;
		height:auto;
		position:absolute;
		left:10px;
		z-index:100;
		box-shadow:1px 1px 3px rgba(0,0,0,0.7);
	}
	#myNav_panel .mytop_nav li ul li{
		display:none;
		margin-left:10px;
	}
	#myNav_panel .mytop_nav li:hover ul li{
		display:block;
	}
/*******************************
NAVIGATION END
*******************************/
	
}

@media only screen and (max-width: 720px) {
	#home-content .content h1 {
		font-size: 28px;
	}
	.hotel-reservation a {
		width: 45%;
		padding: 0px 3%;
		font: italic 11px/20px "Raleway",sans-serif;
	}
	.hotel-reservation a span {
		font-size: 14px;
	}
	#footer {
		width: 100%;
	}
	#footer #footer-content {
		max-width: 990px;
		width: 97%;
	}
		#main-nav ul li, #main-nav ul li a {
		line-height: 14px;
		font-size: 11px;
	}
}

@media only screen and (max-width: 630px){
	.hotel-reservation a img{
		display:none;
	}
}
@media only screen and (max-width: 600px){
	#home-content .content h1 {
		font-size: 24px;
	}
	#home-content .content .main-content p {
		margin: margin: 0px 0px 15px;
	}
	#footer #footer-content h4 {
		font-size: 12px;
		padding: 20px 0px 5px;
		margin: 0px;
	}

}

@media only screen and (max-width: 500px){

	#home-content .content h1 {
		font-size: 16px;
	}
	#home-content .content h1 span {
		font-size: 14px;
		font-style: italic;
	}
	.hotel-reservation a {
		width: 48%;
		padding: 0px 3%;
	}
	.hotel-reservation a span {
		font-size: 9px;
	}
	#footer #footer-content h4 {
		font-size: 11px;
		padding: 15px 0px 5px;
	}
	#footer #footer-content {
		text-align: center;
		color: #E3C18F;
		font-size: 9px;
	}
}
/*******************************************************************
Media queries for interior pages
*******************************************************************/
@media only screen and (max-width:1015px){
	#interior-content {
		width: 100%;
	}
	#interior-content .content {
		width: 100%;
		padding: 0px;
		margin: 0px auto;
		background: transparent url("../images/content_shade-bg.png") repeat-y scroll center top;
		font-size: 13px;
	}
	#interior-content .content .inner .main-content {
		height: auto;
		width: 100%;
		max-width: 580px;
		min-height: 430px;
	}
	#interior-content .content .inner .sidebar-callout {
		display: none;
	}
	.main-content  #Field_1_32{
		width:95%;
	}
	#interior-content .content .inner {
		max-width: 980px;
		padding: 0px 46px 55px;
		overflow: hidden;
	}
	.main-content #Field_1_32 {
		width: 96%;
		display: inline-block;
	}
	#OT_searchWrapperAll {
		width: 100% !important;
		max-width: 580px;
		margin-left: 0px !important;
	}
	#interior-content .hero {
		max-height: 314px;
		padding: 0px;
		max-width: 980px;
		width: 100%;
		height: auto;
	}
	#interior-content .hero .inner {
		background:none;
		position: relative;
		width: 100%;
		min-height: 314px;
	}

	#interior-content .hero .inner img {
		position: absolute;
		top: 25px;
		left: 26px;
		width: 90%;
		border: 5px solid #550C03;
		box-shadow: 0 0 0 15px #55371D;
		-moz-box-shadow: 0 0 0 15px #55371D;
		-webkit-box-shadow: 0 0 0 15px #55371D;
	}
}
@media only screen and (max-width:667px){
	#interior-content .hero {
		max-height: 265px;
		max-width:980px;
		width:100%;
	}
	#interior-content .hero .inner {
		max-height: 265px;
	}
	#interior-content .content .inner {
		max-width: 980px;
		padding: 0px 15px 15px;
		overflow: hidden;
	}
}
@media only screen and (max-width:500px){
	#interior-content .hero .inner img {
		left: 21px;
	}
	#interior-content .hero {
		max-height: 220px;
	}
	#interior-content .hero .inner {
		max-height: 220px;
	}
	#interior-content .content h1 {
		font-size: 24px;
	}
}
@media only screen and (max-width:320px){

	#interior-content .hero {
		max-height: 160px;
	}
	#interior-content .hero .inner {
		max-height: 160px !important;
	}
	#interior-content .hero .inner img {
		position: absolute;
		top: 25px;
		left: 14px;
		width: 88%;
		border: 5px solid #550C03;
		box-shadow: 0 0 0 10px #55371D;
		-moz-box-shadow: 0 0 0 10px #55371D;
		-webkit-box-shadow: 0 0 0 10px #55371D;
	}
	#interior-content .content h1 {
		font-size: 18px;
	}
}