/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */


body { font-size: 71%; line-height: 1.3; background-repeat: no-repeat; background-color:#281609; margin:0; top:0; left:0 }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

#body { margin:20px 0 50px 20px; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* BACKGROUNDS
-------------------------------------------------------------- */
img#bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}

img#enter {
	position:absolute;
	top:400px;
	left:40px;
	z-index:0;
}

#enter {
	top:0;
	left:0;
	z-index:0;
}
/* Text elements
-------------------------------------------------------------- */

a {color: #FF9900; text-decoration: none;}
a:hover {
	color:#000000;
	text-decoration: none;
}
#black a:hover {
	color:#0099FF;
	text-decoration: none;
}
/* Removes Firefox imposed outline */
a { outline: none; }

p { margin: 0 0 1.5em;}

#content p { padding: 0 0 0 20px}

/* content area */


#holder {
	float:left;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	-moz-opacity: 0.900;
	opacity: 0.90;
	width:490px;
	z-index:1;
	position:relative;
}

#holder-home {
	float:left;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	-moz-opacity: 0.900;
	opacity: 0.90;
	width:490px;
	z-index:1;
	position:relative;
}


#white
{
	width:100%;
	background-color:#ffffff;

}

#black
{
	width:100%;
	background-color:#000000;

}

#home #white
{
	background-color:#ffffff;

}

#home #content
{
	height:520px;
	width:100%;
	padding:0;

}

#christmas #black
{
	float:left;
	width:430px;
	padding-top:155px;
	background:url(images/header_birds.jpg) center 46px no-repeat;
	background-color:#000000;
	visibility:hidden;	
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	-moz-opacity: 0.900;
	opacity: 0.90;
	position:relative;

}

#toeat #black
{
	float:left;
	width:430px;
	padding-top:10px;
	background-color:#ffffff;
	visibility:hidden;	
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	-moz-opacity: 0.900;
	opacity: 0.90;
	position:relative;

}

#black-footer
{
	height:56px;
	width:430px;
	background:url(img/flower_brown.gif) center 0px no-repeat;
	padding-bottom:20px;
	margin-top:20px;
	
}

#christmas #black p { padding: 0 20px 0 20px; color:#FFFFFF;}

#toeat #black p { padding: 0 20px 0 20px;}


/* opening times */
#opening
{
	float:left;
	width:430px;
	padding-top:60px;
	background-color:#281609;
	visibility:hidden;
	
}


#opening p { padding: 0 20px 0 20px; color:#FFF;}


#opening p.red {color:#FF9900; padding-bottom:.5em;}

#opening a {color: #FF9900; text-decoration: none;}
#opening a:hover {color:#FF9900; text-decoration:underline;}


/* content area */
#content
{
	
	width:455px;
	background:url(images/fox_logo.gif) 20px 30px no-repeat;
	padding-top:20px;
	padding-bottom:10px;
	
}


/* leftcol contains contact information */

#menu
	{
	background-color:#000000;
	padding:8px 0 8px 8px;
	}
		
#footer {
	width:455px;
}


.letter {
 float:right;
	padding:0 0 20px 0;
}

.letter a {color: #000000; text-decoration: none;}
.letter a:hover {
	color:#FFCC00;
	text-decoration: none;
}

#submenu {
float:right;
 width:125px;
 padding-bottom:20px
}


#submenu p {
margin:0;
padding:0;
}

#submenu a {color: #000000; text-decoration: none;}
#submenu a:hover {
	color:#FFCC00;
	text-decoration: none;
}

#submenu a.selected  {
	color:#FFCC00;
}

/* menu list styles */
	
ul.tabs {
	margin: 0;
	padding: 0 0 0 10px;
}
ul.tabs li {
	float: left;
	list-style: none;
	margin: 0 8px 0 10px;
	padding: 0;
}
ul.tabs li a { float: left; display: block; }

ul.tabs li.padder {margin-top:5px; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

ul.tabs li a {color: #FFF; text-decoration: none;}
ul.tabs li a:hover {
	color:#FFCC00;
	text-decoration: none;
}

.tabs .selected a {
	color:#FFCC00;
}


ul.tabs2 {
	margin: 0;
	padding: 0 0 0 70px;
}
ul.tabs2 li {
	float: left;
	list-style: none;
	margin: 0 8px 0 20px;
	padding: 0;
}
ul.tabs2 li a { float: left; display: block; }

ul.tabs2 li.padder {margin-top:5px; }

/* Clearing floats without extra markup  */
ul.tabs2 { display: inline-block; }
ul.tabs2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs2 { display: block; }

ul.tabs2 li a {color: #FFF; text-decoration: none;}
ul.tabs2 li a:hover {
	color:#FFCC00;
	text-decoration: none;
}

.tabs2 .selected a {
	color:#FFCC00;
}

p{
	margin-bottom: 8px;
	margin-top: 0px;
	}
	
p.gold {
	color:#FFCC00;
	margin-bottom:0;
	padding-bottom: 0;
	font-weight:bold;
	font-size:120%;
}

p.MenuHeader {
	text-align:center;
	font-weight:bold;
	font-size:120%;
}

p.MenuCourse {
	text-align:center;
	font-weight:bold;
	font-size:110%;
	color:#FFCC00;
}

p.MenuWave {
	text-align:center;
	font-weight:bold;
	font-size:200%;
	color:#FFCC00;
}

p.MenuTitle {
	text-align:center;
	font-weight:bold;
	margin:0;
	padding:0;
}

p.MenuDesc {
	text-align:center;
	font-weight:normal;
}

p.MenuPrice {
	text-align:center;
	font-weight:bold;
	margin-top:-10px;
}

p.red-plain {color:#bf3114;}

#brown p.orange {
	color:#FFCC00;
}


p.name {margin-top:15px;}


img{
	border: none;
	}


.bottom{
	position: absolute;
	bottom: 0px;
	color: #666666; 
	}
	
#layout { width:455px;
    margin:10px auto; }

#navigation li {
	display:block;
	list-style:none;
    padding:.3em;
	margin-left:70px;
}

#navigation li:hover { border-color:#60BF96; }

#information {
	width:425px;
	margin-left:2px;
	float:left;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	-moz-opacity: 0.900;
	opacity: 0.90;
	position:relative;

}

	
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

.front-h {float:left;}
<!--[if IE 6]>
<style type="text/css">
	html { overflow-y: hidden; }
	body { overflow-y: auto; }
	#bg { position:absolute; z-index:-1; }
	#content { position:static; }
	</style>
<![endif]-->