@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; font: 100% Verdana, Arial, Helvetica, sans-serif; background: #333333; text-align: center; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

img.block,
img.menus { display: block; }
img.menus { margin-top: 11px; margin-bottom: 22px; }


h1, h2, h3, h4, h5, h6  { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color: #fff; }

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; padding-top: 1.3em; padding-bottom: 0.8em; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

#header { height: 102px; width: 100%; background: #fff url(../images/header_bg.jpg) repeat-x left top; }
#topnav { height: 42px; width: 100%; background: #fff url(../images/topnav_bg.jpg) repeat-x left top; }
#topbar { height: 60px; width: 100%; background: #db6263 url(../images/topbar_bg.jpg) repeat-x left top; clear: both; }
#mainContent { width: 692px; margin-right: auto; margin-left: auto; }

#mainContent p,
#locationsContent p,
#feedbackContent p { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #fff; padding-bottom: 30px; line-height: 1.5em; }
#mainContent p.captions { padding-top: 7px; padding-bottom: 22px; } 

#mainContent #leftCol { float: left; width: 367px; text-align: left; height: auto; padding-top: 85px; }
#mainContent #rightCol { float: right; width: 280px; text-align: left; padding-top: 85px; background: #292929; height: 453px; padding-left: 14px; }

/* Menu Homepage */
#menuContent { width: 581px; margin-right: auto; margin-left: auto; clear: both; background: #292929; height: auto; }
#menuContent #leftCol { float: left; width: 196px; background: #292929; height: auto; padding-left: 64px; padding-top: 16px; }
#menuContent #rightCol { float: right; width: 196px; background: #292929; padding-right: 64px; padding-top: 16px; }

/* Menu pages */
#listContent { width: 746px; margin-right: auto; margin-left: auto; clear: both; height: auto; background: url(../images/menu/menu_items.gif) repeat-y left top; }
#listContent #leftCol { float: left; width: 328px; height: auto; padding-left: 12px; padding-top: 17px; padding-right: 12px; }
#listContent #rightCol { float: right; width: 328px; padding-right: 12px; padding-top: 17px; padding-left: 12px; }
#listContent #centerCol { width: 182px; margin-right: auto; margin-left: auto; padding: 24px 12px 7px 40px; }

/* Menu items */
#list_name  { height: auto; width: 100%; }
#list_name  p { font-size: 0.75em; color: #FFF; width: 500px; background: #292929; display: block; margin-right: auto; margin-left: auto; padding-top: 12px; padding-bottom: 12px; margin-bottom: 16px; }

#listContent p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.75em; text-align: left; color: #fff; margin-bottom: 20px; }
#listContent p.nospace { margin-bottom: 0px; }
#listContent p.price { margin-bottom: 0px; font-weight: bold; }
#listContent p.pricelast { margin-bottom: 20px; font-weight: bold; }

/* Locations page */
#locationsContent { width: 744px; margin-right: auto; margin-left: auto; clear: both; height: auto; }
#locationsContent #leftCol { float: left; width: 291px; height: auto; padding-top: 80px; text-align: left; }
#locationsContent #leftCol em { color: #FFCC99; }
#locationsContent #leftCol a,
#locationsContent #leftCol a:visited { font-weight: bold; color: #FFFFFF; }
#locationsContent #rightCol { float: right; width: 432px; background: #292929; padding-top: 85px; text-align: center; padding-bottom: 85px; }
#locationsContent p.address { padding-bottom: 0px; }
#locationsContent p.end_address { padding-bottom: 18px; }

/* Feedback page */
#feedbackContent { width: 577px; margin-right: auto; margin-left: auto; clear: both; min-height: 550px; height:auto !important; height:550px; text-align: left; padding-top: 60px; }
#feedbackContent a,
#feedbackContent a:visited { font-weight: bold; color: #FFFFFF; }
#feedbackContent p { padding-right: 208px; }

/* Feedback form */
#feedBack { padding-bottom: 30px; }
#feedBack textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; float: left; width: 100%; border: 1px solid #C2C2AF; height: 223px; padding-top: 5px; padding-left: 5px; }
#feedBack .button { margin-top: 15px; }

#footer { height: 52px; width: 100%; background: #292929 url(../images/footer_bg.gif) no-repeat left center; }
#footer p.address { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; text-align: right; padding-right: 24px; color: #fff; line-height: 4.5em; } 

/* top navbar */
#topnav ul { width: 525px; margin-right: auto; margin-left: auto; }
#topnav ul li { float: left; }
#topnav ul li a { width: 105px; height: 42px; display: block; line-height: 3.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; color: #999999; font-weight: bold; }
#topnav ul li a:hover { background: url(../images/topnav_hover_bg.jpg); color: #FFF; }

#home #topnav .home a,
#about #topnav .about a,
#menu #topnav .menu a,
#locations #topnav .locations a,
#feedback #topnav .feedback a { background: url(../images/topnav_hover_bg.jpg) no-repeat; color: #fff; cursor: default; }

#container { min-width: 800px; }
.clearflt { clear: both; }