/* --- Reset --- *
 * ------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1}

/* --- Common --- *
 * -------------- */
body {font: 12px/18px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #fff; background: #000}
a {color: #fff}
a:hover {color: #b90007}
.no-bg {background: none!important}
.no-padding {padding: 0!important}
h1 {font-size: 21px; font-weight: normal; color: #b90007}
.intro {width: 1008px; margin: 0 auto;}

/* --- Header --- *
 * -------------- */
.header {height: 142px; width: 1008px; margin: 0 auto; position: relative}
.logo {position: absolute; top: 19px; left: 15px; text-decoration: none}
.header-menu {float: right; padding-top: 99px}
.header-menu li {float: left; margin-left: 18px}
.header-menu .active a {color: #b90007}
.header-menu a {text-decoration: none; text-transform: uppercase}

/* --- Main --- *
 * ------------ */
.main-out {min-height: 622px; background: #590800 url('../images/main-bg.png') bottom repeat-x}
.main {width: 1008px; margin: 0 auto; position: relative}

/* --- Navigation --- *
 * ------------------ */
.navigation {float: left; width: 356px}

/* --- Content --- *
 * --------------- */
.content {float: left; width: 638px; margin-top: 47px; background: #000; padding: 6px 7px 5px; position: relative; margin-bottom: 96px}
.content.w-full {width: 652px}
.content-shadow {position: absolute; bottom: -96px; left: -57px; width: 752px; height: 81px; background: url('../images/content-shadow.png') no-repeat; text-align:center}
.home-content {padding-top: 231px; background: url('../images/home-image.jpg') no-repeat; position: relative}
.bags {position: absolute; width: 155px; height: 174px; top: 125px; right: -1px; background: url('../images/bags.png') no-repeat}
.home-content h1 {height: 41px; line-height: 34px; position: absolute; top: 0; left: 8px; width: 620px; font-size: 21px; color: #b90007}
.slogan {position: absolute; top: 191px; left: 0; width: 280px; padding: 0 0 0 4px; height: 32px; line-height: 32px; text-transform: uppercase}
.home-content h2 {height: 34px; line-height: 34px; font-size: 16px; color: #b90007}
.text {padding: 0 7px 13px; background: url('../images/text-bg.png') bottom repeat-x}
.text p {margin-bottom: 14px}
.fbutton {display: inline-block; min-width: 156px; height: 27px; position: relative; text-align: center; line-height: 27px; color: white; text-transform: uppercase; text-decoration: none}
.fbutton .left-bg {display: block; height: 27px; width: 78px; position: absolute; top: 0; left: 0; background: url('../images/button-left.png') no-repeat}
.fbutton .right-bg {display: block; height: 27px; width: 78px; position: absolute; top: 0; right: 0; background: url('../images/button-right.png') no-repeat}
.fbutton .center-bg {position: absolute; display: block; height: 27px; left: 78px; right: 78px; background: url('../images/button-center.png') repeat-x}
.fbutton .btext {position: relative; padding: 0 17px;}

/* --- Food Content --- *
 * -------------------- */
.food-content {padding: 6px 7px 5px; background: #000; line-height: 1px; position: relative; width:638px; height:338px; background-color:#000}
.food-content p {line-height: 18px}
.itext {padding: 12px 10px; background: url('../images/itext-bg.png') repeat; position: absolute; bottom: 10px; left: 5px; width: 620px; height:70px; overflow-y:auto}
.food-x {position:relative; width:638px; height:338px; overflow:hidden;}
.food-hero-img {display:none;}
.food-hero-img img {position:absolute; top:0px; left:0px; }



/* --- Catering Content --- *
 * -------------------- */
.catering-x {position:relative; width:638px; height:338px; overflow:hidden;}
.catering-hero-img {display:none;}
.catering-hero-img img {position:absolute; top:0px; left:0px; }
.bullet {width: 5px; height:5px; margin-right:10px; display:block; float:left; background:url('../images/bullet.png') no-repeat; margin-top:7px}


/* --- Restaurant Content --- *
 * -------------------------- */
.restaurants-content {padding: 3px 0; background: #000; font-size: 11px}
.rest-inner {background: url('../images/rest-bg.gif') repeat-y; padding: 0 5px}
.rest-left {float: left; width: 239px; margin-right: 3px; padding: 24px 16px 0 12px; color: #666; line-height: 17px}
.contact-item {margin-bottom: 14px}
.contact-left {float: left; width: 16px}
.contact-right {float: left; width: 222px}
.restaurants-content p {margin-bottom: 14px}
.restaurants-content a {text-transform: uppercase; color: #666}
.restaurants-content a:hover {color: #b90007}
.restaurants-content p.with-ico {padding-left: 34px; background: url('../images/rest-ico.jpg') no-repeat; line-height: 12px}
.rest-right {float: left; width: 372px; line-height: 1px; position:relative;width:372px; height:340px;overflow:hidden}
.img-set{display:none;}
.img-set img{position:absolute; width: 372px; height:340px; top:0px; left:0px; }

/* --- Contact Content --- *
 * ----------------------- */
.contact-content {padding: 4px 5px; background: #000; color: #666}
.contact-inner {padding: 18px 12px 12px; background: #fff; border-bottom: 4px solid #cdcdcd}
.contact-content h1, .contact-content p, .contact-content ul, .contact-content .fbutton  {margin-bottom: 14px}
.contact-content ul {list-style: disc; margin-left: 16px}

/* --- Promotion Content --- *
 * ------------------------- */
.promotions-content {padding: 4px 4px; background: #000}
.promo-left {float: left; width: 229px; margin-right: 3px; height: 73px; background: url('../images/promo-3.jpg') no-repeat; padding-top: 306px}
.promo-center {float: left; width: 204px; margin-right: 4px; height: 379px; background: url('../images/promo-2.jpg') no-repeat; position: relative}
.promo-right {float: left; width: 180px; height: 319px; background: url('../images/promo-3.jpg') no-repeat; padding: 60px 8px 0 16px; color: #000}
.promo-left p {background: url('../images/itext-bg.png') repeat; font-size: 11px; line-height: 14px; padding: 6px}
.promo-center p {position: absolute; width: 192px; padding: 6px; left: 0; bottom: 0; font-size: 11px}
.promo-right h3 {font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 6px}
.promo-right p {font-size: 13px; line-height: 19px; margin-bottom: 16px}
.promo-right a {color: #000}
.promo-right a:hover {color: #b90007}

/* --- News & Reviews Content --- *
 * ------------------------------ */
.news-content {padding: 4px 5px; background: #000}
.news-inner {background:url('../images/news.jpg') no-repeat; height:345px; overflow: hidden;}
.news-left {float: left; width: 501px; margin-right: 8px; padding: 0}
.news-right {background: #000000;float: right;padding: 30px 25px 80px;}
.news-content h1 {padding: 6px 0 10px; border-bottom: 2px dashed #b2b2b2}
.quote {background: url('../images/quote-top.png') no-repeat; margin: 8px 0; padding: 12px 0 0 8px}
.quote-inner {background: url('../images/quote-bottom.png') right bottom no-repeat; font-size: 35px; line-height: 35px; color: #666; padding: 0 8px 12px 0}
.news-left p {color: #333; padding: 0 8px; margin-bottom: 20px}
.news-right p {margin-bottom: 10px; line-height: 16px}
.news-right a {text-decoration: none}
.news-right a:hover {text-decoration: underline}
.news-right .red {color: #b90007}

/* --- Speak/Franchise Content --- *
 * ------------------------------- */
.speak-content {padding: 4px 5px; background: #000; color: #231f20}
.speak-inner {background: #fff; padding: 0 8px; position: relative}
.speak-content h1 {padding: 6px 0 10px; border-bottom: 2px dashed #b2b2b2; margin-bottom: 10px}
.speak-content.franchise h1 {border: none; margin-bottom: 206px}
.franchise .speak-inner {background: #fff url('../images/franchise-image.jpg') 0 41px no-repeat}
.speak-content .mandatory {position: absolute; top: 18px; right: 10px; font-size: 11px}
.speak .speak-inner {background: #fff url('../images/speak.jpg') 0 41px no-repeat}
.speak-content.speak h1 {border: none; margin-bottom: 206px}
#speak-form {margin-top: 20px}
.speak-content p {padding: 0 8px}
.sf-left, .sf-right, .sfb-left, .sfb-right {float: left; width: 305px; margin-bottom: 6px}
.sf-left, .sfb-left {margin-right: 8px}
.sf-left label, .sf-right label {display: block}
.sf-left input[type=text], .sf-right input[type=text] {width: 303px; height: 18px; border: 1px solid #999}
.ta {margin-bottom: 8px}
.ta textarea {width: 620px; height: 73px; border: 1px solid #999}
.ta input {width: 616px; height: 18px; border: 1px solid #999}
.sfb-left {font-size: 11px}
.sfb-left label {position: relative; top: -2px; left: 10px}
.sfb-right {text-align: right}
.submit-button {width: 92px; height: 26px; background: url('../images/submit-button.jpg') no-repeat; border: none; cursor: pointer}

/* --- Work Content --- *
 * -------------------- */
.work-content {padding-top: 233px; background: url('../images/work-images.jpg') no-repeat; position: relative}
.work-content h1 {height: 41px; line-height: 34px; position: absolute; top: 0; left: 8px; width: 620px; font-size: 21px; color: #b90007}
.work-content .slogan {font-size: 25px; width: 634px; background: url('../images/itext-bg.png') repeat; height: 40px; line-height: 40px}
.wtext {background: #fff; color: #231f20; padding: 18px 12px}
.wtext p {margin-bottom: 18px}
.apply-button {display: block; width: 92px; height: 26px; line-height: 26px; text-decoration: none; text-align: center; background: url('../images/apply-button.jpg') no-repeat;}

/* --- online order --- *
 *----------------------*/
.online-order-content {position: relative}
.order_special_request {border: 1px solid #ddd; width:638px; height: 150px;}


/* --- Inner Menu --- *
 * ------------------ */
.select {float: right; width: 90px; height: 37px; line-height: 37px; text-align: center; text-transform: uppercase}
.select.big {width: 128px}
.im-layer {float: right; background: #000; line-height: 37px}
.im-layer li {float: left; padding: 0 5px 0 5px; background: url('../images/im-delimiter.gif') right center no-repeat}
.im-layer a {text-decoration: none}
.im-layer .active a {color: #b90007}

/* --- Footer --- *
 * -------------- */
.footer {padding: 15px 0; text-align: center; font-size: 11px}
.footer a {text-decoration: none}


/* --- Franchise ---*
 * -------------- */

.franchise-content .thanks-inner { {background: #fff; padding: 0 8px; position: relative}
.franchise-content {padding: 4px 5px; background: #000; color: #231f20}