/* [html] */

body, h1, h2, h3, h4, h5, h6, p, div, form, dl, dt, dd, ul, li, ol, img, table {
	margin:0;
	padding:0;
	border:0;
}
body {
	font:70%/170% Verdana, Arial, Helvetica, sans-serif;
	background:#333333;
	color:#404040;
	margin:0 0 30px;
	text-align:center;
}
p, h2, h3, h4 {
	margin:15px 0;
}
h1 {
}
h2 {
	font-size:170%;
	font-weight:normal;
	margin:0 0 15px;
	height:20px;
}
h2 a {
	text-decoration:none;
}
h3 {
	font:170%/170% Georgia, Times New Roman, Times, serif;
}
#food h3, #drinks h3, #lunch h3 {
	font:170%/170% Georgia, Times New Roman, Times, serif;
	background:#e6e6e6;
	padding:0 5px;
}
h4 {
	font-size:110%;
}
#lunch h4 {
	margin:0 5px 15px;
}
a {
	color:#404040;
}
a:hover, a:active {
	text-decoration:none;
	color:#666;
}

/* [/html] */

/* [container] */

#container {
	width:770px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:0 auto;
	text-align:left;
	background:url(images/container-bg.gif) repeat-y;
}

/* [/container] */

/* [top and nav] */

#top {
	height:184px;
	border-bottom:1px solid #fff;
}
#logo {
	background:url(images/logo-bg.jpg) no-repeat;
	width:257px;
	border-right:1px solid #fff;
	float:left;
	height:184px;
}
#logo h1 {
	margin:70px 0 0 45px;
}
#logo h1 a {
	background:url(images/logo.gif) no-repeat;
	display:block;
	width:171px;
	height:35px;
}
#image {
	float:left;
	width:512px;
	height:184px;
	background:url(images/loading.gif) no-repeat center;
}
#nav {
	height:28px;
	background:#404040;
	border-bottom:1px solid #fff;
}
#nav ul {
	list-style:none;
	margin:0 0 0 15px;
}
#nav li {
	float:left;
	padding:4px 30px 0;
	color:#aaaaaa;
}
#nav li a {
	color:#fff;
	text-decoration:none;
}
#nav li a:hover, #nav li a.onstate {
	color:#aaaaaa;
}
#breadcrumbs {
	background:#f2f2f2;
	height:25px;
	padding:5px 0 0 15px;
	border-bottom:1px solid #fff;
}

/* [/top] */

/* [content] */

#home h2 {
	background:url(images/welcome-header.gif) no-repeat;
}
#restaurants h2 {
	background:url(images/restaurants-header.gif) no-repeat;
}
#hessle h2 {
	background:url(images/hessle-header.gif) no-repeat;
}
#hull h2 {
	background:url(images/hull-header.gif) no-repeat;
}
#ferriby h2 {
	background:url(images/ferriby-header.gif) no-repeat;
}
#drinks h2 {
	background:url(images/drinks-header.gif) no-repeat;
}
#food h2 {
	background:url(images/food-header.gif) no-repeat;
}
#food h2.ferr_food {
	background:url(images/ferriby-food-header.gif) no-repeat;
}
#bookings h2 {
	background:url(images/bookings-header.gif) no-repeat;
	height:24px;
}
#recruitment h2 {
	background:url(images/recruitment-header.gif) no-repeat;
}
#lunch h2 {
	background:url(images/lunch-header.gif) no-repeat;
}
#news h2 {
	background:url(images/news-header.gif) no-repeat;
}
#contact h2 {
	background:url(images/contact-header.gif) no-repeat;
}
#content {
	background:#fff url(images/content-bg.gif) repeat-y;
}
#leftcol {
	width:440px;
	float:left;
	background:url(images/leftcol-bg.gif) repeat-x;
	padding:30px 40px;
}
#news #leftcol {
	min-height:400px;
}
* html #news #leftcol {
	height:400px;
}
#leftcol .heading {
	background:url(images/underline.gif) repeat-x;
	height:25px;
	display:block;
	margin:0 0 0 -10px;
	position:relative;
}
#leftcol p.restblock {
	margin:30px -5px 15px;
	text-align:center;
}
#leftcol p.restblock img.midpic {
	margin:0 10px;
}
#leftcol table td {
	vertical-align:top;
	border-bottom:1px solid #d6d6d6;
	padding:7px 0 7px 5px;
}
#leftcol table tr.topitem td {
	padding-top:0;
}
#leftcol table tr.bottitem td {
	border:0;
	padding-bottom:15px;
}
#leftcol table td.price {
	text-align:right;
	font-style:italic;
	padding-left:10px;
}
#leftcol table td strong {
	color:#e2871a;
}
#leftcol table td h4 {
	margin:0;
}
#leftcol .coursetext {
	margin:15px 5px;
}
#leftcol ul {
	list-style:square;
	margin:0 0 0 25px;
}
#leftcol .foodicons {
	background:url(images/food-icons-bg.gif) no-repeat;
	height:136px;
	padding:6px 0 6px 2px;
}
#leftcol .foodicons img {
	float:left;
	margin:0 6px 0 4px;
}
#leftcol .foodicons .specials {
	background:url(images/specials-button.jpg) no-repeat;
	height:136px;
	width:136px;
	float:left;
	margin-left:4px;
}
#leftcol .foodicons .specials ul {
	list-style:none;
	margin:9px 5px;
}
#leftcol .foodicons .specials li {
	background:#d2d2d2 url(images/pdf-icon.gif) no-repeat 3px 5px;
	margin:5px 0;
	padding:3px 0 3px 24px;
	font-size:90%;
}
#leftcol .foodicons .specials a {
	text-decoration:none;
}
#rightcol {
	width:215px;
	float:left;
	text-align:right;
	padding:0 0 30px;
}
#rightcol img {
	border:1px solid #000;
	margin:24px 0 0;
}
#rightcol img.noborder {
	border:0;
}
#rightcol img.foodpic1 {
	margin:364px 0 0;
}
#rightcol img.foodpic2 {
	margin:426px 0 0;
}
#rightcol img.foodpic3 {
	margin:425px 0 0;
}
#rightcol img.foodpic4 {
	margin:865px 0 0;
}
#rightcol img.lunchpic1 {
	margin:252px 0 0;
}
#rightcol img.lunchpic2 {
	margin:566px 0 0;
}
#rightcol img.lunchpic3 {
	margin:360px 0 0;
}
#rightcol img.drinkpic1 {
	margin:1147px 0 0;
}
#rightcol img.drinkpic2 {
	margin:746px 0 0;
}
#rightcol img.drinkpic3 {
	margin:1270px 0 0;
}
#rightcol ul {
	list-style:none;
	margin:0 0 0 35px;
	padding:0 0 13px;
	border-bottom:1px solid #d6d6d6;
}
#rightcol li {
	padding:0 15px 3px 0;
	margin:0 5px 0 0;
	background:url(images/arrow-bullet.gif) center right no-repeat;
}
#rightcol li a {
	color:#e2871a;
}
#rightcol h3 {
	margin:39px 0 15px 35px;
}


/* [/content] */

/* [form] */

form {
	margin:25px 17px 15px;
}
legend {
	font-size:120%;
	color:#818181;
	font-weight:bold;
}
fieldset {
	border:1px solid #ccc;
	padding:0 25px 20px;
}
fieldset p {
	margin:15px 0 0;
}
label {
	width:150px;
	float:left;
}
input, textarea {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:2px;
}
select {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	background:#f2f2f2;
}
textarea {
	width:194px;
}
input#Date, input#Month, input#Year {
	text-align:right;
} 
input.submitbutt {
	background:#dcdcdc;
}

/* [/form] */

/* [footer] */

#footer {
	clear:both;
	background:url(images/footer-bg.gif) no-repeat;
	padding:10px 17px 0;
	margin:0 -1px;
	height:41px;
	position:relative;
	border-top:1px solid #bfbfbf;
}
#footer ul {
	list-style:none;
	padding:5px 20px 0;
}
#footer li {
	float:left;
	padding:0 8px 0 10px;
}
#footer li.valid {
	float:right;
}
#arrival {
	width:685px;
	margin:10px auto;
	text-align:right;
	font:90% Arial, Helvetica, sans-serif;
	padding:0 5px 0 0;
}
#arrival a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	background:url(images/arrival-arrow.gif) no-repeat right;
	padding:0 9px 0 0;
}

/* [/footer] */

/* [extra] */

.divider {
	margin:15px 0;
	border-bottom:1px dotted #B5B5B5;
	font-size:1px;
	clear:both;
}
a.readmore {
	color:#e2871a;
	padding:0 0 0 15px;
	background:url(images/arrow-left.gif) center left no-repeat;
}
h3.tophead {
	margin-top:25px;
}
.cleaner {
	clear:both;
}
.spacer {
	clear:both;
	height:75px;
}
.firstpara {
	font-size:110%;
}
.hide {
	position:absolute;
	left:-5000px;
	margin:0;
	padding:0;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline;
}

/* [/extra] */