/*
	Updated: Tuesday 04 Aug 2009
	Author: Nick Lowman	digital@nicklowman.co.uk
*/
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#121212;
	background:#29379a;
}
a {
 color:#a38226;
}
.site-width {
	width:850px;
	margin:0 auto;
}
div#header {
	min-height:120px !important;
	height:120px;
	background:#d9be70 url(/images/header_bg.png) repeat-x bottom left;
}
	div#h-wrapper {
		position:relative;
		min-height:120px !important;
		height:120px;
	}
		/*Logo*/
		div#h-wrapper p {
			float:left;
			width:208px;
			height:109px;
			margin:0 0 0 20px;
			display:inline;
			background:url(/images/header_logo.png) no-repeat 0 0;
			text-indent:-9999px;
		}
		/*Primary Navigation*/
		ul#main-navigation {
			float:left;
			position:relative;
			margin:6px 0 0 25px;
			display:inline; /*IE bug fix*/
			width:553px;
			height:74px;
		}
			ul#main-navigation li{
				display:inline;
			}
				ul#main-navigation li a {
					display:block;
					float:left;
					height:74px;
					text-indent: -9999px;
					background-image: url(/images/navigation_sprite.png);
				}
					/*Home*/
					ul#main-navigation li a.home {
						width: 66px;
						background-position: 0 0;
					}
						ul#main-navigation li.selected a.home,
						ul#main-navigation li.selected a.home:hover {
							background-position:0 -148px;
						}
						ul#main-navigation li a.home:hover {
							background-position:0 -74px;
						}
					/*About*/
					ul#main-navigation li a.about {
						width: 68px;
						background-position: -66px 0;
					}
						ul#main-navigation li.selected a.about,
						ul#main-navigation li.selected a.about:hover {
							background-position:-66px -148px;
						}
						ul#main-navigation li a.about:hover {
							background-position:-66px -74px;
						}
					/*Locations*/	
					ul#main-navigation li a.locations {
						width: 91px;
						background-position: -134px 0;
					}
						ul#main-navigation li.selected a.locations,
						ul#main-navigation li.selected a.locations:hover {
							background-position:-134px -148px;
						}
						ul#main-navigation li a.locations:hover {
							background-position:-134px -74px;
						}
					/*Landlords*/
					ul#main-navigation li a.landlords {
						width: 92px;
						background-position: -225px 0;
					}
						ul#main-navigation li.selected a.landlords,
						ul#main-navigation li.selected a.landlords:hover {
							background-position:-225px -148px;
						}
						ul#main-navigation li a.landlords:hover {
							background-position:-225px -74px;
						}
					/*Contact*/
					ul#main-navigation li a.contact {
						width: 80px;
						background-position: -317px 0;
					}
						ul#main-navigation li.selected a.contact,
						ul#main-navigation li.selected a.contact:hover {
							background-position:-317px -148px;
						}
						ul#main-navigation li a.contact:hover {
							background-position:-317px -74px;
						}
					/*Food menu*/
					ul#main-navigation li a.menu {
						width: 66px;
						background-position: -397px 0;
					}
						ul#main-navigation li.selected a.menu,
						ul#main-navigation li.selected a.menu:hover {
							background-position:-397px -148px;
						}
						ul#main-navigation li a.menu:hover {
							background-position:-397px -74px;
						}
					/*Vacancies*/
					ul#main-navigation li a.vacancies {
						width: 90px;
						background-position: -463px 0;
					}
						ul#main-navigation li.selected a.vacancies,
						ul#main-navigation li.selected a.vacancies:hover {
							background-position:-463px -148px;
						}
						ul#main-navigation li a.vacancies:hover {
							background-position:-463px -74px;
						}	
/* Main content and seconary nav */	
div#bgfill {
		background:#FFFFFF;
}	
	div#wrapper {
		position:relative;
	}
		/* Gold button */	
		div#wrapper ul.button {
			margin:0px;
		}
			div#wrapper ul.button li {
				display:inline;
				float:left;
				text-align:center;
			}
				div#wrapper ul.button li.button-left {
					height:22px;
					width:6px;
					background:url(/images/button-left.gif) no-repeat;
				}
				div#wrapper ul.button li.button-right {
					height:22px;
					width:6px;
					background:url(/images/button-right.gif) no-repeat;
				}
				div#wrapper ul.button li a {
					font-weight:bold;
					color:#162171;
					font-size:1.1em;
					display:block;
					background-color:#d9be70;
					height:22px;
					line-height:22px;
					padding:0 10px 0 10px;
				}
				
		
		div#secondary-nav {
			position:relative;
			float:left;
			width:265px;
			border:0px solid #FF00CC;
		}
			div#secondary-nav div#photoholder {
				position:relative;
				margin:10px 0 0; 
				background:url(/images/photoframe.gif) no-repeat; 
				width:232px; 
				height:196px;
			}
				div#secondary-nav div#innerPhoto {
					position:absolute; 
					top:10px; 
					left:10px
				}
			/* Seconadry Navigation */		
			div#secnav-top {
				position:absolute;
				width:188px;
				height:12px;
				background:#162171;
				top:-12px;
			}
			div#secondary-nav ul.menu {
				color:#FFFFFF;
				width:188px;
				padding:10px 0 23px 0;
				background: #162171 url(/images/second-nav-bottom.gif) no-repeat 0 bottom;
			}
				div#secondary-nav ul.menu li {
					color:#FFFFFF;
				}
					div#secondary-nav ul.menu a {
						display:block;
						font-size:1.3em;
						color:#FFFFFF;
						line-height:1.4em;
						text-indent:0.8em;
					}
						div#secondary-nav ul.menu a:hover,
						div#secondary-nav ul.menu a.selected {
							background:#2e3fbc url(/images/navigation_arrow.gif) no-repeat 12em 0.4em;
						}
			/* End of Seconadry Navigation */	
				
			div#news-container {
				width:232px; 
				border:0px solid #00FFCC;
				margin-top:20px;
			}
				div#news-top {
					height:23px; 
					width:232px; 
					background:url(/images/news_head.gif) no-repeat;
					text-indent:-9999px;
				}
				div#news-container ul {
					padding:7px 5px 10px 10px;
					background:#d9be70 url(/images/news_bottom.gif) no-repeat 0 bottom;
				}
					div#news-container ul li{
						padding-bottom:10px;
					}
						div#news-container ul li a {
							font-size:1.1em;
							color:#000;
						}
							div#news-container ul li a span {
								font-weight:bold;
								color:#60490a;
							}
							div#news-container ul li a:hover,
							div#news-container ul li a:hover span {	
								color:#fff;
							}
				
						
		/* Main Content area */				
		div#main-content {
			float:left;
			width:553px;
			border:0px solid #FF00CC;
			padding:10px 0 0 0;
		}
			div#content {
				float:left;
			}
				div#content img {
					border:solid 5px #CCCCCC;
					margin-top:10px;
				}
					div#content a img {
						border:0;
						margin-top:0;
					}
				div#content.double {
					width:300px;
				}
				div#content h1 {
					color:#162171;
					font-size:1.8em;
					margin:0 0 10px 0;
				}
				div#content h2 {
					color:#a38226;
					font-size:1.4em;
					margin-bottom:3px;
				}
				div#content h3 {
					color:#666666;
					font-size:1.2em
				}
				div#content ul {
					list-style:disc;
					list-style-position:outside;
					margin-left:15px;
				}
				div#content p,
				div#content ul li {
					color:#666666;
					font-size:1.2em;
					line-height:1.4em;
					margin:0 0 12px 0;
				}
				div#content td {
					color:#666666;
					font-size:1.2em;
					line-height:1.4em;
				}
					div#content td h3 {
						font-size:1em
					}
				table#jobs {
					width:450px;
				}
					table#jobs td {
						border-bottom:1px solid #CCCCCC;
						padding:2px;
					}
						table#jobs tr.heading td {
							border-bottom:3px solid #CCCCCC;
						}
						table#jobs td.location {
							padding:0 50px 0 0;
						}
						table#jobs td.position {
							padding:0 50px 0 0;
						}
						
				/* Table for Rota page */
				table#rota {
					border:3px solid #ccc;
					margin-bottom:80px;
				}
					table#rota tr.heading td {
						border-bottom:3px solid #CCCCCC;
					}
					table#rota tr.hours {
						background:#2e3fbc;
					}
						table#rota tr.hours td {
							color:#fff;
							font-weight:bold;
						}
					table#rota td {
						border:1px solid #ccc;
						padding:2px;
					}
						table#rota td.off {
							background:#d9be70;
						}
				
				/* Menu page styles */	
				div#menuList{
					margin-bottom:80px;
				}
					div#menuList .special{	
						margin-bottom:5px;
					}
					div#menuList h2 {
						padding-bottom:3px;
						border-bottom:1px solid #CCCCCC;
					}
					
					div#menuList div.menuSection { 
						background:#EBEBEB;
						margin-bottom:20px;
						border-bottom:2px solid #ccc;
						padding:10px;
					}
						div#menuList div.menuSection p.desc {
							float:left;
							width:480px;
							margin:0 0 10px 0;
						}
						div#menuList div.menuSection p.cost {
							float:left;
							font-weight:bold;
							margin:0 0 3px 0;
						}
				
			div#images {
				float:left;
				text-align:right;
			}
				div#images div#photoholder {
					position:relative;
					margin:3px 0 0; 
					background:url(/images/photoframe.gif) no-repeat;  
					width:232px; 
					height:196px;
				}
					div#images div#innerPhoto {
						position:absolute; 
						top:10px; 
						left:10px
					}
		div#bot-spacer {
			height:50px;
			border:solid 0px #006;
			width:600px;
		}
	
/* Footer */	
div#footer {
	position:relative;
	background:#29379a url(/images/footer_bg.png) repeat-x 0 0;
	min-height:128px !important;
	height:128px;
}
	div#f-wrapper {
		position:relative;
		padding-top:18px;
	}
		div#f-wrapper p.logo {
			position:absolute;
			right:10px;
			top:-121px;
			height:137px;
			width:127px;
			background:url(/images/footer_logo.png) no-repeat;
			text-indent:-9999px;
		}
		div#f-wrapper p.specialist {
			font-size:1.2em;
			color:#162171;
			margin:0 0 0 265px;
		}
		div#f-wrapper ul {
			position:relative;
			margin:20px 0 0 32px;
		}
			div#f-wrapper ul li {
				font-size:1.1em;
				display:inherit;
				float:left;
				color:#FFFFFF;
			}
				div#f-wrapper ul li a {
					color:#d9be70; /*dark gold*/
				}
				div#f-wrapper ul li.details {
					margin-left:154px;
				}
				div#f-wrapper ul li.fsb {
					margin-left:170px;
					width:57px;
					height:70px;
					background: url(/images/fsb.gif) no-repeat 0 0.5em;
					text-indent:-9999px;
				}
				div#f-wrapper ul li.ncass {
					margin-left:10px;
					width:105px;
					height:70px;
					background: url(/images/ncass.gif) no-repeat 0 0.5em;
					text-indent:-9999px;
				}
		
		
		
		
		
		
		
		
		
		
		
