@charset "utf-8";
/* CSS Document */
html,body { 	margin:0 0 0 0;	padding:0 0 0 0; color:#000; background:url(../images/bkgnd-tile1.jpg) repeat-y top center;	}

body { font:85%/140% Georgia, "Times New Roman", Times, serif; text-align:center; }

p {margin:1em 0;}

#footer a { color:#000000; }	

#footer a:hover{ color:#D8362A; }	

.opening_phrase { font-weight:bold; color:#D8362A; font-family:Arial, Helvetica, sans-serif; }	

.menu_item { font-weight:bold; color:#000000; font-family:Arial, Helvetica, sans-serif; }	

.redtext { color:#D8362A; }	

.chowchow { color:#D8362A; text-decoration:underline; font-style:italic; font-weight:bold; }

.bigchowchow { color:#D8362A; text-decoration:underline; font-style:normal; font-weight:bold; }

.centered_text { text-align:center; }	

.hours { text-align:center; margin-bottom:3.0em; }		

/* Set up logical blocks for page */

#masthead { text-align:left; }	
	
#container { width:600px; text-align:center; margin:auto; background-color:#FFF; }	

#navigation { width:600px; text-align:left; margin-bottom:15px; }

#content { text-align:left; }

#footer { text-align:center; clear:both; padding:10px 0 0 0; font-size:0.8em; }	

#footer_links a { text-decoration:none; font-weight:bold; }	

#comingsoon { margin:0 0 0 9px; }

#phonelist { vertical-align:top; }

	

	/* CSS for the Navigation Bar starts here
================================================*/

/* Main Nav Rollover effects */

/* Set up list */

ul#mainnav { margin: 0em; padding: 0em; width:600px; height:30px;}
ul#mainnav li { float:left; display: inline; list-style-type: none;  }
ul#mainnav li { height: 30px; overflow: hidden; }
ul#mainnav li, ul#mainnav li a { display: block; height:30px; }
ul#mainnav li span { display: block; text-indent:-5000px;}

/* Home */
ul#mainnav li#home { width:62px; background:  url(../images/home_nav.gif) 0px -30px no-repeat; }
ul#mainnav li#home a {  background:  url(../images/home_nav.gif) 0px 0px no-repeat; }
ul#mainnav li#home a:hover { background-image: none; }

/* Locations */
ul#mainnav li#locations { width:90px; background:  url(../images/loc_nav.gif) 0px -30px no-repeat; }
ul#mainnav li#locations a { background:  url(../images/loc_nav.gif) 0px 0px no-repeat; }
ul#mainnav li#locations a:hover { background-image: none; }

/* Dine-In Menu */
ul#mainnav li#dinein { width:74px; background:  url(../images/dinein_nav.gif) 0px -30px no-repeat; }
ul#mainnav li#dinein a { background:  url(../images/dinein_nav.gif) 0px 0px no-repeat; }
ul#mainnav li#dinein a:hover { background-image: none; }

/* Catering Page */
ul#mainnav li#catering { width:83px; background:  url(../images/catering_nav.gif) 0px -30px no-repeat; }
ul#mainnav li#catering a { background:  url(../images/catering_nav.gif) 0px 0px no-repeat; }
ul#mainnav li#catering a:hover { background-image: none; }

/* Merchandise */
ul#mainnav li#merch { width:106px; background:  url(../images/merch_nav.gif) 0px -30px no-repeat; }
ul#mainnav li#merch a { background:  url(../images/merch_nav.gif) 0px 0px no-repeat; }
ul#mainnav li#merch a:hover { background-image: none; }

/* Gift Cards */
ul#mainnav li#gc { width:93px; background:  url(../images/gc_nav.gif) 0px -30px no-repeat; }
ul#mainnav li#gc a { background:  url(../images/gc_nav.gif) 0px 0px no-repeat; }
ul#mainnav li#gc a:hover { background-image: none; }

/* Contact */
ul#mainnav li#contact { width:78px; background:  url(../images/contact_nav.gif) 0px -30px no-repeat; }
ul#mainnav li#contact a { background:  url(../images/contact_nav.gif) 0px 0px no-repeat; }
ul#mainnav li#contact a:hover { background-image: none; }

/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */

.cbb { padding:0 10px; margin:1em 0; background:#f7f7ef; border:1px solid #666; }

.cbb h1 { margin:0 -10px; padding:0.3em 10px; background:#efece6; font:bold 1.2em/1 Georgia, "Times New Roman", Times, serif; }

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb { margin:0.5em 0; }

.two { width:110px; float:left; margin:0; }

.three { width:420px; margin:auto; }

/* Rules for the top corners and border */

.bt { background:url(../images/box2.png) no-repeat 100% 0; margin:5px 0 0 25px; height:25px; }

.bt div { height:25px; width:25px; position:relative; left:-25px; background:url(../images/box2.png) no-repeat 0 0; }

/* Rules for the bottom corners and border */

.bb { background:url(../images/box2.png) no-repeat 100% 100%; margin:0 0 0 25px; height:25px; }

.bb div { height:25px; width:25px; position:relative; left:-25px; background:url(../images/box2.png) no-repeat 0 100%; }

/* Insert the left border */

.i1 { padding:0 0 0 10px; background:url(../images/borders2.png) repeat-y 0 0; }

/* Insert the right border */

.i2 { padding:0 10px 0 0; background:url(../images/borders2.png) repeat-y 100% 0; }

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.i3 { background:#ffffff; border:1px solid #ffffff; border-width:1px 0; padding:0 10px; }

/* CSS for the box ends here */

.cb h1 { margin:0 -10px; padding:0 10px 0.3em; font:bold 1.2em/1 Georgia, "Times New Roman", Times, serif; }

.content_heading { text-align:center; margin-top:0px; }

.lead_image { float:left; margin:0 5px 5px 0; }	

.lead_image_center { clear:both; position:relative; margin:auto; }