﻿/* No list-markers by default - 
* must redefine bullets w/ bg graphics
********************************************************/

ol, ul {
    list-style:none;
}

/* Avoid browser default inconsistent heading, 
* font-sizes and pre/code
********************************************************/

td, code, pre, h6, h5, h4, h3, h2, h1, body {
    font-size:1em;
}

/* Remove inconsistent (among browsers) - 
* default padding or margin 
********************************************************/

hr, img, td, tr, table, dl, dt, dd, div, label, input, fieldset, blockquote, p, html, body, form, pre {
    margin:0; padding:0;
}

h6, h5, h4, h3, h2, h1 {
    margin:0; padding:0;
}

li, ol, ul {
    margin:0; padding:0;
}

/* prevent blue linked image borders
********************************************************/

fieldset {
    border:none;
}

:visited img {
    border:none;
}

:link img {
    border:none;
}

a img {
    border:none;
}

/* Begin Styles */

body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	letter-spacing:0;
	line-height:18px;
	color:#333;
}

h1 {
	font-size:24px;
	letter-spacing:1px;
	color:#630100;
	padding:80px 0 7px 35px;
	font-weight:normal;
}

h2 {
	font-size:19px;
	letter-spacing:1px;
	color:#630100;
	padding:10px 0 7px 35px;
	font-weight:normal;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active {
	font-size:19px;
	letter-spacing:1px;
	color:#630100;
	padding:0;
	font-weight:normal;
	border:0;
	text-decoration:none;
}

h2 a:hover {
	color:#9F005C;
	border:0;
    text-decoration:none;
}

h2.menu {
	padding:20px 0 5px 35px;
	font-size:17px;
}

div#inner img.float  {
    border:2px #ccc solid;
    margin:0 0 0 20px;
    float:right;
}

body#moes-menu p {
	padding:5px 35px 0 35px;
}

p.description {
	font-size:11px;
	font-style:italic;
	margin-left:25px;
	padding:0;
}

p.extras {
	color:#630100;
	font-style:italic;
	margin:10px 0 0 0;
}

p.menu-note {
   color:#630100; 
}

h3 {
	font-size:16px;
	letter-spacing:0px;
	color:#333;
	padding:10px 0 5px 35px;
	font-weight:bold;
}

p {
	padding:0 35px 15px 35px;
	line-height:21px;
}

p.address {
	padding:0 35px 0 35px;
}

/*a.link:link {
	color:#333;
	text-decoration:underline;
	font-size:18px;
}

a.link:visited {
	color:#333;
	text-decoration:underline;
	font-size:18px;
}

a.link:hover, a.link:active {
	color:#ccc;
	background-color:#333;
	text-decoration:underline;
	font-size:18px;
}*/

/* End Styles */

/* Begin Structure */

div#clear {
	clear:both;
}

div#header-wrapper {
	position:relative;
	width:100%;
	height:250px;
	background-color:#630100;
}

div#header {
	position:relative;
	width:980px;
	height:250px;
	background-color:#630100;
	margin:auto;
}

div#header img {
	float:right;
	clear:left;
}

div#logo {
    position:relative;
	width:380px;
	height:250px;
	float:left;
	/*background:transparent url('../images/logo.jpg') no-repeat scroll center center;*/
	background:#080303 url('../images/left-header.png') no-repeat scroll center center;
}

div#inner {
	position:relative;
	width:900px;
	min-height:330px;
	height:auto;
	margin:auto;
}

div#inner p a, div#inner p a:link, div#inner p a:visited, div#inner p a:active {
    color:#630100;
    text-decoration:none;
    border-bottom:1px #630100 solid;
}

div#inner p a:hover {
    color:#9F005C;
    text-decoration:none;
    border-bottom:1px #9F005C solid;
}

div#section {
    position:relative;
    width:250px;
    min-height:250px;
    height:auto;
    float:left;
    margin:40px 0 0 0;
    font-family:"Comic Sans MS";
}

div#food {
    position:relative;
    width:500px;
    min-height:250px;
    height:auto;
    float:left;
    margin:40px 0 0 0;
}

div#food ul {
    padding:0 0 0 35px;
}

div#section ul {
    width:200px;
    text-align:center;
}

div#section ul li {
    padding:0 0 15px 0;
    line-height:25px;
}

div#section ul li a {
    display:block;
}

div#front-cover {
    position:relative;
    width:390px;
    height:551px;
    float:left;
    margin:40px 0 0 0;
    background:transparent url('../images/front-of-menu.jpg') no-repeat scroll 0 0;
}

div#sidebar {
	position:relative;
	width:339px;
	min-height:300px;
	height:auto;
	float:left;
	background-color:#fff;
	z-index:2;
}

div#sidebar h2 {
	padding:20px 0 0 35px;
	font-size:18px
}

div#sidebar h3 {
	font-size:16px;
	letter-spacing:0px;
	color:#630100;
	padding:15px 0 5px 35px;
	font-weight:normal;
}

div#sidebar p {
	padding:0 35px 5px 35px;
}

div#inner img {
	float:right;
	margin:5px 0 5px 5px;
	border:2px #fff solid;
}

div#main span {
	float:right;
	text-align:right;
}

ul#general-list {
    position:relative;
    width:auto;
    height:auto;
    margin:0 0 0 35px;
    list-style:none;
}

ul#general-list li {
    padding:0 0 10px 20px;
    text-indent:-16px;
}

ul#general-list li.indent {
    margin:0 0 0 35px;
    list-style:none;
    list-style-type:none;
}

ul#general-list li.indent-functions {
    margin:0 0 0 35px;
    list-style:none;
    list-style-type:none;
    padding-bottom:10px;
    font-style:italic;
}

ul#general-list-functions {
    position:relative;
    width:auto;
    height:auto;
    margin:0 0 10px 35px;
    list-style:disc inside;
}

ul#general-list-functions li {
    padding:0 0 5px 20px;
    text-indent:-16px;
}

/* Begin jQuery Tooltip CSS */

/*#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	width:400px;
	z-index:9999;
	margin-top:-140px;
}*/

/* End jQuery Tooltip CSS */

/*div#moe {
	position:relative;
	width:171px;
	height:107px;
	float:right;
	top:11px;
	z-index:100;
	background:transparent url('../images/moe.png') no-repeat scroll center top;
}*/


div#col-1-contact {
    position:relative;
	float:left;
	top:-25px;
}

div#col-2-contact {
	position:relative;
	width:400px;
	min-height:200px;
	height:auto;
	float:left;
	margin:158px 0 0 30px;
}

div#footer-wrapper {
	position:relative;
	width:100%;
	height:188px;
	z-index:1;
	background:#630100 url('../images/footer-wrapper.png') repeat-x scroll center bottom;
}

div#footer {
	position:relative;
	width:980px;
	height:188px;
	margin:auto;
	z-index:1;
	background:#630100 url('../images/footer.jpg') no-repeat scroll center top;
}

div#footer h3 {
	font-size:14px;
	letter-spacing:0px;
	color:#fff;
	padding:100px 0 0 0;
	text-align:center;
	font-weight:normal;
}

div#footer p {
	letter-spacing:0px;
	color:#fff;
	padding:0px 0 0 0;
	text-align:center;
	font-weight:normal;
	font-size:10px;
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
	color:#fff;
	text-decoration:none;
	border-bottom:1px #fff solid;
}

div#footer a:hover {
	color:#9F005C;
	border-bottom:1px #9F005C solid;
}

ul#menu-list {
	position:relative;
	width:492px;
	height:150px;
	margin:auto;
	top:50px;
}

ul#menu-list li {
	width:154px;
	height:100px;
	float:left;
	margin:0 10px 0 0;
}

ul#menu-list li.last {
	margin:0;
}

/* Begin Menu */

div#menu-wrapper {
	position:relative;
	width:100%;
	height:50px;
	margin-top:-25px;
	float:left;
	z-index:11;
	background:transparent url('../images/menu-bg.png') repeat-x scroll center top;
}

div#menu-sub {
	position:relative;
	width:100%;
	height:25px;
	margin:auto;
	float:left;
	background-color:#e1e1e1;
	z-index:20;
}

ul#menu {
	position:relative;
	width:980px;
	height:50px;
	margin:auto;
	text-align:center;
	font-size:15px;
}

ul#menu li {
	width:100px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
}

ul#menu li a {
	width:100px;
	height:25px;
	float:left;
	color:#fff;
	z-index:20;
	margin:0 5px 0 0;
}

ul#menu li.active {
	color:#630100;
	background-color:#999;
	text-decoration:none;
}

ul#menu li a:link {
	color:#fff;
	text-decoration:none;
}

ul#menu li a:visited {
	color:#fff;
	text-decoration:none;
}

ul#menu li a:hover {
	color:#630100;
	background-color:#999;
	text-decoration:none;
}

ul#menu li a:active {
	color:#fff;
	text-decoration:none;
}

ul#menu li ul {
	position:relative;
	width:400px;
	height:auto;
	top:0;
	z-index:15;
	color:fuchsia;
	float:left;
}

ul#menu li ul li {
	width:100px;
	height:25px;
	float:left;
	color:fuchsia;
}

ul#menu li ul li a {
	width:100px;
	height:23px;
	float:left;
	padding:2px 0 0 0;
}

ul#menu li ul li.active a {
	color:#630100;
	background-color:#999;
	text-decoration:none;
}

ul#menu li ul li a:hover {
	display:block;
}

/* End Menu */

/* End Structure */

/* Begin Slideshow Header */

#slideshow {
    position:relative;
    height:250px;
    width:600px;
    float:right;
    /* clearing does nothing to fix it in ie */
}

#slideshow DIV {
    position:absolute;
    z-index:8;
    height:250px;
    width:600px;
    left:0;
}

#slideshow DIV.active {
    z-index:10;
    left:0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height:250px;
    display:block;
    float:none;
}

/* End Slideshow Header */

/* Begin Slideshow Functions */

#slideshow-f {
    position:relative;
    width:250px;
    height:375px;
    float:right;
    /* clearing does nothing to fix it in ie */
	margin:0 0 0 30px;
	
	padding:0;
}

#slideshow-f DIV {
    position:absolute;
    z-index:8;
    width:250px;
    height:375px;
    left:0;
    
}

#slideshow-f DIV.active {
    z-index:10;
    left:0;
    
}

#slideshow-f DIV.last-active {
    z-index:9;
}

#slideshow-f DIV IMG {
    height:375px;
    display:block;
    float:none;
    border:1px #ccc solid;
}

/* End Slideshow Functions */

ul#food-menu-list {
    position:relative;
    width:780px;
    min-height:200px;
    height:auto;
    margin:auto;
    margin-top:30px;
    margin-bottom:15px;
}

ul#food-menu-list li {
    width:134px;
    height:130px;
    float:left;
    margin:0 10px 18px 10px;
    text-align:center;
    padding:0;
}

ul#food-menu-list li a, ul#food-menu-list li a:link, ul#food-menu-list li a:visited, ul#food-menu-list li a:active {
    color:#630100;
    text-decoration:none;
    border:0;
}

ul#food-menu-list li a:hover {
    color:#630100;
    text-decoration:none;
    border:0;
}

ul#food-menu-list li h2 {
    padding:30px 0 0 0;
    text-align:center;
    border:0;
}

ul#food-menu-list li h2 a, ul#food-menu-list li h2 a:link, ul#food-menu-list li h2 a:visited, ul#food-menu-list li h2 a:active {
    font-size:19px;
    padding:0;
    text-decoration:none;
    border:0;
}

ul#food-menu-list li h2 a:hover {
	color:#9F005C;
	border:0;
    text-decoration:none;
}

ul#food-menu-list li img {
    margin:0;
    padding:0;
    text-align:center;
}

ul#team {
    position:relative;
    width:750px;
    height:auto;
    margin:auto;
    margin-top:30px;
    margin-bottom:15px;
    text-align:left;
}

ul#team li {
    width:200px;
    height:130px;
    float:left;
    margin:0 30px 0 10px;
    padding:0;
}

ul#team li a {
    display:block;
}

span#block {
    height:10px;
    width:10px;
    display:block;
}

span#team-additonal-info {
    font-size:14px;
}

/* this is the css for the slideshow gallery on the menu pages. this is the latest css */
#gallery {
	position:relative;
	height:233px;
	width:350px;
	float:left;
	margin:40px 0 0 0;
}

#gallery a {
	float:left;
	position:absolute;
}
	
#gallery a img {
	border:none;
}
	
#gallery a.show {
	z-index:500
}

#gallery .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:70px; 
	width:100%; 
	position:absolute;
	bottom:-5px;
	margin:0 0 0 5px;
}

#gallery .caption .content {
	margin:0;
	padding:5px;
}
	
#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#fff;
}