@charset "utf-8";
/* CSS Document */

body {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 90%; text-align: left; background-color: #0C0402; }

#clear, .clear  { clear: both; }

#wrapper { width: 980px; margin-left: auto; margin-right: auto; margin-top: 10px; }
#wrapperTwo { width: 980px; background: url(../images/background.jpg) repeat-y center top; margin-bottom: 8px; padding-bottom: 10px;border: solid 1px #393534;  }

#content { width: 960px; padding: 10px; }
	.logo { float: left; width: 240px; padding-top: 5px; }
	.contactDetails { float: right; width: 700px; text-align: right; font-size: 0.8em; margin-bottom: 12px; padding-top: 5px; }
		.contactDetails a:link, .contactDetails a:visited { color: #FFFFFF; }
		.contactDetails a:active, .contactDetails a:hover { color: #ED9400; } 
	
	.navigation { float: left; width: 220px; padding: 5px 0px 5px 0px; border-right: solid 1px #A98F85; }
	.navigation ul { text-align: left; }
	.navigation li { list-style: none; margin: 12px 2px; padding: 0px; } 
	.navigation li ul li { list-style: none; margin: 2px; padding-left: 0px; } 
	.navigation li a { font-size: 0.9em; text-decoration: none; padding-left: 10px;}
		.navigation li a:link, .navigation li a:visited { color: #FFFFFF; }
		.navigation li a:active, .navigation li a:hover { color: #ED9400; } 
		
		body#homePage #Home, body#snacksPage #Menu, body#mainsPage #Menu, body#sidesPage #Menu, body#pudPage #Menu, body#cheesePage #Menu, body#beerPage #Wine, body#champPage #Wine, body#sparklingPage #Wine, body#whitesPage #Wine, body#redPage #Wine, body#chefPage #Chef, body#resPage #Booking, body#contactPage #contact, body#tablePage #Table { color: #ED9400; background: url(../images/nav_off.gif) no-repeat left center; }
		body#snacksPage #snacks, body#mainsPage #grill, body#sidesPage #sides, body#pudPage #pud, body#cheesePage #cheese, body#beerPage #beer, body#champPage #champ, body#sparklingPage #sparkling, body#whitesPage #whites, body#redPage #reds { color: #ED9400; background: none; }
	
	.navFooter { margin-top: 40px; padding-left: 10px; }
		.navFooter a { color: #ED9400; text-decoration: none; }
		.navFooter h4 {color: #ED9400;  font-size: 1.5em; font-weight: lighter; }
		.navFooter p {color: #ED9400;  font-size: 1em;}
	
	.editorial { width: 690px; float: left; text-align: left; padding-left:42px; margin-top: 12px; }	
		.editorial h1 { font-size: 2.40em; /*font-family: Georgia, serif, sans-serif;*/ font-weight: lighter; margin-bottom:12px;}				
		.editorial h2 { font-size: 1.8em; /*font-family: Georgia, serif, sans-serif;*/font-weight: lighter; margin-bottom: 12px;}
		.editorial h3 { font-size: 1.1em; /*font-family: Georgia, serif, sans-serif;*/ font-weight: lighter; top: 0px;}	
		.editorial p { font-size: 0.8em; margin: 10px 0px; }
		.editorial a:link, .editorial a:visited { color: #FFFFFF; }
		.editorial a:active, .editorial a:hover { color: #ED9400; } 
		
		.editorial img {border: solid 1px #FFFFFF; margin-bottom: 50px; }
		.imgMiddle { margin: 0px 99px 0px 99px;}
		.darkGrey, p strong  { font-weight: bold; }
		
		
		.editorialLeft { width: 324px; float: left; }
		.editorialRight { width: 324px; margin-left: 42px; float: left; }
	
	
	.footer { width: 980px; padding: 8px 0px 8px 0px; text-align: center; clear: both; font-size: 0.85em; background-color: #FFFFFF; color: #6E6F71; margin-top: 10px; border: solid 1px #393534; }
	.footer a { color: #6E6F71; text-decoration: none;}
	.footer p { margin-top: 20px; }
		.footerLeft { width: 120px; float: left; margin-left: 8px;}
		.footerRight { width: 120px; float: right; margin-right: 8px;}
	
#symbius { width: 980px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: right;}