@import url(reset.css);

html, body {height:100%;}

/* Template */
#container {margin:0 auto; width:1000px; min-height:100%; text-align:left; background:#75181a; overflow:hidden;}

#skip-to {display:none;}

#header, #content, #footer {margin:0 auto; width:1000px; clear:both; overflow:hidden;}



/* Header */
#header {position:relative; height:452px; background:#721718 url(../img/splash.jpg) left bottom repeat-x;}
	#header .flasharea {position:relative; z-index:5;}

#site-id {left:432px; top:74px; position:absolute; width:140px; height:242px; overflow:hidden; z-index:3;}
	#site-id h1 {margin:0; width:140px; height:242px; text-indent:-9999px; background:transparent url(../img/logo.gif) left top no-repeat;}

#sections {left:129px; top:376px; position:absolute; width:746px; overflow:hidden;}
	#sections ul {width:746px; list-style:none; overflow:hidden;}
		#sections ul li {float:left; width:248px; height:49px; display:inline; list-style:none; text-indent:-9999px;}
			#sections ul li#catering {background:url(../img/nav/catering.jpg) left top no-repeat;}
				#sections ul li#catering a {width:248px; height:49px; display:block;}
				/*#sections ul li#cartering a:hover {width:248px; height:49px; display:block; background:url(../img/nav/catering-active.jpg) left top no-repeat;}*/
			
			#sections ul li#restaurants {margin:0 0 0 250px; background:url(../img/nav/restaurants.jpg) left top no-repeat;}
				#sections ul li#restaurants a {width:248px; height:49px; display:block;}


/* Content */
#content {padding:10px 0 50px 0; position:relative; background:#721718;}

.column {float:left; display:inline; overflow:hidden;}

#copy {width:662px; color:#fff; background:url(../img/bg/copy.jpg) right center no-repeat;}
	#copy p {margin:0 50px;}
	
#copy-new {width:340px; color:#fff; background:url(../img/bg/copy.jpg) right top no-repeat;}
	#copy-new p {margin:0 20px 0 50px; font-size: 0.95em;}
	
#center-cta {width:334px; color:#fff; background:url(../img/bg/copy.jpg) right top no-repeat; padding-left: 6px; text-align: center;}

#quote {width:318px; }
	#quote div {margin:0 auto; width:258px; background:url(../img/txt/quote/left.gif) left top no-repeat;}
		#quote div div {background:url(../img/txt/quote/right.gif) right bottom no-repeat;}
		#quote p {margin:0 21px; color:#fff; font:italic normal 1.10em/1.25 Arial, sans-serif;}
			#quote span {margin:15px auto 0; width:246px; text-indent:-9999px; display:block; }
			span.harriet-van-horne {height:22px; background:url(../img/txt/quote/harriet-van-horne.gif) center top no-repeat;}
			span.michel-de-montaigne {height:31px; background:url(../img/txt/quote/michel-de-montaigne.gif) center top no-repeat;}
			span.george-bernard-shaw {height:33px; background:url(../img/txt/quote/george-bernard-shaw.gif) center top no-repeat;}
			span.samuel-pepys {height:34px; background:url(../img/txt/quote/samuel-pepys.gif) center top no-repeat;}
			span.oscar-wilde {height:24px; background:url(../img/txt/quote/oscar-wilde.gif) center top no-repeat;}
			span.james-beard {height:31px; background:url(../img/txt/quote/james-beard.gif) center top no-repeat;}
			span.anthelme-brillat-savaringj {height:33px; background:url(../img/txt/quote/anthelme-brillat-savaringj.gif) center top no-repeat;}
			span.chef-tahir-salamat {height:33px; background:url(../img/txt/quote/chef-tahir-salamat.gif) center top no-repeat;}

/* Footer */
#footer {position:relative; padding:50px 0 70px; background:url(../img/bg/footer.gif) left top repeat-x;}
	#footer div {margin:0 auto;}
	
	#footer ul {font-size:0.80em; text-align:center;}
		#footer ul li {margin:0 0 0 8px; padding:0 9px 0 0; display:inline; color:#c09a69; line-height:0.75; background:transparent url(../img/catering/bg/pipe-yellow.gif) right 4px no-repeat;}
			#footer ul li.no-bg-img, #footer ul li#copyright {background:none;}
			
	#footer p {padding:20px 0 0; text-align:center; clear:both; font-size:0.80em;}	
		#footer p a, #footer p a:visited {}	
		
	#footer a, #footer a:visited {color:#c09a69; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}