/* 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;
    background-color: #f6871f;
    background-image: url(images/restaurant-bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    font-family: 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
}
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;
}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }

/* Text Decoration */
a:link
{
  color: #e77c21;
}

a:visited
{
  color: #e77c21;
}

a:active
{
  color: #e77c21;
}

a:hover
{
  color: #e77c21;
}

h2 {
  color: #f6871f;
   font-size: 12pt;
}

h1 {
      color: #f6871f;
   font-size: 16pt;
   font-weight: bold;
}

.menutitle {
      color: #f6871f;
   font-size: 16pt;
   font-weight: bold;
}

img.menuimage {
  border: 1px solid #f6871f;
  padding: 1px;
}

.imagedesc {
  font-size: 8pt;
 font-style: italic;
}

.footer-link {
    font-family: 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
    font-size: 10pt;
    text-align: center;
}
.footer-link a:link
{
  color: #487b06;
}

.footer-link a:visited
{
  color: #487b06;
}

.footer-link a:active
{
  color: #e77c21;
}

.footer-link a:hover
{
  color: #e77c21;
}

/* Menu */
#wrap {
	width:500px;
	margin:0 40px 40px 0;
	float:right;
   font-size: 9pt;
   min-width: 500px;

}
#wrap ul {
	padding:20px 40px;
	list-style:none;
	float:left;

	position:relative;
	left:-2px;
	top:-2px;


}
#wrap li {
	line-height:1.2;
	margin:1.2em 0  -.9em 0;
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px dotted #000;
	clear:both;
    border:none;
    background: url(images/dotted-leader.gif) repeat-x left bottom;

}
#wrap li.clear {
	line-height:1.2;
    position:relative;
	text-align:left;
	float:left;
	width:100%;
	margin:0.3em 0 0 0;
	border-bottom:0px none #ffffff;
     background: none;
}
#wrap li.multi {
	line-height:1.2;
	margin:-.9em 0 0 0;
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px dotted #000;
	clear:both;
     border:none;
    background: url(images/dotted-leader.gif) repeat-x left bottom;

}

* html #wrap li {
   }
#wrap li span {
	background:#ffffff;
	padding:1px 0 1px 5px;
    color:#000;
	position:relative;
	top: .3em;
	left:1px;/* ie rounding error*/
	float:right;
}
#wrap li span.multi {
	background:#ffffff;
	padding:1px 0 1px 5px;
    color:#000;
	position:relative;
	top:.4em;
	left:1px;/* ie rounding error*/
	float:right;
}
#wrap li em.multi {
	margin:0;
	position:relative;
	top:1.6em;
	padding:0 5px 0 0;
	background:#ffffff;
}
#wrap li em {
	margin:0;
	position:relative;
	top:1.6em;
	padding:0 5px 0 0;
	background:#ffffff;
}
#wrap p {
	padding:0 5em 0 0;
}
#wrap p.title {
	top:1.6em;
	position:relative;
    font-weight: bold;
}
#wrap p.multi {
    font-weight: bold;
}
.amend {
	clear:both;
	padding:20px
}
.amend p {
	margin:0 0 1em 0
}

/* Menu Nav */
ul#list-nav {
list-style:none;
margin:0px;
padding:0;
width:820px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:125px;
height: 50px;
background:#f6871f;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#f4a861;
color:#000
}



/* Layout */
#header {
  height: 66px;
}

#main-logo{
  float: left;
  margin-left: -34px;
}


#header, #main-header, #main-area,#content-area, #main-footer, #footer {
 max-width: 839px;
 margin-left: auto;
 margin-right: auto;

}


#main-header {
  background-image: url(images/main-header.png);
  height: 19px;
  background-repeat: no-repeat;
}
#main-area {
  background-image: url(images/main-area.png);
  background-repeat: repeat-y;
  min-height: 500px;
}
#content-area{

                      padding-left:40px;
                      padding-right: 40px;
}


#main-footer {
  background-image: url(images/main-footer.png);
  height: 39px;
  background-repeat: no-repeat;
}

#footer{
 font-size: 10pt;
 color: #FFFFFF;
 text-align: center;
}

#nav-header{
  float: right;
  margin-top:    35px;
  margin-right: 18px;
}

#rightcol {
    width: 370px;
  float: right;
}
#leftcol {
    width: 370px;
  float: left;
}

#menuleftcol {
    width: 280px;
  float: left;
}


/* Navagation */
#nav-main-header {
background:url("images/sprite-nav-main-header.png") no-repeat;
width:459px;
height:31px;
margin:0;
padding:0;
}

#nav-main-header span {
 display: none;
}

#nav-main-header li, #nav-main-header a {
height:32px;
display:block;
background: none;

}

#nav-main-header li {
float:left;
list-style:none;
display:inline;
}

#nav-main-header-01 {width: 91px;}
#nav-main-header-02 {width: 91px;}
#nav-main-header-03 {width: 91px;}
#nav-main-header-04 {width: 91px;}
#nav-main-header-05 {width: 91px;}

#nav-main-header-01 a:hover {background:url("images/sprite-nav-main-header.png") 0px -33px no-repeat; }
#nav-main-header-02 a:hover {background:url("images/sprite-nav-main-header.png") -91px -33px no-repeat; }
#nav-main-header-03 a:hover {background:url("images/sprite-nav-main-header.png") -182px -33px no-repeat; }
#nav-main-header-04 a:hover {background:url("images/sprite-nav-main-header.png") -273px -33px no-repeat; }
#nav-main-header-05 a:hover {background:url("images/sprite-nav-main-header.png") -364px -33px no-repeat; }