@charset "utf-8";

/* Start 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: "" "";
}

/* End CSS Reset */

/* Start CSS Style */

body, html {margin: 0;
padding: 0;
text-align: center;
background-color: #6c7570;
}

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

}

#header {width: 960px;
float: left;
display: block;
height:445px;
background: url(page-width-bg.png) repeat-y;
}

#header-logo {float:left;
display:block;
width:960px;
height:120px;
background:url(header-bg.png) no-repeat;
}

#header-animation {float:left;
display:block;
width:960px;
height:277px;
background: url(page-width-bg.png) repeat-y;
}

#animation-holder {margin-left: auto;
margin-right: auto;
width: 935px;
height:275px;
border: #324447 1px solid;
}

#header-navigation {float:left;
display:block;
width:960px;
height:40px;
text-align:center;
background: url(page-width-bg.png) repeat-y;

}

#page-content {margin-left: auto;
margin-right: auto;
width: 960px;
float: left;
display: block;
background: url(page-width-bg.png) repeat-y;
}

#content-holder {width:935px;
margin-left: auto;
margin-right: auto;
}

#content-left {float:left;
display:inline;
width:600px;
padding-left:15px;
}

#middle-border {float:left;
display:inline;
width:2px;
}

#content-right {float:right;
display:inline;
width:309px;
}

#footer {width: 960px;
height:40px;
float: left;
display: block;
background:url(footer-bg.png) no-repeat top;
}

.footer-left {width:800px;
float:left;
display:inline;
padding-top:5px;
}

.footer-right {width:160px;
float:right;
display:inline;
padding-top:5px;
}

.logo {margin:0 0 0 360px;
}

/* End CSS Style */

/* Start of navigation Styles */

#nav-holder {text-align:center;
height:32px;
width:937px;
margin-left: auto;
margin-right: auto;
border-bottom:1px solid #98a1a3;
}

.navspacer {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding-left:14px;
	padding-right:14px;
	line-height:30px;
	color:#9f3a3e;
}

.main-nav {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 15px;
	color:#324447;
	line-height:30px;
}
a.main-nav, a.main-nav:visited {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 15px;
	color:#324447;
	text-decoration:none;
	line-height:30px;
}

a.main-nav:hover {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 15px;
	color:#9f3a3e;
	text-decoration:none;
	line-height:30px;
}
.main-nav-highlighted {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 15px;
	color:#9f3a3e;
	line-height:30px;
}

a.main-nav-highlighted, a.main-nav-highlighted:visited {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 15px;
	color:#9f3a3e;
	text-decoration:none;
	line-height:30px;
}

/* End of navigation Styles */

/* Start of font Styles */

p {font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#324447;
line-height:1.25;
}

.left-text {font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#324447;
line-height:1.25;
padding:0 20px 0 0;
}

.theatre-text {font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#324447;
line-height:1.25;
padding:0 20px 0 10px;
}

.right-text {font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#324447;
line-height:1.25;
padding:0 20px 0 0;
}

h1 {font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#982b31;
text-transform:uppercase;
padding: 10px 0 10px 0;
}

.title-left {font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#982b31;
text-transform:uppercase;
padding: 10px 0 10px 0;
}

h2 {font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#982b31;
text-transform:uppercase;
padding: 10px 0 10px 0;
}

h3 {font-family:"Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
font-weight:bold;
color:#982b31;
padding: 10px 0 10px 0;
}

.footer-text {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f4e7cf;
line-height:1.25;
margin: 5px;
}

.prop-link {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f4e7cf;
float:right;
text-decoration:none;
margin: 3px;
}

.bold {font-weight:bold;
}

.highlight {font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#982b31;
line-height:1.25;
font-weight:bold;
font-style:italic;
}

.menu-buttons {margin: 0 0 0 40px;
}

.link {color:#324447;
}

/* End of font Styles */

/* Alt Layout */

#alt-content-left {float:left;
display:inline;
width:309px;
}

#alt-middle-border {float:left;
display:inline;
width:2px;
}

#alt-content-right {float:right;
display:inline;
width:620px;
}

/* End Alt Layout */

/* Form Style */

label {float: left;
display: inline;
width: 100px;
font-weight:bold;
margin: 0 0 0 20px;
}

#forename {margin: 0 0 0 0;
}

#surname {margin: 0 0 0 0;
}

#email {margin: 0 0 0 0;
}

#address-postcode {margin: 0 0 0 0;
}

form p {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	clear: left;
}

.submit {width:100px;
	height: 20px;
	border:0px;
	margin: 0 0 0 20px;
}

.submit-friends {width:179px;
	height: 35px;
	border:0px;
	margin: 0 0 0 20px;
}

.map {float:left;
margin: 10px 20px 0 0;
height: 400px;
width: 550px;
}

#contact-top {float:left;
display:block;
width:880px;
height:420px;
}

#contact-bottom {float:left;
display:block;
width:880px;
border-top: 1px solid #333333;
}

#contact-links {float:left;
display:block;
width:880px;
border-top: 1px solid #333333;
}

.reviewbox {
width:280px;
height: 100px;
text-align:left;
margin-right:20px;
margin-bottom:6px;
float:left;
display:inline;
border-bottom:1px solid #CCCCCC;

}

.menuboxouter {
	width:289px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding:10px;
	padding-top:40px;
	
}

.val-buttons, a.val-buttons:link, a.val-buttons:active, a.val-buttons:visited {
	font-family:"Times New Roman", Times, serif;
	height:60px;
	width:262px;
	font-size:22px;
	color:#982B31;
	font-style:italic;
	text-decoration:none;
	text-align:right;
	line-height:60px;
	display:inline;
	float:left;
	border:1px solid #324447;
	margin-right:5px;
	margin-bottom:5px;
	padding-right:25px;
	background-image:url(../images/menuval.jpg);
}

a.val-buttons:hover {
	background-image:url(../images/menuval-over.jpg);	
}

.buttons, a.buttons:link, a.buttons:active, a.buttons:visited {
	font-family:"Times New Roman", Times, serif;
	height:60px;
	width:262px;
	font-size:22px;
	color:#324447;
	font-style:italic;
	text-decoration:none;
	text-align:right;
	line-height:60px;
	display:inline;
	float:left;
	border:1px solid #324447;
	margin-right:5px;
	margin-bottom:5px;
	padding-right:25px;
	background-image:url(../images/menubg.jpg);
}

a.buttons:hover {
	background-image:url(../images/menubg_f2.jpg);	
}

.buttons-large, a.buttons-large:link, a.buttons-large:active, a.buttons-large:visited {
	font-family:"Times New Roman", Times, serif;
	height:60px;
	width:262px;
	font-size:22px;
	color:#324447;
	font-style:italic;
	text-decoration:none;
	text-align:right;
	line-height:27px;
	display:inline;
	float:left;
	border:1px solid #324447;
	margin-right:5px;
	margin-bottom:5px;
	padding-right:25px;
	background-image:url(../images/menubg.jpg);
}

a.buttons-large:hover {
	background-image:url(../images/menubg_f2.jpg);
	
}

.btn-img {float: left;
display: inline;
}

.theatrebox {
	width:600px;
	height:150px;
	text-align:left;
	padding-bottom:6px;
	padding-top:6px;
	float:left;
	display:inline;
	border-bottom:1px solid #999999;
}

.main-content{
	width: 600px; 
	float: left; 
	overflow: hidden;
}

.opentable-container{
	overflow:hidden;
	width: 600px;
}

.opentable-content{
	width	: 600px;
	float	: left; 
}

.menu-rhs{
	width: 300px; 
	float:right;
	text-align: right;
	overflow: hidden;
}

.menu-inner{
	padding-bottom: 108px; 
	float:left;
}

.vote-for-us{
	margin-top: 30px;
	padding-right: 10px;
}

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

.formlabels {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#324447;
	line-height:1.25;
}

.sign-up {
text-align:left;
padding-bottom:20px;
}

.formdropdown {
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	color:#46301b;
	height:20px;
	border:1px solid #46301b;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	background-color:#fff1d7;
	}
	
	.food-drink-award {
		float:left;
		display:inline;
		margin-top:60px;
	}