body {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 130%;
	color:#666;
	margin: 0;
	padding: 0;
}
	
h1, h2, h3 {padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif;}

h2 {
	margin: 10px 0;
}

h3 {margin: 20px 0 10px 0;}

h2#early_dining {
	background-image: url(../images/early_dining.gif);
	width: 280px;
	height: 99px;
	text-indent: -9999px;
	margin-top: 0;
}

h2#simply_share {
	background-image: url(../images/simply_share.gif);
	width: 280px;
	height: 99px;
	text-indent: -9999px;
	margin-top: 20px;
}

h2#your_wedding {
	background-image: url(../images/your_wedding.gif);
	width: 280px;
	height: 99px;
	text-indent: -9999px;
	margin-top: 20px;
}

h2#fathers_day {
	background-image: url(../images/fathers_day.gif);
	width: 280px;
	height: 99px;
	text-indent: -9999px;
	margin-top: 20px;
}

a {
	cursor: pointer;
	cursor: hand;
	color: #BBA85C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p{margin:0;padding:8px 0;}

#container {
	width: 822px; /* width of page content image */
	margin:0 auto; /* centres */
	background:#FFF; /* main page content with edge effect, colour set to use if images off */
	position: relative;
}

#header {
	background: #5b5c5e;
	height: 169px;
}

#logo {
	float: left;
	margin: 5px 0 0 20px;
}

#heading {
	float: right;
	margin: 111px 78px 0 0;
	
}

.clear{
	clear:both;
}

#bottom {
	clear: both;
	border-bottom: 1px #66594a solid;
	width: 100%;
	height: 1px;
}

#footer{
	background-color:#5B5C5E;
	height: 4.46em;
	color:#FFF;
	font-size: 85%;
}

p.left {
	float: left;
	width: 450px;
	padding: 17px 0 0 32px;
}

p.author{
	float: right;
	text-align: right;
	width: 300px;
	padding:17px 32px 4px 0;
}

#footer a {
	color: #FFF;
}

#footer a:hover {
	color: #CCC;
	text-decoration: none;
}

/*_____________________MENU___________________________*/

#menubar{
	margin: 0;
	float:right;
	width:121px; 
	overflow: hidden;
	display: inline;
	margin: 15px 43px 0 0;
}

#menubar ul{ 
	list-style-type:none; /*removes bullets from the list*/ 
	text-align:right; /*aligns the text to what should end up as the center of each graphical button*/
	margin: 0;
	padding: 0;
	float:left;
} 
#menubar ul li{ 
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
} 
#menubar ul li a{
	display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
	position:relative;
	line-height:20px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical centre of the button*/
	height:20px;
	overflow:hidden;
	font-size:120%;
	font-weight:bold;
	color:#E0DAAF;	/* colour for link text if images are turned off */
	text-decoration:none; /* stop text link underlining if images are turned off */
	border-bottom-style: none; /* tidy up later */
	text-align: center;
	padding:0;margin:0;
} 
#menubar ul li a span {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	height:20px;
	background-repeat: no-repeat;
	background-position:0 0;
	overflow:hidden;
	padding:0;margin:0;
}

/* Set width and image on each link and span (if all equal set individual width on anchor instead.
Make sure the combined width doesn't exceed the total width of the menu bar */

#menubar ul li a#menu_home{
	width:44px;
}
#menubar ul li a#menu_about{
	width:64px;
}
#menubar ul li a#menu_menus{
	width:47px;
}
#menubar ul li a#menu_ss{
	width:121px;
}
#menubar ul li a#menu_reservations{
	width:87px;
}
#menubar ul li a#menu_find{
	width:52px;
}
#menubar ul li a#menu_press{
	width:38px;
}
#menubar ul li a#menu_home span{
	background-image:url(../images/menu_home.gif);
	width:44px;
}
#menubar ul li a#menu_about span{
	width:64px;
	background-image:url(../images/menu_about.gif);
}
#menubar ul li a#menu_menus span{
	width:47px;
	background-image:url(../images/menu_menus.gif);
}
#menubar ul li a#menu_ss span{
	width:121px;
	background-image:url(../images/menu_special.gif);
}
#menubar ul li a#menu_reservations span{
	width:87px;
	background-image:url(../images/menu_reservations.gif);
}
#menubar ul li a#menu_find span{
	width:52px;
	background-image:url(../images/menu_findus.gif);
}

#menubar ul li a#menu_press span{
	width:38px;
	background-image:url(../images/menu_press.gif);
}


#menubar ul li a:link span, #menubar ul li a:visited span{ background-position: 0 0;} /* image in base position */
#menubar ul li a:hover span, #menubar ul li a:focus span, #menubar ul li a:active span, #menubar ul li a.current span { background-position: 0 -20px;} /* shift image up to selected position */
#menubar ul li a:hover, #menubar ul li a:focus, #menubar ul li a:active {color: #FFF;} /* selected text colour*/


/*______________________PAGES________________________*/

#content {
	position: relative;
	background:#5B5C5E;
	min-height:450px;
	padding-top: 30px;
}

* html #content{height:450px;}

#text {
	position:relative;
	width: 735px;
	margin: 0 0 0 44px;
	background: url(../images/transparentbackground.png) repeat;
	z-index:6;
}

* html #text{
	background: #fff;
}

#home #text {
	width: 320px;
	margin-left: 459px;
}

#ss #text {
	width: 320px;
	background: none;
}

.links{
	position:absolute;
	top:30px;
	right:43px;
	z-index:10;
}

#vt_pn_link {
	display:none;
	width: 135px;
}

#vfp_link{
	width: 168px;
}

#picture{
	position:absolute;
	top:0px;
	left:0;
	z-index:5;
}

#textbody {
	margin: 0 auto;
	background: url(../images/s.png) no-repeat center 30px;
	padding: 20px 0;
	width: 690px;
	min-height: 420px;
}

* html #textbody {
	height: 420px;
	background:none;
}

#home #textbody {
	width: 280px;
	background: none;
	min-height: 50px;
}

#ss #textbody {
	width: 280px;
	background: none;
	padding-top: 0;
}

#menus #textbody {
	min-height: 20px;
	background: none;
	padding-bottom: 0;
}

a#next {
	float: right;
	margin-bottom: 7px;
}
a#prev {
	float: left;
	margin-bottom: 7px;
}

p#hours {
	text-align:center;
}

#content_home li {
	list-style: none;
}

#rightcol {
	float: right;
	width: 320px;
	margin-left: 20px;
}

#menubuttons ul {
	padding: 0;
	margin: 50px 0 0 0;
}

#menubuttons li {
	list-style: none;
	display: inline;
	margin: 0 0 0 28px;
	padding: 0;
}

#menubuttons li.first {
	margin-left: 0;
}

ul.closer{margin-top:0;padding-top:0;}
p.closer {padding:0;}

#address {
	float: right;
	width: 617px;
	padding:10px 59px 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#address p {
	margin: 0;
	padding: 0;
	letter-spacing: 0.15em;
}

.number {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 108%;
}

#main {
	float: right;
	width: 676px;
	min-height:385px;
	border-bottom: 1px #66594a solid;
}

* html #main {height:385px;} /* IE6 */

#open{
	width:50%;
	float:left;
}

#contact {
	float:right;
	width:50%;
}



/* hide field from spammers */
.extra{
	display:none;
}

#day {
	text-transform: uppercase;
	font-size: 10px;
	color: #9D914B;
}

td{
	padding:4px;
	vertical-align:top;
}

form{margin-top:0;}

.news strong {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.menu_small {
	font-size: 11px;
}

td.number {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	vertical-align: top;
}

#tables_left {
	float: left;
	width: 320px;
}

#tables_right {
	float: right;
	width: 320px;
}

#clear {
	clear: both;
}