html,body,form {height:100%}
body { background-color: #f6f3e4; font: 62.5%/1.8 Georgia, "Times New Roman", serif; color: #111; height: 100%; border-top: 2px solid #8e4343;  }

h2,h3,h4 { line-height: 1; }
h2 { color: #433d3d; font-size: 240%; margin-bottom: 0.25em; }
h3,legend { color: #423d3d; font-size: 180%; margin-bottom: 1em; }
a { text-decoration: none; color: #f3e6bf; }
p { font-size: 120%; margin-bottom: 1.5em; }
ul { margin-bottom: 1.5em; }
label { font-weight: bold; display: block; font-size: 120%; }
input { font-family: Georgia, "Times New Roman", serif; width: 200px; padding: 0.8em 0.5em 0.8em; background-color: #f5f6ef; border: 1px solid #c2bebb; }
textarea { width: 300px; height: 200px; background-color: #f5f6ef; border: 1px solid #c2bebb; }

.left,.right { display: inline; }
.left,
.column { float: left; }
.right { float: right; }
.centered-text { text-align: center; }
ul.horizontal { margin-bottom: 0; }
ul.horizontal a { float: left; margin-right: 10px; }
ul.horizontal .last a { margin-right: 0; }
.lead-in { display: block; text-transform: uppercase; font-weight: bold; }
.button { cursor: pointer; background-color: #8d4343; border: none; padding: 0.3em 0.8em 0.55em; display: block; text-align: center; font-size: 140%; text-transform: uppercase; color: #fff; }
.ornament-divided { background: url(../images/ornament.png) center bottom no-repeat; padding-bottom: 2em; margin-bottom: 2em; }

.field { margin-bottom: 1em; }
.radio span.label { display: block; font-weight: bold; font-size: 120%; } 
.radio label { display: inline; font-weight: normal; margin-right: 1em; }
.radio input { width: auto; float: left; }

#page-wrapper { background: url(../images/bg-overlay.jpg) top center fixed no-repeat; width: 100%; min-height: 100%; }

.page { color: #8e4343; }
.page a { color: #8e4343; }
.page .left { width: 328px; }
.page .right { width: 587px; }


#home object 
{
    z-index:10000;
}
#top-wrapper { margin: 0 auto; width: 960px; position: relative; }
#top-wrapper #specials { position: absolute; top: 0; right: 0; width: 300px; height: 50px; }

#menu .left { width: 328px;}
#menu .right { width: 587px; }

#menu .left .category-image { border: 3px solid #a2bd9e; margin-bottom: 2em; padding:0;}
#menu .left .print { background: url(../images/print-menus.png) no-repeat; width: 152px; height: 28px; display: block; text-indent: -10000px; margin: 0 auto 1.5em; }
#menu .left .centered-text { font-size: 120%; }

#menu-nav,
#category-nav { width: 587px; }
#menu-nav li,
#category-nav li { float: left; }
#menu-nav a,
#category-nav a { text-decoration: none; text-transform: uppercase; }
#menu-nav { padding-left: 35px; }
#menu-nav a { display: block; margin-right: 0; padding: 0.25em 1em; color: #423d3d; font-size: 160%; }
#menu-nav .selected { background: url(../images/menu-right-bg.png) center right no-repeat; margin-bottom: -3px; }
#menu-nav .selected a { background: url(../images/menu-left-bg.png) center left no-repeat; color: #f3e6bf; margin-left: -7px; }
#category-nav { position: relative; background: url(../images/menu-category-bg.png) 0 1px no-repeat; clear: both; margin-bottom: 3em; }
#category-nav .list-container { margin: 0 35px; width: 520px; overflow: hidden; height: 40px; position: relative; }
#category-nav ul { width: 10000px; }
#category-nav a { color: #fff; padding: 0.5em 0; margin-right: 2em; font-size: 140%; }
#category-nav .selected a { color: #f3e6bf; }
#category-nav .previous { position: absolute; top: 15px; left: 10px; text-indent: -10000px; background: url(../images/category-left.png) no-repeat; width: 13px; height: 12px; }
#category-nav .next { position: absolute; top: 15px; right: -18px; text-indent: -10000px; background: url(../images/category-right.png) no-repeat; width: 13px; height: 12px; }

.header h3 { float: left; margin-bottom: 0.5em; }
.header .price { float: right; font-size: 180%; font-weight: bold; line-height: 1; }
.entree { width: 500px; margin-left: 35px; margin-bottom: 3em; }
.entree h3 { margin-bottom: 0; }
.entree .price { color: #423d3d; }
.entree p { clear: both; margin-bottom: 0; }
.print-this { margin: 0 0 2em 35px; display: block; font-size: 120%; font-weight: bold; text-decoration: underline; }
.featured { background-color: #fff; border: 2px solid #448f56; margin-left: 20px; padding: 20px; }

#footer { position: fixed; bottom: 0; width: 100%; border-top: 3px solid #231f20; }
#footer .top { background: #8f4444 url(../images/footer-red-bg.png); height: 78px; }
#footer .bottom { background-color: #231f20; height: 56px; padding-top: 15px; }
#footer .inner { position: relative; width: 960px; margin: 0 auto; }

#footer h1 { position: absolute; top: -89px; left: 0; }
#footer h1 a { background: url(../images/logo.png) no-repeat; display: block; width: 290px; height: 159px; text-indent: -10000px; }
#main-nav { width: 630px; float: right; margin-top: 22px; }
#main-nav li { display: inline; }
#main-nav .menu { margin-right: 0; }
#main-nav .locations { margin-right: 10px; }
#main-nav .gift-cards { margin-right: 15px; }
#main-nav .rewards { margin-right: 15px; }
#main-nav .contact-us { margin-right: 0; }
#main-nav a { width: 110px; background: url(../images/nav-rollover-bg.png) center -26px no-repeat; text-align: center; color: #f3e6bf; height: 26px; line-height: 1; font-size: 160%; text-transform: uppercase; }
#main-nav .selected a { background-position: 0 0; }

#footer .quattro,
#footer .caputo,
#footer .rui { text-indent: -10000px; display: block; float: left; margin-right: 15px; }
#footer .quattro { background: url(../images/quattro-logo.png) no-repeat; width: 38px; height: 39px; }
#footer .caputo { background: url(../images/caputo-logo.png) no-repeat; width: 59px; height: 39px; }
#footer .rui { background: url(../images/rui-logo.png) no-repeat; width: 36px; height: 37px; }

#footer .text { margin-top: 5px; width: 250px; float: left; color: #fff; }
#footer .text ul li { display: inline; }
#footer .text ul a { border-right: 1px solid #fff; padding-right: 1em; }
#footer .text ul .last a { border: none; }
#footer .copyright { clear: left; display: block; }
#footer a { text-decoration: none; }
#newsletter { margin-top: 10px; width: 500px; float: left; }
#newsletter .lead-in { display: block; float: left; background: url(../images/join-mailing-list.png) no-repeat; width: 170px; height: 12px; margin: 7px 10px 0 0; text-indent: -10000px; }
#newsletter label { display: none; }
#newsletter .field { background: url(../images/newsletter-field-bg.png) no-repeat; float: left; width: 169px; height: 28px; margin-right: 10px; } 
#newsletter .field input { background-color: transparent; border: none; height: auto; padding: 0.6em 0 0 5px; width: 150px; color: #000; }
#newsletter button { float: left; background: url(../images/register.png) no-repeat; width: 110px; height: 23px; text-indent: -10000px; border: none; margin-top: 3px; }

#content { width: 100%; overflow: hidden; position:relative }
#pages { width: 1000000px; margin: 0 auto; }
.page { width: 960px; float: left; margin: 0px 400px 245px 0; }
.page .left ul { margin-left: 1.8em; }
.page .left li { list-style-type: square; font-size: 120%; }
.page .inner {margin-top:30px}
.page .inner-current-loc {margin-top:30px}
.page .inner img {margin-left:15px;margin-right:15px; border: 3px solid #A2BD9E}
#menu .left ul { margin-left: 0; }
#menu .left li { list-style-type: none; }
#contact-us { padding-right: 400px; }
.page .inner h1 {font-size:2em}



#locations .right { width: 392px; margin: 20px 40px 0 0; clear: left; }
#locations .left { width: 407px; margin: 20px 0 0 40px; }
#locations .left .map { background-color: #fff; height: 400px; margin-bottom: 1em; border: 3px solid #8e4343; }

.current-location,#locations #current-location { padding: 5px 20px; background: url(../images/hud-bg.png) repeat-y; color: #fff; }
.current-location-top, #locations #current-location-top { background: url(../images/hud-bg-top.png) no-repeat; height: 13px; }
.current-location-bottom, #locations #current-location-bottom { background: url(../images/hud-bg-bottom.png) no-repeat; height: 14px; margin-bottom: 2em; }
.current-location .column, #locations #current-location .column { width: 150px; margin-top: 25px; margin-right: 10px; }
.current-location .address, #locations #current-location .address { width: 400px; margin-top: 0; }
.current-location .quick-links, #locations #current-location .quick-links { width: 130px; }
.current-location .change, #locations #current-location .change { width: 200px; }
.current-location .change .button, #locations #current-location .change .button { width: 140px; }

.current-location h2, #locations #current-location h2 { color: #f3e7c2; text-transform: uppercase; font-size: 280%; } 
.current-location h3, #locations #current-location h3 { color: #f3e7c2; text-transform: uppercase; font-size: 120%; }
.current-location p, #locations #current-location p { margin-bottom: 0; }
.current-location a, #locations #current-location a { color: #fff; }
.current-location li, #locations #current-location li { font-size: 120%; }
#locations .left h3,
#locations .left p { text-align: center; }
#locations .left ul { margin-left: 2.5em; }
#locations .directions .lead-in { font-size: 140%; text-align: center; }
#locations .directions input { float: left; background-color: #f5f6ef; width: 250px; margin-right: 10px; }
#locations .directions button { color: #f5f6ef; border: none; width:120px;}
#locations .directions { margin-bottom: 20px;} 

#contact-us fieldset.column { margin-right: 80px; }
#contact-us fieldset { margin-bottom: 2em; }
#contact-us fieldset.clearfix { clear: left; }
#contact-us fieldset .column { float: left; width: 250px; margin-right: 40px; }
#contact-us fieldset .column label { width: 100px; }
#contact-us .radio label { float: left; }


/**
* MODAL WINDOWS
**/

#overlay { display: none; background-color:Transparent; position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.modal { height:auto;display: none; background: #8c4242; border: 10px solid #e0c8aa; position: fixed; top: 5%; left: 50%; z-index: 1002; width: 824px; padding: 30px; margin-left: -452px; color: #fff; overflow-y: auto; }
.modal h2,.modal h3,.modal h4 { font-family: Georgia, "Times New Roman", serif; }
.modal .left { clear: left; width: 320px; }
.modal .right { width: 470px; }
.modal h2 { font-size: 240%; color: #e3caac; }
.modal p {    clear:left;}
.modal p a { color: #f3e6bf !important; }
#location-modal .map { border: 3px solid #231f20; width: 484px; height: 502px; margin-bottom: 1em; }
#location-modal .header { background: transparent bottom center no-repeat; height: 90px; margin-bottom: 2.5em; }
#location-modal h2 { float: left; width: 400px; margin-top: 0.25em; margin-bottom:2em; font-weight:bold }
#location-modal h2 .zip { color: #fff; }
#location-modal h3 { font-size: 180%; color: #fff; margin-bottom: 0.25em; }
#location-modal p { margin-bottom: 0; }
#location-modal .solo { display: block; margin-bottom: 2em; }
#location-modal .change-location { float: right; width: 350px; }
#location-modal .intro { color: #e3caac; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 120%; }
#location-modal .change-location .input { float: left; }
#location-modal .change-location input { padding:0.5em; background-color: #f5f6ef; border: 1px solid #6e3434; width: 90px; margin-top: 1px; margin-right: 10px; color: #8a9b81; font-family: Georgia, "Times New Roman", serif; font-weight: bold; font-size:1em }
#location-modal .change-location label { display: none; }
#location-modal .change-location button.btnsearch { background: url(../images/find-now.png) left center no-repeat; border: none; text-indent: -10000px; width: 110px; height: 28px; float: left; cursor: pointer; margin-right:5px}
#location-modal .change-location button.btncancel { background: url(../images/btn-cancel.png) left center no-repeat; border: none; text-indent: -10000px; width: 84px; height: 28px; margin-right: 12px; float: left; cursor: pointer; }

/**
* CSS HACKS
**/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
.clearfix { display: block; }
/**/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #newsletter .field input { padding-top: 1em; }
  #menu-nav .selected { margin-bottom: -2px; }
}

#joinus
{
	display: none;
}
