@charset "utf-8";

/* CSS Reset */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS Layout */

html, body {margin-left:  0;
margin-right: 0;
text-align: center;
background: #000000;
}

#page-width {width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#header {width: 960px;
height: 105px;
float: left;
display: block;
}

#header-left {width: 285px;
float: left;
display: inline;
}

#header-right {width: 675px;
float: left;
display: inline;
}

#header-right-top {width: 675px;
height: 60px;
float: left;
display: block;
}

#header-right-bottom {width: 675px;
height: 44px;
float: left;
display: block;
border-top: solid 1px #38341e;
}

#opening-times {width: 200px;
float: left;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
color: #dbbe92;
text-align: right;
padding: 0 0 0 0;
margin-top:-10px;
position:relative;
}

#animation-holder {width: 960px;
height: 278px;
float: left;
display: block;
}

#animation-holder-left {width: 285px;
height: 278px;
float: left;
display: block;
}

#animation-holder-right {width: 675px;
height: 278px;
float: left;
display: block;
}

#book-left {width: 337px;
float: left;
display: inline;
overflow: hidden;
}

#book-right {width: 337px;
float: left;
display: inline;
padding: 46px 0 0 0;
overflow: hidden;
}

#content-holder {width: 960px;
float: left;
display: block;
background-image: url(content-bottom-bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
overflow: hidden;
}

#content-left {width: 285px;
float: left;
display: inline;
overflow: hidden;
}

.coming-up-holder {width: 285px;
float: left;
display: inline;
background: url(../images/coming-up-bg-dice.jpg);
background-position: top left;
background-repeat: no-repeat;

}

.coming-up-two-holder {width: 285px;
float: left;
display: inline;
margin: 20px 0 0 0;
}

#content-middle {width: 450px;
/*min-height:700px;
height:auto !important;
height:700px;*/
float: left;
display: inline;

}

#content-right {width: 165px;
float: right;
display: inline;
overflow: hidden;
}

#footer {width: 960px;
float: left;
display: block;
}

#footer-left {width: 285px;
float: left;
display: inline;
}

#footer-right {width: 524px;
float: left;
display: inline;
}

#site-by {width: 150px;
float: left;
display: inline;
text-align:right;
padding-top:10px;
}

/* CSS Navigation */

#nav-holder {width: 475px;
float: left;
display: inline;
}

#nav-holder a.home {float: left;
display: inline;
height: 40px;
width: 69px;
background: url(../images/navigation/home.jpg) 0px 0px no-repeat;
}

#nav-holder a.home:hover {background-position: 0px -50px;
}

#nav-holder a.bookings {float: left;
display: inline;
height: 40px;
width: 76px;
background: url(../images/navigation/bookings.jpg) 0px 0px no-repeat;
}

#nav-holder a.bookings:hover {background-position: 0px -50px;
}

#nav-holder a.menus {float: left;
display: inline;
height: 40px;
width: 59px;
background: url(../images/navigation/menus.jpg) 0px 0px no-repeat;
}

#nav-holder a.menus:hover {background-position: 0px -50px;
}

#nav-holder a.spotted {float: left;
display: inline;
height: 40px;
width: 60px;
background: url(../images/navigation/spotted.jpg) 0px 0px no-repeat;
}

#nav-holder a.spotted:hover {background-position: 0px -50px;
}

#nav-holder a.whats-on {float: left;
display: inline;
height: 40px;
width: 81px;
background: url(../images/navigation/whats-on.jpg) 0px 0px no-repeat;
}

#nav-holder a.whats-on:hover {background-position: 0px -50px;
}

#nav-holder a.press {float: left;
display: inline;
height: 40px;
width: 52px;
background: url(../images/navigation/press.jpg) 0px 0px no-repeat;
}

#nav-holder a.press:hover {background-position: 0px -50px;
}

#nav-holder a.contact {float: left;
display: inline;
height: 40px;
width: 70px;
background: url(../images/navigation/contact.jpg) 0px 0px no-repeat;
}

#nav-holder a.contact:hover {background-position: 0px -50px;
}

.hide {display:  none;
}

/* CSS Images */

.footer-btn {padding: 8px 0 0 0;
float: left;
display: inline;
}

.footer-title {padding: 8px 0 0 5px;
float: left;
display: inline;
}

.coming-up {float: right;
padding: 10px 25px 0 0;
}

.flash-frame {padding: 8px 0 8px 0;
float: left;
display: block;
}

.spotted-at {padding: 10px 0 0 25px;
}

/* CSS Fonts */

p {font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: #dbbe92;
padding: 10px 25px 0 25px;
}

.bold {font-weight: bold;
}

.left-content-text {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #c5bb8d;
padding: 10px 25px 0 25px;
text-align: right;
}

.address {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #dbbe92;
padding: 10px;
}

.link {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #dbbe92;
text-decoration: none;
}

.book-link {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #000000;
text-decoration: none;
}

.content-left-link {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #caa03b;
font-weight: bold;
}

h1.title {color: #caa03b;
font-size:24px;
border: 0;
width: auto;
padding: 10px 25px 0 25px;
}
h2.title {color: #caa03b;
font-size:18px;
border: 0;
width: auto;
padding: 10px 0 0 0;
}

h1.book-title {color: #807852;
font-size:24px;
border: 0;
width: auto;
padding: 10px 25px 0 20px;
}

h2 {font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #dbbe92;
padding: 10px 25px 10px 25px;
font-weight: normal;
}

h3 {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #caa03b;
padding: 5px 25px 0 25px;
font-weight: normal;
text-align: right;
}

h4 {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #caa03b;
padding: 5px 25px 0 25px;
font-weight: normal;
}

h5 {font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #000000;
padding: 10px 25px 10px 20px;
font-weight: normal;
}

h6 {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #807852;
padding: 5px 25px 0 20px;
font-weight: bold;
}

.highlight {color: #caa03b;
font-weight: bold;
}

ul.booking-list {padding: 10px 0 10px 25px;
}

li.booking-list {color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
padding: 0 25px 0 15px;
margin: 0;
background: url(../images/bullet-point.jpg);
background-position: top left;
background-repeat: no-repeat;
}

/* CSS Forms */

.errorText {
	color:red;
}
.error {
	font-weight:bold;
	color:red;
}

label {width: 110px;
float: left;
display: inline;
}

.booking-form {border: 1px solid #8c8252;
background: #e8d3b4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 21px;
width: 250px;
height: 21px;
padding: 0 5px 0 5px;
}

.booking-comments {border: 1px solid #8c8252;
background: #e8d3b4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 21px;
width: 250px;
height: 150px;
padding: 0 5px 0 5px;
}

.booking-drop-down {border: 1px solid #8c8252;
background: #e8d3b4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 21px;
width: 75px;
padding: 0 5px 0 5px;
margin-right: 5px;
}

.page-form-text {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 16px;
padding: 5px 0 5px 0;
margin: 0;
}

.page-form {border: 1px solid #8c8252;
background: #e8d3b4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 21px;
width: 131px;
height: 19px;
margin: 0;
padding: 0;
padding: 0 5px 0 5px;
}

.page-drop-down {border: 1px solid #8c8252;
background: #e8d3b4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
width: 69px;
height: 19px;
margin: 0;
padding: 0;
padding: 0 2px 0 2px;
margin-right: 5px;
}

.page-drop-down-event {border: 1px solid #8c8252;
background: #e8d3b4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
width: 100px;
height: 19px;
margin: 0;
padding: 0;
padding: 0 2px 0 2px;
margin-right: 5px;
}

.submit {border: 1px solid #8c8252;
background: #e8d3b4;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 60px;
height: 21px;
margin: 0;
padding: 0;
padding: 2px;
margin: 5px 0 0 0;
}

.booking-highlight {color: #807852;
}

#voucher-outer {
	width:529px;
	height:182px;
	float;left;
	float:left;
	border:1px dashed #a3a2a2;
	background-color:#ffffff;
	padding:1px;
	font-family:Palatino,'Palatino Linotype', Georgia, serif;
	color:#000000;
	line-height:25px;
}

#voucher-image {
	width:529px;
	height:182px;
	float:left;
	display:inline;
	z-index:1;
	position:absolute;
}

#voucher-text {
	width:519px;
	height:172px;
	float:left;
	display:inline;
	position:absolute;
	z-index:2;
	padding:5px;
	font: 12px Palatino,'Palatino Linotype', Georgia, serif;
}

.voucher-large {
	font: bold 20px Palatino,'Palatino Linotype', Georgia, serif;
	text-transform:uppercase;
}

.voucher-terms {
	font: normal 9px/11px Palatino,'Palatino Linotype', Georgia, serif;
	width:519px;
	height:20px;
	float:left;
	display:inline;
	margin-top:50px;
}

.voucher-name {
	font: normal 12px Palatino,'Palatino Linotype', Georgia, serif;
}

.voucher-orange {
	color:#b48c42;
	text-decoration:none;
	font: normal 12px Palatino,'Palatino Linotype', Georgia, serif;
}

.coming-up-halloween {
	width: 285px;
	float: left;
	display: inline;
	background: url(../images/halloween-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top:10px;
}

.coming-up-newyears {
	width: 285px;
	float: left;
	display: inline;
	background: url(../images/newyears-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top:10px;
}

.coming-up-wine {
	width: 285px;
	float: left;
	display: inline;
	background: url(../images/wine-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top:10px;
}

.coming-up-whisky {
	width: 285px;
	float: left;
	display: inline;
	background: url(../images/whiskey-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top:10px;
}

.coming-up-christmas {
	width: 285px;
	float: left;
	display: inline;
	background: url(../images/xmas-bg-09.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top:10px;
}

h2.events {
	color: #caa03b;
	font-size:14px;
	width: 90%;
	padding: 0 0 0 0;
	border-bottom:1px solid #38341E;
	color:#CAA03B;
	margin:15px 0 5px 25px;

}