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

body { background-color: #777E5D; background: url(../images/bg.jpg) fixed; background-position: top center; font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 25px; font-size:12px; margin: 0; padding: 0; }
img { border: 0; }
a { color: black; }
a:hover { color: #717100; }
.clear { clear: both; }
fl { float: left; }
fr { float: right; }
#wrapper { position: relative; margin: 0 auto; padding: 0; width: 950px; background-color: white; }
#top { position: relative; width: 950px; height: 125px; background-color: #600; background: url(../images/top-pic.jpg) no-repeat; border-bottom: #FFF solid 1px; }
#top p { position: relative; width: 150px; font-size: 20px; float: right; margin: 28px 10px; color: #515429; font-weight:bold; letter-spacing: 1px; }
#logo { position: absolute; left:-32px; z-index: 100; width: 270px; height: 200px; margin: 0; padding: 0; }
#under-top { position: relative; width: 950px; height: 250px; background-color: #444a2f; border-bottom: white 1px solid; }
#banner { position: relative; width: 700px; height: 250px; background-color: #000; float: left; }
#nav { position: relative; width: 250px; height: 250px; float: left; background-color: #444a2f; }
#nav ul { width: 250px; list-style-type: none; color: #7B7121; padding: 0; font-size: 20px; line-height: 40px; margin: 2px 0; }
#nav ul li { padding-left: 90px; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: 60px; border-bottom: 1px dotted #626200; }
#nav ul li a { display:block; text-decoration: none; color: #FFCC01; font-size: 14px; }

/* trying to make text nav move right
#nav ul li a:hover {
padding-left: 20px;
}
*/
#nav ul li:hover { background-color: #282D13; }
#home-content { position: relative; width: 950px; height: 420px; background-color: #E3D8C2; background: url(../images/content-bg-home.jpg) repeat-x; }
#column1 { position: relative; width: 400px; height: 420px; margin: 0; padding: 0; float: left; }
#column1 .title { margin-top: 20px; }
#column1 p { padding: 20px 15px 5px 30px; }
#column2 { position: relative; width: 300px; height: 420px; margin: 0; padding: 0; float: left; background: url(../images/column2-bg.jpg); }
#column2 img { }
#column2 p img { position:relative; width: 27px; height: 22px; vertical-align: middle; margin: 0 5px 0 0; padding: 0; }
#column3 { position: relative; width: 250px; height: 420px; margin: 0; padding: 0; float: left; }
#footer { position: relative; width: 950px; height: 77px; background: url(../images/footer-bg.jpg) repeat-x; width: 950px; line-height: 85px; text-align: center; }
#footer p { padding: 60px auto; color: white; }
#footer a { color: white; text-decoration: underline; }
.title2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; color: #7B7121; padding: 0 30px; }
.button-details { font-size: 12px; margin: -20px 0 0 0; padding: 0 20px; text-align: right; color: #333; line-height: 20px; }
.button-details a { color: #6F6F00; text-decoration: underline; }
.button-details a:hover { color: #959500; }
.info-btn-1 { background: url(../images/btn-bg.png) no-repeat; background-position: center; width: 260px; height: 61px; margin: 30px 0 0 0; }
.info-btn-1 .text { padding: 7px 0 0 30px; font-size: 13px; letter-spacing: 1px; }
.info-btn-1 img { padding: 3px 20px 0 0; margin: 0; float: left; }
.home-hours p { line-height: 20px; margin: 0 0 0 40px; padding: 15px 0 0 0; }
.home-hours strong { line-height: 50px; font-size: 18px; text-decoration:underline; }
#title-banner { position: relative; width: 950px; height: 110px; background: #000 url(../images/dark_mosaic.png) repeat; }
#inner-content { background: url(../images/inner-bg.jpg) repeat-y; padding: 20px 40px; }
#inner-content p { margin: 0; padding: 20px 0 0 0; }
.inner-title { padding: 30px 50px; }
.promo-text { position: relative; margin: 0 auto; padding: 30px 0 0 0; width: 700px; }
.promo-text-gift { position: relative; margin: 0 auto; padding: 20px 0 0 0; width: 608px; }

.promo-text p { float: left; width: 400px; padding: 20px 0 0 30px; }
.promo-text img { float: left; padding: 30px 30px 0 0; }
.inner-image { float: left; margin: 30px 20px 0 0; border: 3px solid #484800; }
.inner-image-nb { float: left; margin: 30px 20px 0 0; }
.small-title { color: #7B7121; font-size: 14px; font-weight: bold; }
.left-info { width: 200px; float: left; }
.map { width: 450px; float: left; text-align: center; }
.right-info { float: right; width: 150px; line-height: 22px; }
.right-info strong { line-height: 40px; }
#menu { float: right; position: relative; width: 620px; }
#menu-nav { position: relative; width: 210px; float: left; }
#menu-nav ul li { width: 160px; color: black; padding: 10px 5px 10px 20px; border-bottom: 1px dashed #2D2D00; }
#menu-nav ul li a { color: black; display: block; text-decoration: none; }
#menu-nav ul li a:hover { color: #6F6F00; }
#menu-nav ul li a > span { font-size:10px;}
.menu-current { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: left; }
.menu-nav-title { font-weight: bold; font-size: 14px; line-height: 15px; }
.order-btn { width: 175px; height: 40px; margin: 0 0 20px 0; padding: 0; vertical-align: baseline; }

.coupons { position: relative; margin: 0 auto; width: 900px; }
.coupons img { position: relative; float: left; padding: 20px; width: 346px; }
.menu-list { width: 500px; margin:auto; height:auto; } 
.menu-list h1 { font-weight: bold; font-size: 18px;  border-bottom: 1px dashed #666666; margin-bottom: 5px;  }
.menu-list h2 { font-weight: bold; font-size: 14px;  border-bottom: 1px dashed #666666; margin-bottom: 0px; !important  }
.menu-list p { margin: 0 0 10px 0; !important }

dl { width: 500px; clear:both; }
dt { width: 348px; float:left; clear:both; border-bottom: 1px dashed #666666; line-height: 28px; }
dt strong { font-weight:bold; }
dt span { font-size:10px; display:block; line-height: 12px; padding: 0; margin:0; }
dd { width: 144px; float:left; text-align:right; font-weight:bold;  line-height:28px; border-bottom: 1px dashed #666666; }
.double { height:40px; }
.triple { height:52px; }
.menu-desc { font-size:10px; display:block; margin-bottom: 15px; }

.quote { font-weight:bold; font-size:16px; color:#990000; }