body{
    background-color:#f8f2db;
	margin:0 auto;
	padding:0;
	font-family: arial, "trebuchet ms", helvetica,  verdana, sanserif;
	font-size:62.5%;
	text-align:center;
	color:#3b3b3b;
}

a:active,
a:visited
{
  outline: none;
}

a
{
    color:#c12400;
    text-decoration:none;
}
    

#upper{
	background:#3b3b3b url(../images/bg_gray.gif) 50% 0 repeat-y;
	margin:0 auto;
	padding:0;
	text-align:left;
	border-top:7px solid #010101;
}

#upper #nav,
#upper #contentcontainer,
#upper #footer{
	width:820px;
	margin:0 auto;
	padding:0;
}

#upper #nav a img.logo{
	margin:15px 0 7px 0;        /*  <--- main logo spacing   */
	padding:0;
	border:none;
	text-decoration:none;
	float:left;
}


#upper #contenttop{
	height:10px;
	background:url(../images/content/shadow_top.gif) 50% 0 no-repeat;
	margin:0;
	padding:0;
	overflow:hidden;
}
#upper #contentbottom{
	height:5px;
	background:url(../images/content/shadow_bottom.gif) 50% 0 no-repeat;
	padding:0 0 15px 0;
	margin:0;
}

#upper #contentcontainer {
	min-height:320px;
    height:auto !important;
    height:320px;
	background:#fff url(../images/content/shadow_mid.gif) 0 0 repeat-y;
}

#upper #contentcontainer #content{
	margin:0 10px;
	padding:0;
	overflow:hidden;
	background:url(../images/content/front.jpg) 0 0 no-repeat;
	width:800px;
}

#content h1{
	display:none;
}

#content #sectionHeader {
	margin:20px 0 0 152px;
	padding:0;
	width: 500px;
	height:85px;
	display:inline;
	
}

p{
	font-size:1.3em;
	color:#444;
	line-height:1.5;
}

#content p{
	margin:20px 20px 40px 340px;
}



#divider{
	height:4px;
	background:#8D8979 url(../images/bg_divider.gif) 50% 0 repeat-y;
	overflow:hidden;
}

#lowerx{
	height:200px;
	background:#f8f2db url(../images/bg_lowerx.gif) 0 0 repeat-x;
}

#lower{
	background:url(../images/bg_lower.gif) 50% 0 no-repeat;
	padding:0 0 50px 0;
	
}

#lower #touts{
	width:830px;
	overflow:hidden;
	margin:0 auto;
}


#lower #catering,
#lower #gc,
#lower #il{
	width:273px;
	height:200px;
	padding:0;
	display:inline;
	float:left;
}

#lower #catering{
	background:url(../images/footer/catering.gif) no-repeat;
	margin:0 5px 0 2px;
}
#lower #gc{
	background:url(../images/footer/giftcards.gif) no-repeat;
	margin:0 4px 0 0;
}

#lower #il{
	background:url(../images/footer/interestlist.gif) no-repeat;
	margin:0;
}

#touts h2{
	display:none;
}

#touts p{
	 margin:75px 65px 0 31px;
	 text-align:left;
	 line-height:1.3;
	 font-size:1.1em;
 }
 
#touts p.readmore{
	margin:15px 0 0 25px;
	padding:0;
}
#touts p.readmore a{
	color:#c12400;
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
}
#touts p.readmore a img{
	text-decoration:none;
	border:0;
	margin:0 3px 0 0;
}



.clear{
	clear:both;
}

#navtag
{
    float:right;
    margin:0;
    padding:0;
    background:url(../images/navtag.gif) 0 0 no-repeat;
    width:500px;
    height:40px;
}




/* Main Nav
-----------------------------*/

#mainnav {
	height: 40px;
	margin:0; 
	padding:0;
    overflow:hidden;
	display:block;
	width:500px;
	float:right;
}

#mainnav ul {
    margin:0 0 0 26px; 
    padding:0; 
    list-style-type:none;
}

#mainnav li {
    float:left; 
    margin:0;
}

#mainnav li.Home, 
#mainnav li.activeHome,
#mainnav a.Home 
{
    background: url(../images/mainnav/home.gif) 0 0;
	width:63px;
}
#mainnav li.Menu,
#mainnav li.activeMenu,
#mainnav a.Menu
{
    background: url(../images/mainnav/menu.gif) 0 0;
	width:80px;
}
#mainnav li.Catering,
#mainnav li.activeCatering,
#mainnav a.Catering
{
    background: url(../images/mainnav/catering.gif) 0 0;
	width:98px;
}
#mainnav li.Locations,
#mainnav li.activeLocations,
#mainnav a.Locations
{
    background: url(../images/mainnav/locations.gif) 0 0;
	width:105px;
}

#mainnav li.Contact,
#mainnav li.activeContact,
#mainnav a.Contact
{
    background: url(../images/mainnav/contact.gif) 0 0;
	width:96px;
} 


#mainnav a {
    display:block; 
    height:0; 
    padding-top:40px; 
    color:#000; 
    overflow:hidden;
}

/* hack for older versions of IE with incorrect box model */
* html #mainnav a:link, * html #mainnav a:visited {height:40px; he\ight:0;}

#mainnav a.Home:hover, 
#mainnav a.Menu:hover,
#mainnav a.Catering:hover,
#mainnav a.Locations:hover,
#mainnav a.Contact:hover,
#mainnav li.activeHome,
#mainnav li.activeMenu,
#mainnav li.activeCatering,
#mainnav li.activeLocations,
#mainnav li.activeContact
{
	background-position:0 -40px;
}

* html #mainnav a:hover {height:40px; he\ight:0;
 }

/* End Main mainnav
-----------------------------*/



#lower .hrule
{
    height:2px;
    width:820px;
    margin:20px auto 0;
    padding:0;
    background:url(../images/hrule.gif) 0 0 repeat-x;
}

/* footernav
-----------------------------*/

#footernav
{
    width:810px;
    margin:0 auto;
    padding:0;
    overflow:hidden;
}

#footernav ul#footermenu
{
    float:left;
    margin:10px 0;
    padding:0;
    width:50%;
    text-align:left;
}

#footernav ul#footermenu li
{
display: inline;
list-style-type: none;
margin-right: 20px;
font-size:1.2em;
}

#footernav ul#footermenu li a
{
    color:#3B3B3B;
    text-decoration:none;
}
#footernav ul#footermenu li a:hover,
#footernav ul#footermenu li.active a
{
    color:#c12400;
}



#footernav ul#logos
{
    float:right;
    margin:0;
    padding:0;
}
#footernav ul#logos li
{
    display: inline;
}
#footernav ul#logos a img
{
    text-decoration:none;
    border:none;
    list-style-type: none;
    margin-left: 20px;
}

/* end footernav
-----------------------------*/




/* content stuff
-------------------*/


#contactcontent,
#locationscontent
{
    background:url(../images/contact/header.jpg) 100% 0 no-repeat;
    margin:0 10px;
    padding:0;
    overflow:hidden;
    width:800px;
}

#cateringcontent h3,
#cateringcontent h1,
#contactcontent h3,
#contactcontent h1,
#locationscontent h3,
#locationscontent h1
{
    /*Size of the image*/ 
    padding-top: 75px; 
    width: 340px; 
    margin:20px;
    /*Hide the text*/ 
    overflow: hidden; 
    /* WIN IE5 hack */ 
    height: 75px; 
    voice-family: "\"}\""; 
    voice-family:inherit; 
    height: 0; 
}

#cateringcontent h3,
#cateringcontent h1
{
    /*The image*/ 
    background-image: url(../images/catering/title.gif); 
    background-repeat: no-repeat; 
}

#contactcontent h3,
#contactcontent h1
{
    /*The image*/ 
    background-image: url(../images/contact/title.gif); 
    background-repeat: no-repeat; 
}

#locationscontent h3,
#locationscontent h1
{
    /*The image*/ 
    background-image: url(../images/locations/title.gif); 
    background-repeat: no-repeat; 
}


    
    
#contactcontent img.title
{
    margin:20px;
    padding:0;
}

/* forms 
--------------------------------------------- */

div.contactform {
	padding: 25px;
	margin: 100px 10px 0 0;
	width:430px;
	float:left;
	display:inline;
	}
div.contactform fieldset {
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border: none;
	border-bottom: 0px dashed #e3e3e3;
	}
div.contactform fieldset label {
	float: left;
	width: 11em;
	margin: 0 1em 0 0;
	font-weight: bold;
	line-height: 1.5em;
	font-size:1.1em;
	color:#3b3b3b;
	}
div.contactform fieldset h4 {
	float: right;
	width: 11em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #8b8074;
	}
div.contactform fieldset div.field {
	float: left;
	width: 23em;
	margin: 0 1em 0 0;
	}
div.contactform fieldset div.field label {
	float: none;
	width: auto;
	font-weight: normal;
	font-size:1.2em;
	margin:.5em 1em;
	}
div.contactform fieldset span
{
    margin-top:1em;
    line-height:2;
}
div.contactform fieldset div.field input.input-text {
	width: 20em;
	padding: .3em;
	font-size: 1.1em;
	color: #444;
	}
div.contactform fieldset div.field textarea {
	width: 20em;
	padding: .3em;
	font-size: 1.2em;
	color: #444;
	}
div.contactform fieldset div.field select {
	width: 19.2em;
	font-size: 1.2em;
	color: #646870;
	}
div.contactform fieldset div.field option {
	padding:.2em;
	}
div.contactform div.submit {
	padding-left: 13em;
	padding-top:2em;
	}
div.contactform h2
{
    color:#A81117;
    margin:0 0 .5em 0;
    padding:0;
}


#contactright
{
    float:left;
    margin:120px 10px 0 0;
    display:inline;
    width:250px;
}


#contactright p
{
    line-height:1.3;
    font-size:1.2em;
    text-align:left;
    margin:0 0 20px;
}

#contactright p b
{
    margin-right:20px;
}


#contactright p.title
{
    margin:5px 0;
    padding:0;
    font-weight:bold;
    font-size:1.3em;
}

#contactright p.hours
{
    margin-left:1em;
}

h2
{
    color:#c12400;
    font-size:1.5em;
    margin:0 0 5px;
    padding:0;
}

/* End contact form
------------------------------*/





/* Menu page
------------------------------*/

#menucontent
{
    margin:0 0px 0 11px;
    padding:0;
    overflow:hidden;
    width:800px;
}

#menucontent img.menuheader
{
    margin-bottom:20px;
}

#menucontent #menus
{
    float:left;
    display:inline;
    width:150px;
    margin:0 15px;
}

#menucontent #menuitems
{
    float:left;
    display:inline;
    width:540px;
    margin:0 45px 10px 25px;
}



/*items*/
div#menuitems dl,
div#menuitems dl.dots
{
    width: 100%;
    overflow: auto;
    margin: 0 0 10px 5px;
}

div#menuitems dl.dots
{
    background: url(../images/menu/dot.gif) repeat-x 0 1.2em;
}


div#menuitems dt,
div#menuitems dd.price
{
    background: #fff;
    font-size: 1.3em;
    font-weight: bold;
    color:#3b3b3b;
    }
div#menuitems dt
{
    float: left;
    padding-right: 3px;    
}
div#menuitems dd
{
    margin:0;
}
div#menuitems dd.price
{
    float: right;
    padding-left: 3px;
    color: #8d8979;
}
div#menuitems dd.ingredients
{
    float: left;
    width: 90%;
    padding: 3px 0 0 0;
    font: 1.1em arial, "Trebuchet MS", verdana ,sans-serif;
    color: #8d8979;
    font-style:italic;
}

.menucat
{
    padding-bottom:10px;
}



/*menu right menus*/
div#menus ul
{
    margin:10px 0 50px;
    padding:0;
}

div#menus li
{
    font-size: 1.2em;
    text-decoration:none;
    color: #B7272D;
    list-style-type:none;
    margin:0 0 10px 5px;
    padding:0;
    text-indent:0;
}

div#menus li.dl
{
    padding:0 0 0 20px;
    background:url(../images/dl.gif) 0 0 no-repeat;
}


div#menus li a
{
    text-decoration:none;
    color: #231F20;
}
div#menus li a:hover,
div#menus li a.active
{
    color:#8d8979;
}

div#menus li p
{
    font-size:12px;
}


/* Catering
-------------------*/

#cateringcontent
{
    background:url(../images/catering/header.jpg) 100% 0 no-repeat;
    margin:0 0 0 11px;
    padding:0;
    overflow:hidden;
    width:800px;
}

#cateringcontent #cateringinfo
{
    width:60%;
    float:left;
    margin:100px 25px 30px;
    padding:0;
    display:inline;
}


#cateringcontent #cateringinfo p
{
    margin:5px 0;
    padding:0;
    font-size:1.2em;
}

#cateringcontent #cateringinfo h2
{
    margin:20px 0 0 0;
}



#cateringcontent #cateringinfo ul
{
    margin:10px 0 0 20px;
    padding:0;
    list-style-position:outside;
    font-size:1.2em;
    color:#3b3b3b;
}

#cateringcontent #cateringinfo li
{
    
    list-style-image:url(../images/arrow_right.gif);
    margin:0 0 10px 0;
    padding:0;
}

#cateringright
{
    float:right;
    display:inline;
    margin:120px 20px 0 0;
    padding:0;
    width:200px;
}
#cateringright h2
{
    margin-top:10px;
    text-align:center;
}

#cateringright a img
{
    border:none;
    text-decoration:none;
}

#cateringright p.disclaimer
{
    font-size:12px;
    text-align:center;
    width:160px;
    margin:0 auto;
}







/* Location Map
-----------------------------*/


div#map
{
    width:430px;
    height:350px;
    float:left;
    display:inline;
    margin:120px 40px 20px 20px;
    border:1px solid #8d8979;
}


div#location
{
    width:360px;
    float:left;
    display:inline;
    padding:40px 0 0 30px;
    margin:0;
    text-align:center;
}
div#location img
{
    margin:0 auto;
    padding:0;   
    display:block; 
}

div#location p
{
    margin:15px 0;
    padding:0;
    font-size:1.4em;
    line-height:1.2;
}