/* CSS Document */

body {
margin: 0 auto;
padding: 0;
}
html {
margin: 0 auto;
padding: 0;
text-align: center;
background: #F1E3C6 url(images/bg_gradient.jpg) repeat-y top center;
}
#container {
width: 840px;
margin: 0 auto;
padding: 60px 0 20px 0;
text-align: left;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
img {border: none;}
a {
text-decoration: none;
color: #dd0000;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FCF8F3;
background-color: #dd0000;
}
/*------------------------------------------------------------------------ HEADER */
#header {
margin: 0px 0 30px 0;
padding: 0;
display: block;
width: 840px;
}
.logo {
float: left;
margin: 0 0 0 45px;
padding: 0;
width: 172px;
}
.logo a {
text-decoration: none;
}
.logo a:hover {
text-decoration: none;
background: none !important;
padding: 0;
}
.logor a {
text-decoration: none;
}
.logor a:hover {
text-decoration: none;
background: none !important;
padding: 0;
}
#navigation {
float: left;
margin: 15px 30px 0 30px;
padding: 18px 0 0 20px;
width: 440px;
height: 58px;
background: transparent url(images/bg_nav.gif) no-repeat top center;
}
#nav {
padding: 0px 0px 0px 0px;
margin: 0;
list-style-type: none;
display: inline;
}
#nav li {
padding: 0px 15px 0px 0px;
margin: 0;
display: inline;
}
li#menus a {background: transparent url(images/n_menus.gif) no-repeat top left; display:inline-block; height:20px; width:57px; margin: 0px 0px 0px 0px;}
li#story a {background: transparent url(images/n_story.gif) no-repeat top left; display:inline-block; height:20px; width:50px; margin: 0px 0px 0px 0px;}
li#press a {background: transparent url(images/n_press.gif) no-repeat top left; display:inline-block; height:20px; width:50px; margin: 0px 0px 0px 0px;}
li#reservations a {background: transparent url(images/n_reservations.gif) no-repeat top left; display:inline-block; height:20px; width:116px; margin: 0px 0px 0px 0px;}
li#contact a {background: transparent url(images/n_contact.gif) no-repeat top left; display:inline-block; height:20px; width:70px; margin: 0px 0px 0px 0px;}
#nav span {display: none;}
#nav a {margin: 0; padding: 0; display: block; height: 20px;}
#nav a:hover {background-position: 0px -20px; text-decoration: none; height: 20px;}
#nav a.active {background-position: 0 -20px; margin: 0px 0 0px 0; height: 20px;}
#nav a.subactive {background-position: 0 -20px; height: 20px;}
.logor {
float: left;
margin: 0;
padding: 0;
width: 84px;
}
/*------------------------------------------------------------------------ HI */

body#menu li#menus a {background: transparent url(images/n_menus.gif) no-repeat 0 -20px; display:inline-block; height:20px; width:57px; margin: 0px 0px 0px 0px;}
body#story li#story a {background: transparent url(images/n_story.gif) no-repeat 0 -20px; display:inline-block; height:20px; width:50px; margin: 0px 0px 0px 0px;}
body#press li#press a {background: transparent url(images/n_press.gif) no-repeat 0 -20px; display:inline-block; height:20px; width:50px; margin: 0px 0px 0px 0px;}
body#reservations li#reservations a {background: transparent url(images/n_reservations.gif) no-repeat 0 -20px; display:inline-block; height:20px; width:116px; margin: 0px 0px 0px 0px;}
body#contact li#contact a {background: transparent url(images/n_contact.gif) no-repeat 0 -20px; display:inline-block; height:20px; width:70px; margin: 0px 0px 0px 0px;}

body.dinner li#dinner a {background: transparent url(images/subnav_dinner.gif) no-repeat 0 -19px; display:inline-block; height:19px; width:57px; margin: 0px 0px 0px 0px;}
body.lunch li#lunch a {background: transparent url(images/subnav_lunch.gif) no-repeat 0 -19px; display:inline-block; height:19px; width:50px; margin: 0px 0px 0px 0px;}
body.dessert li#dessert a {background: transparent url(images/subnav_dessert.gif) no-repeat 0 -19px; display:inline-block; height:19px; width:65px; margin: 0px 0px 0px 0px;}
body.wine li#wine a {background: transparent url(images/subnav_wine.gif) no-repeat 0 -19px; display:inline-block; height:19px; width:38px; margin: 0px 0px 0px 0px;}
body.cocktails li#cocktails a {background: transparent url(images/subnav_cocktails.gif) no-repeat 0 -19px; display:inline-block; height:19px; width:80px; margin: 0px 0px 0px 0px;}
body.kids li#kids a {background: transparent url(images/subnav_kids.gif) no-repeat 0 -19px; display:inline-block; height:19px; width:36px; margin: 0px 0px 0px 0px;}

/*------------------------------------------------------------------------ MAIN */
#main {
margin: 0;
padding: 0;
background: transparent url(images/bg_main.gif) repeat-y top center;
text-align: center;
display: block;
width: 840px;
}
#s7 {
margin: -1px 0 0 14px;
padding: 0;
width: 812px;
height: 353px;
}
#s7 img {
width: 812px;
height: 353px;
}
.group {
margin: 0;
padding: 0;
}
.aside {
float: left;
width: 370px;
height: 353px;
margin: 0;
padding: 0;
}
.bside {
float: left;
width: 442px;
height: 353px;
margin: 0;
padding: 0;
}
#maintop {
background: transparent url(images/bg_maintop.gif) no-repeat top center;
margin: 0;
padding: 0;
display: block;
width: 840px;
height: 11px;
}
#mainbot {
background: transparent url(images/bg_mainbot.gif) no-repeat top center;
margin: 0;
padding: 0;
display: block;
width: 840px;
height: 10px;
}
.subnavigation {
float: left;
width: 150px;
text-align: center;
margin: 30px 20px 0 50px;
padding: 0;
}
.content {
float: left;
width: 525px;
margin: 0px 0 40px 45px;
padding: 0;
text-align: left;

}
h2 {
text-align: center;
margin: 40px 0 0 0;
padding: 0;
}
h2.sub {
text-align: center;
margin: 20px 0 0 0;
padding: 0;
}
.col {
float: left;
width: 240px;
margin: 0px 45px 0 0px;
padding: 0;
text-align: left;
}
.col2 {
float: left;
width: 240px;
margin: 0px 0px 0 0px;
padding: 0;
text-align: left;
}
.col-singlemenu {
float: left;
width: 450px;
margin: 0px 0px 0 0px;
padding: 0;
text-align: left;
}
.col-left {
float: left;
width: 225px;
text-align: center;
margin: 40px 0px 0 35px;
padding: 0;
}
.col-left p {
text-align: left;
padding: 0;
margin: 0 0 20px 30px;
font: normal 12px helvetica, Arial, sans-serif; 
line-height: 18px;
}
.col-left p a {
text-decoration: none;
color: #dd0000;
text-decoration: none;
}
.col-left p a:hover {
text-decoration: none;
color: #FCF8F3;
background-color: #dd0000;
}
.col3 {
float: left;
width: 470px;
margin: 40px 0px 40px 30px;
padding: 0;
text-align: left;
}
.col3a {
float: left;
width: 470px;
margin: 40px 0px 20px 30px;
padding: 0;
text-align: left;
}
.col4 {
float: left;
width: 470px;
margin: 0px 0px 40px 30px;
padding: 0;
text-align: left;
}

h3 {
font: bold 12px helvetica, Arial, sans-serif; 
line-height: 16px;
margin: 10px 0 0 0;
padding: 0;
}
h3.menunote {
font: italic 12px helvetica, Arial, sans-serif; 
line-height: 16px;
margin: 15px 0 5px 0;
padding: 0;
color: #666;
}
p {
font: normal 11px helvetica, Arial, sans-serif; 
line-height: 16px;
margin: 0;
padding: 0;
}
.col3 p, 
.col3a p {
padding: 0;
margin: 0 0 10px 3px;
line-height: 20px !important;
font: normal 12px helvetica, Arial, sans-serif; 
}
.col3 p.deals {
padding: 0;
margin: 0 0 20px 3px;
line-height: 20px !important;
font: normal 12px helvetica, Arial, sans-serif; 
}
.price {
margin: 0 0 0 3px;
padding: 0;
font: normal 11px helvetica, Arial, sans-serif; 
}
.note {
margin: 50px 0 0 0;
padding: 0;
color: #666;
font: italic 11px helvetica, Arial, sans-serif; 
}
.top {
font-weight: bold;
text-align: right;
margin: 40px 0 0 0;
padding: 0;
}
.msg {
margin: 20px 0 30px 0;
padding: 0;
}
.msg2 {
margin: 20px 0 30px -15px;
padding: 0;
font: normal 12px helvetica, Arial, sans-serif; 
line-height: 1.4;
}
.quote {
margin: 40px 0 30px 0;
padding: 0;
}
body#contact .col3 p {
margin: 0 0 15px 3px;
line-height: 16px;
}
.map {
margin: 0 0 30px 0;
padding: 0;
}
.col-small {
float: left;
width: 150px;
margin: 0px 30px 0px 0px;
padding: 0;
text-align: left;
}
.col-small2 {
float: left;
width: 290px;
margin: 0px 0px 0px 0px;
padding: 0;
text-align: left;
}
p a.imglink:hover, 
a.imglink:hover {
background: none;
}
.pressarticle {
background: transparent url(images/pressline.gif) no-repeat top center;
margin: 10px 0 0px 0;
padding: 0;
}
.center {
margin: 0px 0 0 0;
padding: 20px 0 0 25px;
}
.center2 {
margin: 20px 0 30px 0;
padding: 0px 0 0 -10px;
}

.center a:hover {
background: none;
}
/*------------------------------------------------------------------------ SUBNAV */
#subnav {
padding: 5px 0px 0px 0px;
margin: 0;
list-style-type: none;
background: transparent url(images/subnav_line.gif) no-repeat top center;
}
#subnav li {
padding: 20px 0px 15px 0px;
margin: 0;
background: transparent url(images/subnav_line.gif) no-repeat bottom center;
}
#pdflist {
padding: 0px 0px 0px 0px;
margin: 30px 0 0px 0;
list-style-type: none;
}
#pdflist li {
padding: 0px 0px 15px 0px;
margin: 0 25px 0 0;
font: normal 12px helvetica, Arial, sans-serif;
display: inline-block;
float: left; 
}
#pdflist li a {
font-weight: bold; 
display: block;
}
/*
#subnav span, 
#pdflist span {margin: 0 0 0 100px;}
#pdflist a {margin: 0; padding: 0; display: block; height: 19px;}
#pdflist a:hover {background-position: 0px -19px; text-decoration: none; height: 19px;}
#pdflist a.active {background-position: 0 -19px; margin: 0px 0 0px 0; height: 19px;}
#pdflist a.subactive {background-position: 0 -19px; height: 19px;}
*/
.pdf {
float: left;
margin: 0 0px 0 0;
padding: 0 5px 0 0;
}
/*------------------------------------------------------------------------ FOOTER */
#footer {
margin: 30px 0 20px 0;
padding: 0;
}
.hours {
float: left;
width: 535px;
margin: 0px 25px 0 20px;
padding: 0;
}
.email {
text-align: center;
float: left;
width: 245px;
margin: 0;
padding: 15px 0 15px 0;
background: #eeddbb;
border: 1px solid #F6B99B;
}
.email p, 
.email p.error {
font: bold 11px Helvetica, Arial, sans-serif; 
margin: 0 0 0px 0px;
padding: 0 0 10px 0;
text-transform: uppercase;
color: #333;
}
label {
font: bold 11px Helvetica, Arial, sans-serif; 
margin: 0 0 0px 0px;
padding: 0 0 10px 0;
color: #333;
display: block;
text-transform: uppercase;
}
input {
font: normal 11px Helvetica, Arial, sans-serif; 
}
.btn {
vertical-align: middle;
margin: 0;
padding: 0;
}
.hoursfloat {
float: left;
margin: 12px 5px 0 5px;
padding: 0;
}
.line {
float: left;
margin: 0;
padding: 0;
}
.hoursfloat p {
font: bold 11px Georgia, Helvetica, Arial, sans-serif; 
margin: 0;
padding: 0;
text-align: center;
color: #333;
}
.hoursfloat p a.hlink {
color: #333;
text-decoration: none;
}
.hoursfloat p a.hlink:hover {
color: #333;
text-decoration: underline;
background: none;
}
.hoursfloat p.red {
color: #cc0000;
}
.offers {
background: transparent url(images/offersline.gif) no-repeat top center;
margin: 20px 0 0px 0;
padding: 30px 0 0 0;
}
/* -------------------------------------------------------------------------------------------------------------------- FORM---------------*/
div.formlayout {
width: 500px;
padding: 0px;
margin: 0px auto;
}
div.row {
clear: both;
padding: 0px;
margin: 0 0 15px 0;
}
#contactform fieldset {
padding: 0;
margin: 0;
border: none;
}
#contactform label {
float: left;
width: 150px;
text-align: right;
margin: 0;
padding: 2px 5px 0 0;
}
.formlayout div.row span.forml {
float: left;
width: 150px;
text-align: right;
margin: 0;
padding: 2px 5px 0 0;
}
.formlayout div.row span.formr {
float: right;
width: 340px;
text-align: left;
font: normal 100% Verdana, Arial, sans-serif; 
line-height: 15px;
color: #333; 
margin: 0;
padding: 0 0 20px 0px;
} 
#contactform input, textarea {
font: normal 12px Verdana, Arial, sans-serif; 
color: #333; 
vertical-align: middle;
}
p.formtext {
padding: 0 0 20px 0;
}
ul.warning {
text-align: left;
margin: 0;
padding: 0;
color: #cc0000;
font-weight: bold;
}
.test {
width: 800px;
margin: 0;
padding: 0;
}
/* -------------------------------------------------------------------------------------------------------------------- OPENTABLE---------------*/
form#ism {
margin: 0 0 0px 0;
padding: 0;
}
#OT_searchWrapper {
margin: 0;
padding: 0;
width: 450px;
}
h2.OT_feedTitle {
font: normal 12px Helvetica, Arial, sans-serif; 
text-align: left;
margin: 0 0 30px 0;
padding: 0;
}
dt#OT_partySizeLbl, 
dt#OT_dateLbl, 
dt#OT_empty {
margin: 0 10px 0px 0;
padding: 3px 0 0 0;
width: 100px;
float: left;
font: bold 11px Helvetica, Arial, sans-serif; 
color: #333;
text-align: right;
text-transform: uppercase;
}
dt#OT_timeLbl {
margin: 15px 10px 0px 0;
padding: 3px 0 0 0;
width: 100px;
float: left;
font: bold 11px Helvetica, Arial, sans-serif; 
color: #333;
text-align: right;
text-transform: uppercase;
}
dd#OT_partySize, 
dd#OT_date {
margin: 0 0 0px 0;
padding: 0px 0 0 0;
width: 300px;
float: left;
font: normal 11px Helvetica, Arial, sans-serif; 
height: 50px;
}
dd#OT_time {
margin: 15px 0 0px 0;
padding: 0px 0 0 0;
width: 300px;
float: left;
font: normal 11px Helvetica, Arial, sans-serif; 
height: 50px;
}
dd#OT_submitWrap {
margin: 0 0 0px 0;
padding: 20px 0 100px 0;
width: 300px;
float: left;
font: normal 11px Helvetica, Arial, sans-serif; 
height: 50px;
}
div#cal1 {
margin: 0 0 0px 0;
padding: 0px 0 0 0;
background: #fff;
float: left;
position: absolute;
}
p#dateDisplay {
font: normal 10px Helvetica, Arial, sans-serif; 
margin: 0 0 0px 0;
padding: 0px 0 0px 0;
}
td.clickableDays {
margin: 0;
padding: 4px;
font: normal 11px Helvetica, Arial, sans-serif; 
text-align: center;
}
td.weekdays {
margin: 0;
padding: 4px;
font: bold 11px Helvetica, Arial, sans-serif; 
text-align: center;
}
input.OT_feedFormfieldCalendar {
font: normal 12px Helvetica, Arial, sans-serif; 
}