/* Contents 

html tags
basic classes
easy clearing
layout
topnav
header
content
	nav
		promo
		mainnav
		pastwinners
	maincontent
		regform
		gallery
		banner
	relinfo
postcontent
footer 1
footer 2


temp, dev
*/

/* 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, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, 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; text-align: left; }
/* 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: "" ""; }

/* html tags */
body {
	font-family: Calibri, "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 76%;
	color: #919191;
	text-rendering: optimizeLegibility;
	background: #E7E7E7 url(../i/bg.gif) repeat-x 0 -24px scroll;
}
h1,h2,h3,h4,h5,h6 { margin: 0 0 0.5em 0; font-weight: bold; }
h1 {
	font-size: 1.5em;
	color: #756C62;
}
h2 {
	font-size: 1.4em;
	color: #756C62;
}
h3 {
	font-size: 1.3em;
	color: #756C62;
}
h4 {
	font-size: 1.2em;
	color: #756C62;
}
h5 {
	font-size: 1.1em;
	color: #756C62;
}
h6 {
	font-size: 1.0em;
	color: #756C62;
}
p, pre {
	margin: 0 0 1em 0;
	color: #756C62;
	line-height: 1.4em;
}
pre {
	font-family: "Courier New", Courier, monospace;
}
blockquote {
	margin: 1em;
	padding: 1em;
	background: #f6f6f6;
}
a:link {
	color: #9E1B1F;
	text-decoration: none;
}
a:visited {
	color: #9E1B1F;
	text-decoration: none; 
}
a:hover { 
	color: #FFDD00;
	text-decoration: none;
}
a:active {
	color: #9E1B1F;
	text-decoration: none;
}
ul, ol {
	margin: 0 0 0 20px;
	padding: 0;
}
li {
	margin: 0;
	padding: 0 0 0.5em 0;
	line-height: 1.4em;
	color: #756C62;
}
form { margin: 0; padding: 0; }
strong { font-weight: bold; }
img, a img { border: none; }
a:link img, a:visited img, a:hover img, a:active img { border-bottom: none; }
table, tr, th, td { margin: 0; padding: 0; border: none; font-size: 1em; }
table { }
th { font-size: 1.1em; }
th, td {
	padding: 0.2em;
	text-align: left;
	color: #756C62;
	line-height: 1.4em;
	font-size: 1.083em;
}
th.bottom, td.bottom { vertical-align: bottom; }
acronym, abbr { border-bottom: 1px dotted #333; }
sup { line-height: 0; } /* hacked in ie6 */
/* basic classes */
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.left { float: left; }
.right { float: right; }
.imgleft {
	float: left;
	padding: 0 10px 10px 0;
}
.imgright {
	float: right;
	padding: 0 0 10px 10px;
}
.imgcentre {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
}
.push0, #container-outer #maincontent .push0 { margin-bottom: 0; }
.push1, #container-outer #maincontent .push1 { margin-bottom: 1em; }
.push2, #container-outer #maincontent .push2 { margin-bottom: 2em; }
.top0,  #container-outer #maincontent .top0  { margin-top: 0; }
.top1,  #container-outer #maincontent .top1  { margin-top: 1em; }
.top2,  #container-outer #maincontent .top2  { margin-top: 2em; }
.skip {
	position: absolute;
	left: -1000px;
	width: 990px;
	height: 20px;
	margin-bottom: -20px;
}
/* easy clearing */
/* float clearing for IE6 */
* html #footer2 div.inner, 
* html #content, 
* html #thegallery, 
* html div.pagination, 
* html .clearfix
{
 height: 1%;
 overflow: visible;
}
/* float clearing for IE7 */
*+html #footer2 div.inner, 
*+html #content, 
*+html #thegallery, 
*+html div.pagination, 
*+html .clearfix
{
 min-height: 1%;
}
/* float clearing for everyone else */
#footer2 div.inner:after, 
#content:after, 
#thegallery:after, 
div.pagination:after, 
.clearfix:after
{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
/* Float Clearing - End */

/* layout */
#container-outer {
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
#topnav {
	width: 920px;
	height: 36px;
	/* hacked in ie6 */
	margin: 0;
	padding: 0;
}
#container-inner {
	width: 920px;
	margin: 0;
	padding: 0;
}
#header {
	width: 832px;
	height: 86px;
	margin: 0;
	/* hacked in ie6 */
	padding: 44px 44px 50px 44px;
	background: #fff url(../i/banner-purple.jpg) no-repeat 24px 24px scroll;
}
#logo {
	width: 200px;
	height: 114px;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../i/logo.gif) no-repeat 0 0 scroll;
}
#heading {
	width: 600px;
	height: 114px;
	float: right;
	margin: 0;
	padding: 0;
}
#content {
	/* easycleared */
	width: 872px;
	margin: 0;
	padding: 0 24px;
	background: #fff;
}
#nav {
	width: 205px;
	float: left;
	margin: 0 19px 0 0;
	padding: 0;
}
#banner {
	width: 648px;
	float: left;
	margin: 0 0 24px 0;
	padding: 6px 0 0 0;
}
#maincontent {
	width: 424px;
	float: left;
	margin: 0 24px 0 0;
	padding: 0;
}
#relinfo {
	width: 200px;
	float: left;
	margin: 0;
}
#postcontent {
	width: 872px;
	height: 52px;
	margin: 0;
	padding: 24px;
	background: #fff;
}
#site {
	width: 200px;
	height: 52px;
	float: left;
	margin: 0;
	padding: 0;
}
#tr {
	width: 648px;
	height: 52px;
	float: right;
	margin: 0;
	padding: 0;
}
#footer1 {
	width: 896px;
	margin: 0;
	padding: 24px 12px 0;
}
div.col {
	/* hacked in ie6 */
	width: 200px;
	float: left;
	margin: 0 12px;
	padding: 0;
}
#fmessage {
	clear: both;
	width: 872px;
	margin: 0;
	padding: 48px 12px 96px;
}
#footer2 {
	margin: 0;
	padding: 24px;
	background: #B9B9B9;
}
#footer2 div.inner {
	/* easycleared */
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
#fcopy {
	width: 424px;
	float: left;
	margin: 0;
	padding: 0;
}
#fnav {
	width: 424px;
	float: right;
	margin: 0;
	padding: 0;
}
/* topnav */
#topnav ul {
	height: 14px;
	margin: 0;
	padding: 14px 0 12px 0;
	list-style: none;
	float: right;
}
#topnav ul li {
	float: left;
	height: 14px;
	font-size: 1.167em;
	line-height: 1em;
	text-transform: uppercase;
}
#topnav ul li.tnurl {
	padding: 0 5px;
	margin: 0 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#topnav ul li a:link, #topnav ul li a:visited { color: #fff; }
#topnav ul li a:hover { color: #9E1B1F; }
#topnav ul li a:active { color: #fff; }
/* home selected */
#body-home #topnav ul li.tnhom a { color: #9E1B1F; }
/* contact selected */
#body-contact #topnav ul li.tncon a { color: #9E1B1F; }

/* header */
#logo h1 {
	width: 200px;
	height: 114px;
}
#logo h1 a {
	display: block;
	width: 200px;
	height: 114px;
	text-indent: -9999px;
}
#heading h2 {
	text-align: right;
	font-weight: bold;
	font-size: 2.33em;
	line-height: 1em;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	color: #fff;
}
#heading ul {
	height: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
#heading ul li {
	float: left;
	height: 18px;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
	color: #fff;
}
#heading ul li.hdate {
	font-weight: bold;
}
#heading ul li.hloca {
	padding: 0 5px;
	margin: 0 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
/* content */
/* 	nav */
/* 		promo */
#promo {
	width: 205px;
/*	height: 300px;*/
	margin: 0 0 24px 0;
	padding: 0;
	list-style: none;
}
#promo li {
	width: 205px;
	margin: 0;
	padding: 0;
}
#promo li a {
	display: block;
	width: 200px;
	text-indent: -9999px;
}
#promo #proboo {   height: 93px; background: transparent url(../i/btn_bookatable.gif) no-repeat 0 0px scroll; }
#promo #proboo a { height: 82px; }
#promo #prowin {   height: 106px; background: transparent url(../i/btn_winners.gif) no-repeat 0 0 scroll; }
#promo #prowin a { height: 95px; }
#promo #procon {   height: 104px; background: transparent url(../i/btn_contact.gif) no-repeat 0 0 scroll; }
#promo #procon a { height: 90px; }
/* 		mainnav */
#mainnav {
	width: 200px;
	margin: 0 0 36px 0;
	padding: 0;
	list-style: none;
	border-top: 1px dotted #9c9c9c;
}
#mainnav li {
	font-size: 1.083em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #9c9c9c;
	text-transform: uppercase;
}
#mainnav li a {
	display: block;
	width: 164px;
	height: auto;
	margin: 0;
	padding: 12px 24px 12px 12px;
}
/* link colour */
#mainnav li a:link, #mainnav li a:visited { color: #919090; }
#mainnav li a:hover { color: #FFDD00; }
#mainnav li a:active { color: #919090; }
/* selected state */
#mainnav li.selected a { font-weight: bold; background: transparent url(../i/bg_nav_selected.gif) no-repeat center right scroll; }
#mainnav li.selected a:link, #mainnav li.selected a:visited { color: #9E1B1F; }
#mainnav li.selected a:hover { color: #9E1B1F; }
#mainnav li.selected a:active { color: #9E1B1F; }
#mainnav li a span.soon { color: #008EC1; }
/* contact & IFR li */
#mainnav #mncontact {
	margin: 66px 0 0 0;
	border-top: 1px dotted #9c9c9c;
}
#mainnav #mncontact, #mainnav #mnifr {
	margin: 66px 0 0 0;
	border-top: 1px dotted #9c9c9c;
}
/* 		pastwinners */
#pastwinners {
	width: 130px;
	height: 353px;
	margin: 0;
	padding: 70px 35px 30px 35px;
	list-style: none;
	background: transparent url(../i/bg_pastwinners.gif) no-repeat top left scroll;
}
#pastwinners a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}

/* 	maincontent */
#maincontent h2 {
	font-size: 2em;
	line-height: 1.25em;
	border-bottom: 1px dotted #919191;
	padding: 0 0 17px 0;
	margin: 0 0 18px 0;
}
#maincontent h3 {
	font-size: 1.25em;
	line-height: 1.25em;
	margin: 0 0 12px 0;
	padding: 0.5ex 0 8px 0;
	border-bottom: 1px solid #919191;
}
#maincontent h4 {
	font-size: 1.25em;
	line-height: 1em;
	margin: 0 0 0.4em 0;
	padding: 0;
}
#maincontent ul {
	margin-bottom: 20px;
}
#maincontent p {
	font-size: 1.083em;
}
/* 		regform */
div.formrow {
	width: 430px;
	height: 18px;
	margin: 0 0 10px 0;
}
div.formrowta { height: 68px; }
div.formlabel {
	width: 100px;
	float: left;
	height: 18px;
	line-height: 18px;
	text-align: right;
}
div.forminput {
	width: 300px;
	float: right;
	height: 18px;
}
div.forminput input {
	margin: 0;
	padding: 1px;
	width: 238px;
	height: 16px;
	border: 1px solid #030000;
}
div.formtextarea {
	width: 300px;
	float: right;
	height: 68px;
}
div.formtextarea textarea {
	margin: 0;
	padding: 1px;
	width: 238px;
	height: 64px;
	border: 1px solid #030000;
}
div.formsubmit, div.formboxes {
	padding-left: 130px;
}
/* 		gallery */
#thegallery {
	/* easycleared */
	/* hacked in ie6, ie7 to handle negative margins */
	margin: 0 -4px;
	padding: 0;
}
#thegallery div.gallimg {
	width: 100px;
	height: 67px;
	padding: 0 4px 8px;
	float: left;
}
#thegallery div.gallimg img {
	display: block;
	margin: 0 auto;
}
div.pagination {
	/* easycleared */
	margin: 0 0 0 4px;
	padding: 0;
	clear: both;
}
div.pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.pagination ul li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	border: 1px solid #D7D7D7;
	font-weight: bold;
	color: #D7D7D7;
}
div.pagination ul li a, div.pagination ul li.selected {
	display: block;
	width: 7px;
	height: 18px;
	padding: 3px 5px;
}
/* 		banner */
#banner-image {
	width: 648px;
	height: 360px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/* homepage with rotating banner 
#body-home #banner-image { height: 420px; }*/
/* homepage with video*/
#body-home #banner-image.video { height: 389px; }

/*
	Coda slider
	adapted from http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/
*/
	#banner-image .slider-wrap {
		width: 648px;
		height: 420px;
		position: relative;
	}
	#banner-image .stripViewer {
		position: relative;
		overflow: hidden;
		width: 648px;
		height: 360px;
	}
	#banner-image .stripViewer .panelContainer {
		position: relative;
		left: 0;
		top: 0;
	}
	#banner-image .stripViewer .panelContainer .panel {
		float: left;
		height: 100%;
		position: relative;
		width: 648px;
	}
	#banner-image .stripNavL, .stripNavR, .stripNav { display: none; /* hide any nav */ }
	/* style the first thumb */
	#banner-image #main-photo-slider .first-thumb {
		position: absolute;
		top: 360px;
		left: 0px;
	}
	/* then style the other 5 */
	#banner-image #movers-row {
		position: absolute;
		top: 360px;
		left: 108px;
	}
	#banner-image #movers-row div {
		width: 108px;
		float: left;
	}
	#banner-image #movers-row div a.cross-link {
		float: right;
	}
	/* link styling */
	#banner-image .cross-link {
		display: block;
		width: 108px;
		position: relative;
		z-index: 9999;
	}
	/* active link styling */
	#banner-image .active-thumb {
		opacity: 0.7;
		/* hacked in ie6, ie7, ie8 */
	}

#banner-text {
	background: transparent url(../i/bg-banner-text.png) no-repeat bottom left scroll;
	padding: 24px;
}
#banner-text h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 2.67em;
	line-height: 1em;
	text-transform: uppercase;
}
#banner-text h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
	font-size: 1.83em;
	line-height: 1em;
	text-transform: uppercase;
}
#banner-text h3 a:link, #banner-text h3 a:visited, #banner-text h3 a:active { color: #fff; }
#banner-text h3 a:hover { color: #FFDD00; }
/* 	relinfo */
#ro {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 10px;
	background: transparent url(../i/bg-banner-text.png) no-repeat center center scroll;
}
#ro li {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
}
#ro li span {
	float: right;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 20px;
	text-align: right;
	font-weight: bold;
	color: #FDD935;
	border-left: 1px solid #FDD935;
}
/* postcontent */
#pcsite, #pctr { height: 52px; text-indent: -9999px; }
#pcsite a, #pctr a { display: block; }
#pcsite {
	width: 200px;
	float: left;
	background: transparent url(../i/bg_url.gif) no-repeat top left scroll;
}
#pcsite a { width: 155px; height: 26px; margin: 22px 0 0 0; }
#pctr {
	width: 648px;
	float: right;
	background: transparent url(../i/bg_thomson.gif) no-repeat top left scroll;
}
#pctr a   { width: 370px; height: 52px; margin: 0 0 0 278px; }

/* footer 1 */
div.col h3 {
	color: #756C62;
	font-size: 1.5em;
	line-height: 1em;
	border-bottom: 2px solid #b1aeae;
	padding: 0 0 17px 0;
	margin: 0 0 17px 0;
}
div.col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.col ul li {
	color: #756C62;
	font-size: 1em;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0px;
}
div.col ul li a:link, 
div.col ul li a:visited, 
div.col ul li a:hover, 
div.col ul li a:active
{
	color: #756C62;
}
div.col ul li a:hover { color: #32291F; }
#fmessage p {
	font-size: 1em;
}
/* footer 2 */
#footer2 {
	font-size: 0.83em;
	height: 12px;
}
#footer2 p {
	color: #fff;
	margin: 0;
	padding: 0;
}
#footer2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
#footer2 ul li {
	float: left;
	display: block;
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left: 1px solid #FFFFFF;
	line-height: 1em;
}
#footer2 ul li.first { border-left: none; }
#footer2 ul li a {
	color: #fff;
}