/* Reset Internet Browsers */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th { font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/*HTML*/

body { background: #900f18; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #111; }
a { outline: none; }
/*Warning */	
.drink-warning { height:15px; width:227px; background:url(img/warning.gif) no-repeat top left; margin-top:5px; }
.drink-warning-home { height:83px; width:212px; background:url(img/warning-home.gif) no-repeat top left; margin-top:5px; }
/*Content */

#container { width: 1049px; text-align: left; background: url(img/bg_container.jpg) repeat-y; overflow: hidden; margin: 0 auto; }
#headerWrap { width: 983px; background: url(img/bg_header.jpg) no-repeat top left; }
#nav { background: url(img/logo_header.png) no-repeat top left; height: 308px; }
#slogan { clear: both; float: right; margin: -145px 10px 0 0; _margin: -145px 5px 0 0; }
#content { width: 895px; min-height:500px; height:auto !important; height:500px; clear: both; padding: 0 0 0 10px; margin-left: 70px; }
#content p { margin-top: 5px; font-size: 12px; line-height: 150%; }
.colLeft { float: left; width: 201px; }
.colLeftGreen { /*background: url(img/bg_left_side_block.png) no-repeat top left;*/
	height: 248px; /*padding: 20px 10px;*/
	margin-top: 10px;  *margin: 0;
}
.colLeftGreen h3 { font-size: 12px; font-weight: bold; margin: 10px 0 0 0; }
.colLeftGreen h2 { font-size: 15px; font-weight: bold; margin: 10px 0 -10px 0; }
#colCenter { float: left; width: 455px; margin: 3px 0 20px 10px;  *margin: 3px 0 10px 10px;
overflow: hidden; }
#colCenter p { font-size: 12px; color: #222; line-height: 160%; }
.colCenterBG { background: url(img/bg_main_block.png); min-height: 350px; margin-top: 0; padding: 15px 15px 15px 15px;  *padding: 15px 15px 13px 15px;}
.locations{ height:450px; }
.colCenterNoBG { background: none; margin: 10px 0 0 0; }
/*Google Maps */

#googleMap { width: 270px; float: left; padding-top: 10px; margin-bottom: 10px; overflow: hidden; line-height: 100%; }
#googleMap p { margin: 3px 0 0 0; padding-bottom: 5px; line-height: 160%; font-size: 11px; }
#address { width:145px; float: right; margin-left: 5px; text-align: right; }
#address h2 { font-size: 14px; font-weight: bold; margin: 10px 0 0 0; color: #074c26; }
#address p { font-size: 11px; color: #111; line-height: 120%; margin: 0; }
#address a:link, #address a:visited, #address a:active { color: #111; text-decoration: none; }
#address a:hover { color: #111; text-decoration: underline; }
.colRight { float: left; width: 218px; margin-left: 10px; _margin-left: 8px; }
.colRightBG { background: url(img/bg_right_side_block.png) no-repeat top left; padding: 20px 0 20px 0; _padding: 20px 0 10px 0; height: 231px; _height: 190px; }
.colRightBG h1 { margin-left: 11px; }
.colRightBG h2 { margin: 5px 11px 0 11px; font-size:12px; color: #fff; }
#cf { margin: 0; }
#cf p { font-size: 11px; color: #fff; float: left; text-align: center; margin: 8px 0 0 10px; _margin: 8px 0 0 7px; line-height: 120%; }
#cf a { text-decoration: none; color: #fff; }
#cf a:hover { text-decoration: underline; }
#footer { clear: both; padding-bottom: 20px; text-align: center; }
#footer p { color: #333; font-size: 11px; margin: 0; line-height: 140%; }
#footer a { text-decoration: none; color: #111; }
#footer a:hover { color: #bb1b1b; }
#pageEnd { width: 1049px; height: 15px; background: url(img/bg_pageEnd.gif) no-repeat top left; clear: both; margin: 0 auto; }
/*styles for survey page */	
#surveyWrap { width: 523px; height: 435px; margin: 0 auto 0 auto; background: url(img/survey_content.gif) no-repeat top left; }
ul#linksWrap { margin-top: 240px; margin-left: 80px; _margin-left: 80px; list-style: none; clear: both; float: left; }
ul#linksWrap li { float: left; margin: 0 70px 0 0; }
ul#linksWrap a { float: left; display: block; height: 40px; text-indent: -99999px; background-position: left top; }
/*--CSS Sprites - Hover State--*/
ul#linksWrap a:hover { background-position: left -40px; }
/*--Assign an image and width to each link--*/
ul#linksWrap li.continue a { background-image: url(img/continue.gif); width: 131px; }
ul#linksWrap li.return a { background-image: url(img/return.gif); width: 131px; }
/*styles for ad page */	
#adWrap { width: 600px; margin: 0 auto 0 auto; }
/* Styles for Food and Beverage Pages */

#itemMenu { width: 231px; height: 471px; float: left; background: url(img/bg_menu_block_green.gif) no-repeat top left; margin-left: -15px; margin-top: 3px; padding-top: 10px; }
#itemMenu ul li { text-align: right; margin: 15px 25px 0 0; line-height: 100%; color: #111; font-weight: bold; font-size: 14px; }
#itemMenu a:link, #itemMenu a:visited { color: #111; text-decoration: none; }
#itemMenu a:hover, #itemMenu a:active { color: #e2aa1c; }
#itemDesc { width: 680px; _width: 680px; float: left; overflow: hidden; margin: 3px 0 0 8px; _margin: 3px 0 0 -8px; margin-left: 210px; _margin-left:105px; /*new*/ }
#itemDesc p { font-size: 12px; color: #222; line-height: 140%; }
.aboutFood { width: auto; padding: 1px 10px 10px 10px; background: url(img/bg_main_block.png); }
#itemList { width: auto; overflow: hidden; padding-bottom: 20px; _margin-bottom: 20px; }
#itemList p { font-size: 11px; line-height: 130%; color: #111; margin:0; padding: 0 5px 0 5px; }
#itemList h2 { font-weight: bold; font-size: 12px; color: #111; margin-top: 10px; padding-left: 5px; line-height: 120%; }
#itemList .item img { height: 200px; width: 203px; }
#itemList .itemShort img { height: 114px; width: 203px; }
#itemList .itemRibs img { width: 280px; height: 350px; }
.item { float: left; margin: 15px 0 0 15px; _margin: 15px 0 0 13px; line-height: 150%; width: 208px; overflow: hidden; }
.itemShort { float: left; margin: 15px 0 0 15px; _margin: 15px 0 0 13px; line-height: 150%; width: 208px; overflow: hidden; }
.itemRibs { float: left; margin: 15px 0 0 25px; _margin: 15px 0 0 23px; line-height: 150%; width: 280px; overflow: hidden; }
#terms { padding: 0 20px; margin: -60px 0 20px 0; _margin: -40px 0 20px 0; color: #111; overflow: hidden; }
#terms h2 { font-size: 14px; font-weight: bold; margin: 20px 0; }
#terms p { font-size: 12px; line-height: 130%; }
/*Language and Facebook Link */

ul#language { float: right; margin-top: 60px; color: #555; font-size: 12px; }
ul#language li { display: inline; margin-right: 15px; height: 18px; }
#social { float: right; margin-top: 59px; margin-right: 15px; color: #555; font-size: 12px; padding-left: 20px; padding-top: 2px; background: url(img/icon_facebook.png) no-repeat left; }
#language a, #social a { color: #555; }
#language a:hover, #social a:hover { text-decoration: none; color: #f1281a; }
/*Main Nav*/

ul#topnav { margin-top: 12px; margin-right: -20px; _margin-right: -30px; list-style: none; float: right; clear: both; }
ul#topnav li { float: left; margin: 0 40px 0 0; }
ul#topnav a { float: left; display: block; height: 40px; text-indent: -99999px; background-position: left top; }
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover { background-position: left -40px; }
/*--Assign an image and width to each link--*/
ul#topnav li.home a { background-image: url(img/m_home.gif); width: 45px; }
ul#topnav li.about a { background-image: url(img/m_about.gif); width: 53px; }
ul#topnav li.menu a { background-image: url(img/m_menu.gif); width: 47px; }
ul#topnav li.location a { background-image: url(img/m_location.gif); width: 75px; }
ul#topnav li.survey a { background-image: url(img/m_guestSurvey.gif); width: 131px; margin-top: 5px; }
ul#topnav li.contact a { background-image: url(img/m_contact.gif); width: 69px; }
#home li.home a, #about li.about a, #menu li.menu a, #location li.location a, #survey li.survey a, #contact li.contact a { background-position: left bottom; }
/*Styles for Food menu navigation */

ul#foodNav { margin-top: 12px; list-style: none; float: right; }
ul#foodNav li { margin: 7px 12px 0 0; _margin: 7px 7px 0 0; clear: both; float: right; }
ul#foodNav a { display: block; height: 24px; text-indent: -99999px; background-position: left top; }
/*--CSS Sprites - Hover State--*/
ul#foodNav a:hover { background-position: left -24px; }
/*--Assign an image and width to each link--*/
ul#foodNav li.starters a { background-image: url(img/m_starters.gif); width: 81px; }
ul#foodNav li.salads a { background-image: url(img/m_soups.gif); width: 183px; }
ul#foodNav li.sandwiches a { background-image: url(img/m_sandwiches.gif); width: 104px; }
ul#foodNav li.ribs a { background-image: url(img/m_ribs.gif); width: 131px; }
ul#foodNav li.steaks a { background-image: url(img/m_steaks.gif); width: 65px; }
ul#foodNav li.fajitas a { background-image: url(img/m_fajitas.gif); width: 66px; }
ul#foodNav li.burgers a { background-image: url(img/m_burgers.gif); width: 163px; }
ul#foodNav li.chicken a { background-image: url(img/m_chicken.gif); width: 71px; }
ul#foodNav li.guiltless a { background-image: url(img/m_guiltless_grill.gif); width: 134px; }
ul#foodNav li.seafood a { background-image: url(img/m_seafood.gif); width: 74px; }
ul#foodNav li.desserts a { background-image: url(img/m_desserts.gif); width: 85px; }
ul#foodNav li.kids a { background-image: url(img/m_kids.gif); width: 189px; }
ul#foodNav li.drinks a { background-image: url(img/m_drinks.gif); width: 70px; }
#starters li.starters a, #salads li.salads a, #sandwiches li.sandwiches a, #ribs li.ribs a, #steaks li.steaks a, #fajitas li.fajitas a, #burgers li.burgers a, #chicken li.chicken a, #guiltless li.guiltless a, #seafood li.seafood a, #desserts li.desserts a, #kids li.kids a, #drinks li.drinks a { background-position: left bottom; }
/*Styles for Callout Links */

ul#seeMenu { list-style: none; float: right; margin-top: 30px; }
ul#seeMenu a { display: block; height: 85px; text-indent: -99999px; background-position: left top; }
ul#seeMenu a:hover { background-position: left -85px; }
ul#seeMenu li.seeMenu a { background-image: url(img/m_see_our_menu.gif); width: 163px; }
/*Styles for Contact Form */

#contactForm { width: auto; overflow: hidden; color: #111; }
#contactForm h2 { margin: 0 0 0 0; }
#contactForm h3 { font-size: 14px; font-weight: bold; color: #222; line-height: 140%; margin-top: 15px; }
#contactForm p { font-size: 12px; color: #111; line-height: 140%; margin-top: 10px; }
#contactForm a:link, #contactForm a:visited, #contactForm a:active { color: #111; }
#contactForm a:hover { text-decoration: underline; }
/*form fields */

form#contact { width: auto; padding-top: 10px; overflow: hidden; }
form#contact label.Email, form#contact label.Url, form#contact label.Services { float: left; width: 200px; font-size: 12px; font-weight: bold; padding: 0 0 12px 0; }
form#contact label.Name, form#contact label.Company, form#contact label.Phone { clear: both; width: 200px; font-size: 12px; font-weight: bold; padding: 0 0 12px 0; float: left; margin-right: 14px; _margin-right: 6px; }
form#contact label.Services { font-size: 12px; font-weight: bold; padding: 0 0 12px 0; float: left; }
form#contact label.Comments { width: 400px; clear: both; font-size: 12px; font-weight: bold; padding: 0 0 12px 0; }
form#contact label.Name input { width: 200px; float: left; margin-top: 2px; margin-right: 14px; _margin-right: 6px; }
form#contact label.Email input, form#contact label.Url input { width: 200px; float: left; margin-top: 2px; }
form#contact label.Company input, form#contact label.Phone input { width: 200px; float: left; margin-top: 2px; margin-right: 14px; _margin-right: 6px; }
form#contact label.Services select { width: 208px;  *width: 205px;
height: 20px; float: left; margin-top: 2px;  *margin-top: 2px;
font-size: 11px; }
form#contact label.Comments textarea { clear: both; width: 420px; height: 60px; margin-top: 3px; }
.submit { clear: both; float: left; margin-top: 10px; }
.requiredField { float: left; font-size: 11px; color: #222; padding: 17px 0 0 10px; }
/*Generic Classes */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/*Styles for Videobox */

#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; text-align: center; padding: 5px; }
.lbLoading { background: #fff url(img/loading.gif) no-repeat center; }
#lbImage { border: 10px solid #fff; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(img/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(img/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 5px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(img/closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
/* required to avoid jumping */
#itemMenuWrapper { position: absolute; margin-left: 0px; left:0; }
#itemMenu { position: absolute; top: 0;/* just used to show how to include the margin in the effect */
}
#itemMenu.fixed { position: fixed; top: 0; }
/*New 20100315*/
#starters, #salads, #sandwiches, #ribs, #steaks, #fajitas, #burgers, #chicken, #guiltless, #seafood, #desserts, #kids, #drinks { position:relative; }
/*New 20100315*/
#starters, #salads, #sandwiches, #ribs, #steaks, #fajitas, #burgers, #chicken, #guiltless, #seafood, #desserts, #kids, #drinks { position:relative; }
/*slideshow 20100721*/
.slide_num { width:150px; height:20px; position:relative; top:313px; left:365px; }
.slide_num img { padding-top:10px; }