﻿/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Here is the actual local.css. Leave the above intact. */
/*
Colours
red: #790e11
bright red: #b60308
text grey: #666666

Sizes:
total width: 1020px

*/
body, th, td {font-family:arial,sans-serif;color: #666666;}
body {background-image:url(images/bg_fade.jpg);}
/* .column01 p {font-size:80%; line-height:1.3em; margin-bottom:1em;}*/
p {font-size:80%; line-height:1.3em; margin-bottom:1em;}
h1 {font-weight:100; font-size:220%; color:#b60308; width:100%; text-align:left; margin-bottom:25px; letter-spacing:-0.05em; line-height:normal;}
h2 {font-weight:bold; font-size:90%; margin-top:10px;}
h3 {font-weight:normal; font-style:italic; margin-top:10px;}

a, a:active, a:link, a:visited {color:#666666; text-decoration:underline;}

#page {width:1020px; margin-left:auto; margin-right:auto;}
#header {height:90px; width:960px; float:left; clear:both; color:#ffffff; background-color:#790e11;}
#header a:link, #header a:visited {float:left; color:#ffffff; text-decoration:none; font-weight:bold; padding: 8px 5px 5px 5px; background:url(images/navbutton_bg_big_right_red.png) top right no-repeat; margin-right:6px; height:20px;}
#header li.active a, #header li.active a:link, #header li.active a:hover, #header li.active a:visited, #header a:hover {float:left; color:#b60308;  text-decoration:none; font-weight:bold; background:url(images/navbutton_bg_big_right_white.png) top right no-repeat;}
#header ul {display:inline;}
#header li {display:inline; float:left; padding-left:3px; background:url(images/navbutton_bg_left_red.png) no-repeat top left; height:30px;}
#header li.active {background:url(images/navbutton_bg_left_white.png) no-repeat top left;}
#header li:hover {background:url(images/navbutton_bg_left_white.png) no-repeat top left;}
#logo {width:246px; height:100%; float:left; margin-top:8px; margin-left:10px; padding-right:20px; background:url(images/logo.png) no-repeat;}
#menu {margin-top:30px;}

#main {float:left; clear:both; background-color:#ffffff; width:960px;}
#titleImage {float:left; width:634px; height:341px;}
.column01 {float:left; width:634px;}
.column02 {float:left; width:326px;}
.column02 h1 {text-align:center;}
#banner01{padding:4px 20px 6px 20px; line-height:1.5em; color:#666666;}
#banner02 {height:146px; width:326px; background:url(images/desk.jpg) no-repeat;}

#booking {padding:20px; width:286px; xxxtext-align:center;}
#booking .buttons li a:link, #booking .buttons li a:visited {float:left; color:#ffffff; text-decoration:none; font-weight:bold; padding: 8px 0 5px 0; background:url(images/navbutton_bg_big_right_red2.png) top right no-repeat; xxxmargin-right:10px; height:30px; width:180px;}
#booking ul.buttons {display:block;margin-left:auto; margin-right:auto; width:180px;}
#booking .buttons li {display:inline; float:left; padding-left:3px; background:url(images/navbutton_bg_left_red2.png) no-repeat top left; height:30px; text-align:center;}

#content {min-height:370px; float:left; padding: 20px 40px 0 40px; line-height:1.5em; background:url(images/bg_white.jpg);}
#content h1 + p {font-weight:bold; margin-bottom: 20px;}
#content h1 + div p:first-child {font-weight:bold; margin-bottom: 20px;}
#content ul {padding:0px; margin:0px;}
#content ul li {font-size:80%; font-style:normal; padding:0px; margin:0px; line-height:1.3em;}

#bannerLinks ul {display:block; float:left; padding:15px 0 15px 0;}
#bannerLinks li {display:inline;}
#footer {float:left; clear:both; height:50px; width:925px; color:#ffffff; background-color:#790e11; font-size:70%; font-weight:bold; padding:30px 5px 0px 30px; letter-spacing:-0.05em;}
#footer a:link, #footer a:hover, #footer a:visited {color:#ffffff;}
#footer ul {display:inline; padding:0 3px 0 3px; border-left:2px solid #ffffff;}
#footer ul:first-child {border:0;}
#footer li {display:inline; padding-left:5px;}
#address li:first-child {font-weight:900;}

ul#languages {border:0px; padding-left:1px; padding-right:0px; margin-top:-5px;}
#languages img {width:30px; height:20px;}

#restaurantOpeningHours td {padding-right:15px;}
#restaurantOpeningHours td:first-child {font-weight:bold;}