@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
	
body {
	background:#333333;
	}
	
#container {
	margin:auto;
	position:relative;
	width:950px;
	}
	
#top {
	background-image:url(images/horizonal_header.jpg);
	height:326px;
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#title {
	background-image:url(images/logo.jpg);
	float:left;
	width:333px;
	height:307px;
	}
	
#gallery {
	float:right;
	}
	
#leftpage {
	margin-top:25px;
	width:335px;
	float:left;
	margin-right:8px;
	margin-bottom:30px;
	}	
	
#rightpage {
	margin-top:25px;
	width:604px;
	float:left;
	margin-bottom:35px;
	padding-left:2px;
	}
	
#bottom {
	position:relative;
	clear:both;
	background-image:url(images/horizonal_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:2px;
	padding-top:10px;
	padding-bottom:30px;
	}
	
#bottom a {
	font-family:"ITC kabel", "Gill Sans", Helvetica, Arial;
	font-size:.6em;
	color:#ffffff;
	text-decoration:none;
	}
	
h2 {
	font-family:"ITC kabel", "Gill Sans", Helvetica, Arial;
	font-size:1.2em;
	color:#cccccc;
	padding-bottom:6px;
	}
	
#specials a {
	font-family:"ITC kabel", "Gill Sans", Helvetica, Arial;
	color:#cccccc;
	font-size:1.5em;
	padding-bottom:6px;
	}
	
#specials p {
	font-family:"ITC kabel", "Gill Sans", Helvetica, Arial;
	color:#ffffff;
	font-size:1em;
	padding-bottom:6px;
	}
	
p {
	font-family:"ITC kabel", "Gill Sans", Helvetica, Arial;
	font-size:.9em;
	color:#cccccc;
	line-height:1.4em;
	}

	
h7, a {
	font-family:"ITC kabel", "Gill Sans", Helvetica, Arial;
	font-size:.8em;
	color:#ffffff;
	line-height:1.4em;
	}

#dinein {
	font-family:"ITC kabel", "Gill Sans", Helvetica, Arial;
	font-size:.8em;
	color:#ffffff;
	line-height:1.4em
	}
#hr {
	height:3px;
	width:98%;
	background:url(images/hr.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	margin-bottom:10px;
	}

/*store hours */
.subhead {
	font-size:1.2em;
	color:#cccccc;
	line-height:2em;
	}
	
	
/*orderonline link */
#orderonline {
	font-size:1em;
	color:#99ff99;
	text-decoration:none;
	}
	
#orderonline:link {
	color:#99ff99;
	}
	
#orderonline:hover {
	color:#ffffff;
	}

#credit {
	font-size:.6em;
	line-height:2em;
	}
	
/*logo title styling start */
	
h1 a:hover span,
h1.logo span:hover {
  background-position: 0 307px;
  	}
  
h1.logo {
	width: 333px;
	height: 307px;
	position: relative;
	left:2px;
	}
h1.logo span {
	background: url("images/title.jpg");
	position: absolute;
	width: 100%;
	height: 100%;
	left: -2px;
	}
	
h1.logo a {
	left: 2px;
	}
	
/*navigation 2 start */
	#navigation2 li, #navigation2 li a {
	list-style-type: none;
	text-decoration: none;
	line-height: 2em;
	color:#99ff99;
	font-size:1em;
	}
	
#navigation2 {
	padding-bottom:10px;
	}
	
#navigation2 ul li a:link {
	color:#99ff99;
	}
	
#navigation2 ul li a:hover {
	color:#FFFFFF;
	}
	
/*navigation start*/
	
	
#navigation {
	background-image:url(images/horizonal_header.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:53px;
	margin-bottom:8px;
	}

ul.bgimage-switch,ul.bgimage-switch li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  height: 45px;
}
ul.bgimage-switch {
  margin: 1px auto;  
  width: 950px;
}

ul.bgimage-switch li a {
  text-align: center;
  width: auto;
  line-height: 28px;
  height: 45px;
  text-decoration: none;
  display: block;
}

ul#navlist li a {
  position: relative;
  /* hide from IE5/Mac \*/
    overflow: hidden;
  /* end hide */
}



ul.bgimage-switch li#navhome {
  float: right;
  width: 93px;
}
ul#navlist li#navhome a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 93px;
  height: 45px;
  cursor: pointer;
}


ul.bgimage-switch li#navabout {
  float: right;
  width: 103px;
}
ul#navlist li#navabout a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 103px;
  height: 45px;
  cursor: pointer;
}

ul.bgimage-switch li#navmenu {
  float: right;
  width: 91px;
}
ul#navlist li#navmenu a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 91px;
  height: 45px;
  cursor: pointer;
}

ul.bgimage-switch li#navcontact {
  float: right;
  width: 116px;
}
ul#navlist li#navcontact a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 116px;
  height: 45px;
  cursor: pointer;
}

ul.bgimage-switch li#navpress {
  float: right;
  width: 91px;
}
ul#navlist li#navpress a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 91px;
  height: 45px;
  cursor: pointer;
}

ul.bgimage-switch li#navorderonline {
  float: right;
  width: 153px;
}
ul#navlist li#navorderonline a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 153px;
  height: 45px;
  cursor: pointer;
}

/* for IE5/Mac only
the negative top margin needs to be the same absolute value as the height of the
<a> and <span> elements. \*//*/
ul#example3 li a span {
  position: static;
  margin-top: -28px;
}
/* end for IE5/Mac only */

ul#navlist li a:hover span,
ul#navlist li a span:hover {
  background-position: 0 45px;
/* the second number should be the negative height of the link. */
}

ul#navlist li.lihome a span {
  background-image:url(images/nav_home.jpg);
}

ul#navlist li.liabout a span {
  background-image:url(images/nav_about.jpg);
}

ul#navlist li.limenu a span {
  background-image:url(images/nav_menu.jpg);
}

ul#navlist li.licontact a span {
  background-image:url(images/nav_contact.jpg);
}

ul#navlist li.lipress a span {
  background-image:url(images/nav_press.jpg);
}

ul#navlist li.liorderonline a span {
  background-image:url(images/nav_orderonline.jpg);
}

/*navigation end*/