/* RESET */

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,
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-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


a {outline:none;}



/* STRUCTURE ELEMENTS */


body {
    font: 12px/14px Georgia, "Times New Roman", Times, serif;   	
	background-color:#281609;
	margin-top: 10px;
	
}

a {outline:none;}

.brown {color: #562B0F;}
.orange {color: #F89828;}
.red {color: #BF311A;}



/* STRUCTURE */

#container { width: 845px; margin: 0 auto ; background-color:#562B0F; display:inline;}

#header {width: 845px; height:100px; background: url(../img/head_image.jpg) 0 0 no-repeat;}

#menu { width: 845px; height:75px; margin-bottom: 10px; background: url(../img/band.gif) repeat-x; position: relative;}

#content { width: 845px;}

#left-col {float:left; display:inline; width: 255px; height:370px; margin-left: 20px; margin-bottom:20px; background: #FFF;}

#middle-col {float:left; display:inline; width: 255px; height:370px; margin-left: 20px; background: #FFF;}

#right-col {float:left; display:inline; width: 255px; height:370px; margin-left: 20px; background: #FFF;}

#two-col {float:left; display:inline; width: 530px; height:370px; margin-left: 20px; position: relative;}

#three-col {float:left; display:inline; width: 805px; height:370px; margin-left: 20px; margin-bottom:20px; background: #562B0F; position: relative;}


#two-col-map {float:left; display:inline; width: 530px; height:370px; margin-left: 20px; position: relative; background: url(../img/map.gif) 0 0 no-repeat;}


#two-col-feed {float:left; display:inline; width: 530px; height:370px; margin-left: 20px; position: relative; background: url(../img/sign_post.jpg) 0 0 no-repeat;}


#footer { width: 845px; margin: 0 auto ; padding: 10px 0 10px 0;}

#footer p {padding-left:20px; padding-right:20px; color: #F89828; font-size: 10px;}



/* BACKGROUNDS */


#two-col.knife {background: url(../img/knifeandfork.jpg) 0 0 no-repeat; padding-top: 10px;}

#right-col.thankyou {background: url(../img/thanks.jpg) 0 0 no-repeat;}




/* HEADER */


.brand { float:left; display:inline; width: 246px; height:43px; margin: 30px 0 0 70px; background: url(../img/clarendon.png) 0 0 no-repeat; behavior: url(iepngfix.htc);}

.shield { float:right; display:inline; width: 63px; height:73px; margin: 12px 85px 0 0; background: url(../img/shield.png) 0 0 no-repeat; behavior: url(iepngfix.htc);}


/* TOP HEADER MENU */


#menu ul { margin-left:0; margin-top: 2px; list-style:none; padding:0; float: left;}

#menu ul li.heading {margin-bottom: 8px;}

#menu ul li {margin-bottom: 3px;}

#menu a {color: #FF9900; text-decoration: none;}
#menu a:hover {color:#FFF; text-decoration: none;}
#menu a.selected  {color:#FFF; }

#menu a.title  {color: #BF311A; text-decoration: none;}
#menu a:hover.title  {color:#FFF; text-decoration: none;}
#menu a.selected.title   {color:#FFF; }


/* menu margins */

#menu ul#rest {position: absolute; left: 60px; top: 0;}
#menu ul#res {position: absolute; left: 205px; top: 0;}
#menu ul#christmas {position: absolute; left: 345px; top: 0;}
#menu ul#news {position: absolute; left: 355px; top: 0;}
#menu ul#contact {position: absolute; left: 475px; top: 0;}
#menu ul#gallery {position: absolute; left: 595px; top: 0;}





/* FORM */

form {padding: 20px 0 0 10px;}

input{
  width: 220px;
  padding:2px;
  font-size:12px;
  margin-bottom: 8px;
  font-family: Georgia, "Times New Roman", Times, serif;
}


label { display:block; margin-bottom:3px;  font-size:12px;}

.search_button {
	background: #FFF;
	border: #BF311A 2px solid;
	width: 55px;
	padding: 3px;
	color: #BF311A;
	font: 12px/14px Georgia, "Times New Roman", Times, serif;  
}


form span {font-style: italic; color: #BF311A; font-size: 11px;}

/* COLUMN TEXT STYLES */


#left-col p, #middle-col p {padding: 0 15px 10px 10px; color: #562B0F;}

#left-col h2, #middle-col h2, div.menus-holder h2 {
	padding: 20px 0px 10px 10px; 
	color: #BF311A; 
	text-transform: uppercase; 
	font-size: 11px;
	}

#left-col h1 {padding: 10px 10px 20px 10px; color: #BF311A; font-size: 24px; font-weight: normal;}

#left-col p.days, #middle-col p.days {font-style: italic; font-weight: 600; padding-bottom: 5px;}

#left-col p.pad, #middle-col p.pad {padding-bottom: 3px;}

#left-col p.feedback {padding-bottom: 2px; font-weight: 600;}

#left-col p.reg {font-size: 10px; line-height: 11px; margin-top:25px;}


#left-col a {color: #562B0F; text-decoration: underline;}
#left-col a:hover {color: #F89828; text-decoration: underline;}


/* MENU COLUMN TEXT STYLES */


#two-col.orange-back {background: #F89828;}

#two-col p.menu-list {font-size: 13px; line-height:18px; margin-bottom: 5px; color: #FFF;}

.menus-holder {background: #562B0F; width:510px; height:350px; margin: 10px 0 0 10px; text-align: center;}

p.download-menu {background: #BF311A; width:145px; padding: 3px; border: #F89828 2px solid; font-size: 14px; color: #FFF; margin: 10px auto 0 auto; }

p.download-menu a {color: #FFF; text-decoration: none;}
p.download-menu a:hover {color: #F89828; text-decoration: none;}

p.sample {color: #FFF; margin-bottom: 20px;}

p.xmas {color: #FFF; padding-top: 20px; margin-bottom: 30px;}

ul.tabNavigation {
		    list-style: none;
		    margin: 0 0 0 0;
		    padding: 20px 0 10px 0;
		    color: #F89828;
		}

		ul.tabNavigation li {
		    display: inline;
		}

		ul.tabNavigation li a {
		    padding: 0;
		    color: #F89828;
		    text-decoration: none;
		}

		ul.tabNavigation li a.selected,
		ul.tabNavigation li a:hover {
			 color: #FFF;
		}
		
		ul.tabNavigation li a:focus {
			outline: 0;
		}

		
		#breakfast {
		   background:none;
		}
		#lunch {
		     background:none;
		}
		#dinner {
		     background:none;
		}
		#sundays {
		     background:none;
		}
		#xmas {
		     background:none;
		}
		
		
/* IMAGE SWAP */
		
		
ul.imageswap {
			display: block;
			position: absolute;
		    list-style: none;
		    top:20px;
		    left:10px;
		    margin: 0;
		    padding: 0;
		    color: #F89828;
		    font-size: 24px;
		   
		}

		ul.imageswap li {
		    display: inline;
		}

		ul.imageswap li a {
		    padding: 0;
		    color: #F89828;
		    text-decoration: none;
		}

		ul.imageswap li a.selected,
		ul.imageswap li a:hover {
			 color: #FFF;
		}
		
		ul.imageswap li a:focus {
			outline: 0;
		}
		

#three-col img {float: left; display: inline;}

.image-marg-left {margin-left: 20px;}
		

		
		#images-one {
		   background:none;
		}
		#images-two {
		     background:none;
		}
		#images-three {
		     background:none;
		}
		#images-four {
		     background:none;
		}


/* NEWS STYLES */


#news-col {float:left; display:inline; width: 530px; margin-left: 20px; margin-bottom:20px; background: #FFF;}

#news-img-col {float:right; display:inline; width: 255px; clear:left; margin:20px 0 10px 10px; background: #FFF;}


#news-col p {padding: 0 10px 10px 10px; color: #562B0F;}

#news-col p strong {color: #BF311A; font-size: 16px; line-height:18px; font-weight: normal;}

#news-col p.news-date {}

#news-col h3.news-head {color: #BF311A; padding: 0 0 2px 10px; font-size: 16px; font-size: 16px; line-height:18px; font-weight: normal;}

#news-col h4.news-sub {color: #BF311A; padding: 0 0 10px 10px; font-size: 12px;}

#middle-col h1.thanks {color: #BF311A; padding: 20px 10px 0 10px; font-size: 18px; line-height: 20px;}


/* AUTO GALLERY */

#photoShow {
    height:370px;
    width:530px;
}

#photoShow img {border:none;}

#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}


#photoShowSmall {
    height:370px;
    width:255px;
}

#photoShowSmall img {border:none;}

#photoShowSmall div {
    position:absolute;
    z-index: 0;
}
#photoShowSmall div.previous {
    z-index: 1;
}
#photoShowSmall div.current {
    z-index: 2;
}



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, #container:after, #menu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #container, #menu {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

#menu-col  {
background:none repeat scroll 0 0 #FFFFFF;
display:inline;
float:left;
margin-bottom:0px;
margin-left:0px;
width:510px;
height: 350px;
}
.Menu-Text {
margin-left: 10px;
color:#562B0F;
}


table.menu_download_table {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	}
	
	table.menu_download_table td {
	margin: 0;
	padding: 10px 0;
	border: none;
	text-align: center;
	}
	
	table.menu_download_table td img {
	margin: 0;
	padding: 0;
	border: none;
	}