/* ------> COLOUR INDEX <----------

body grey:		#939598;
dark grey		#414142;
light grey:		#C6C8CA;
aqua:			#6AC7D8;

--------------------------------- */


/* --------> RESET CSS <---------- */

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 {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	text-decoration: none;
	font-size: 100%;
	padding: 0;
	margin: 0; }

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin-bottom: 10px; }

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit; }

input,textarea,select {
	*font-size: 100%; }

ul li, ol li, dl li {
	list-style: none outside; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

caption,th {
	text-align: left; }



/* ------> ~GENERAL STYLES <----------- */

body {
	font: 0.75em/1.4em Helvetica, Arial, Verdana, sans-serif;
	background: url('../images/bg.png') repeat-x #939598;
	color: #939598; }

.clear {
	clear: both; }

#shadowContainer {
	width: 1024px;
	background: url(../images/bg-drop-shadow.png) repeat-y;
	margin: 0 auto; }

#mainContainer {
	width: 1000px;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 90px;
	margin: 0 auto; }

h1, h2, h3, h4 {
	color: #6AC7D8; }

h1 {
	word-spacing: -1px;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .5em; }

h2 {
	font-size: 1.2em; }

h3 { }

p, li {}
	
p {
	display: block;
	clear: both;
	line-height: 1.6em;
	margin-bottom: 15px; }

em {
	color: #6AC7D8; }

a {
	color: #939598;
	text-decoration: underline; }

	a:hover {
		color: #6AC7D8; }

img {
	display: block; }

.fl {
	float: left;
	display: inline; }

.fr {
	float: right;
	display: inline; }

img.fl {
	margin: 0 20px 20px 0; }

img.fr {
	margin: 0 0 20px 20px; }

img.border {
	background-color: #EDEDED;
	border: 1px solid #C6C8CA;
	padding: 3px;
	margin-bottom: 20px; }

.center {
	text-align: center; }

.dark, .dark a {
	color: #3F3F3F; }



/* ------> ~HEADER <------- */

#header {
	clear: both;
	height: 150px;
	background: url('../images/bg-header.jpg') no-repeat;
	text-transform: uppercase;
	color: #fff;
	padding: 0 30px; }
	
	#header #logo {
		float: right;
		display: inline;
		padding: 45px 40px 0 0; }

	#header h2 {
		color: #fff;
		padding: 75px 0 25px 0; }
	
	#header h3 {
		font-size: 0.8em;
		font-weight: bold;
		color: #fff; }



/* ------> ~LEFT COLUMN <----------- */

#leftCol {
	float: left;
	display: inline;
	width: 240px;
	padding: 45px 0 20px 0;
	margin: 0 30px; }

#nav {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px; }

	#nav li {
		float: left;
		display: inline;
		clear: both;
		width: 100%;
		border-bottom: 1px dotted #C6C8CA;
		padding-top: 17px; }

	#nav li a {
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		background: url('../images/nav-bullet.png') no-repeat left;
		padding: 3px 20px 0 20px; }

	#nav li a:hover, #nav li a.active {
		color: #6AC7D8; }
	
	#nav li ul {
		overflow: hidden;
		font-size: 0.8em;
		padding-bottom: 5px; }

	#nav li ul li {
		line-height: 1.3em;
		border-bottom: none;
		padding: 0 0 2px 0; }

	#nav li ul li a {
		background: none;
		color: #414142; }

#online-res img {
	margin-bottom: 60px; }

#accreditations {
	display: block;
	padding-top: 15px; }

	#accreditations li {
		display: inline;
		margin-right: 25px; }

	#accreditations li img {
		display: inline; }


/* ------> ~FOOTER <----------- */

#footer {
	clear: both;
	border-top: 1px dotted #C6C8CA;
	font-size: 0.75em;
	color: #C6C8CA;
	padding-top: 10px;
	margin: 0 30px; }

	#footer a {
		text-decoration: none;
		color: #C6C8CA; }
	
	#footer ul {
		color: #6AC7D8; }

	#footer ul li {
		float: left;
		display: inline;
		margin-right: 3px; }
	
	#footer ul li a {
		padding-right: 1px; }

	#footer ul li a:hover {
		text-decoration: underline; }
	
	#footer #cefar {
		float: right;
		display: inline;
		margin-left: 60px; }

	#footer #cefar a:hover span {
		color: #c50084; }

/* ------> ~CONTENT <----------- */

#contentContainer {
	float: left;
	width: 700px; }

.homeBox {
	float: left;
	width: 206px;
	overflow: hidden;
	background: url(../images/home-box-header.png) no-repeat top #414142;
	padding: 0 13px 0 13px;
	margin: 0 2px 20px 0; }
	
	.homeBox.last {
		margin-right: 0; }
	
	.homeBox img {
		float: left;
		clear: both;
		padding-top: 30px;
		margin: 0 -13px 13px -13px; }
	
	.homeBox h2  {
		margin-bottom: 5px; }

	.homeBox h2  a {
		text-decoration: none;
		color: #6AC7D8;
		margin-bottom: 5px; }

	.homeBox h2  a:hover {
		text-decoration: underline; }

	.homeBox p {
		line-height: 1.2em;
		color: #fff; }

	.homeBox p a {
		color: #fff; }

	.homeBox p a:hover {
		color: #6AC7D8; }

#pageBanner {
	clear: right;
	width: 700px;
	margin-bottom: 20px; }

	#pageBanner ul {
		clear: both;
		width: 100%; }
	
	#pageBanner ul li {
		float: left;
		width: 152px;
		height: 23px;
		background: url(../images/home-box-header.png) no-repeat #6AC7D8;
		padding: 7px 40px 0 40px;
		margin: 0 2px 2px 0; }
	
	#pageBanner ul li.last {
		margin-right: 0; }
	
	#pageBanner ul li h2 {
		color: #fff; }
	
	#pageBanner ul li h2 a {
		color: #fff;
		text-decoration: none; }
	
	#pageBanner ul li h2 a:hover {
		color: #fff;
		text-decoration: underline; }

	#pageBanner img { }

	#pageBanner h3 {
		clear: both;
		background-color: #939598;
		font-size: 1.3em;
		color: #fff;
		padding: 7px 0 5px 15px }

#contentColRight {
	float: right;
	width: 202px;
	color: #414142;
	padding: 0 30px; }

	#contentColRight.contact {
		padding-top: 20px; }

	#contentColRight p {
		font-size: 0.9em; }

.contentCol {
	float: left;
	display: inline;
	width: 435px; }
	
	.contentCol.contact {
		padding-top: 20px; }
	
	.contentCol ul, .contentCol ol {
		display: block;
		margin: 0 15px 5px 15px; }

	.contentCol ul li {
		display: block;
		background: url(../images/bullet-point.png) no-repeat top left;
		padding: 0 0 10px 15px;}

	.contentCol ol li {
		display: block;
		padding: 0 0 10px 0; }
	
	.contentCol ul.park-in-list li {
		background: none;
		padding-left: 15px; }
	
	.contentCol ul.park-in-list li img {
		float: left;
		display: inline;
		margin: 5px 8px 0 -15px; }

	.contentCol .col1, .contentCol .col2 {
		float: left;
		display: inline;
		width: 320px; }
	
	.contentCol .col2 {
		margin-left: 30px; }

.contentCol.wide {
	width: 670px;
	padding-right: 30px; }

.contentCol.fullWidth {
	width: 700px; }

.contentCol.offer img { }

	.contentCol.offer h1 {
		padding-top: 30px; }
	
	.contentCol.offer h2 strong {
		display: block; }

	.contentCol.offer p {
		clear: none; }
		
		.contentCol.offer p.clear {
		clear: both; }

.contentCol.document {
	padding-top: 20px; }

.contactDetails {
	display: block;
	margin-bottom: 30px; }
	
	.contactDetails li { }
	
	.contactDetails li span { }

#staffBanner {
	width: 700px;
	overflow: hidden;
	padding: 20px 0; }

	#staffBanner h2 {
		float: left;
		clear: both;
		width: 620px;
		height: 23px;
		background: url(../images/home-box-header.png) no-repeat #6AC7D8;
		color: #fff;
		background-color: #6AC7D8;
		padding: 7px 40px 0 40px;
		margin: 20px 0 1px 0; }
		
	#staffBanner .staffBox {
		position: relative;
		float: left;
		display: inline;
		overflow: hidden;
		height: 150px;
		margin: 0 1px 0 0; }
	
		#staffBanner .staffBox img {
			position: absolute;
			z-index: 1; }
		
		#staffBanner .staffBox .slider {
			position: absolute;
			top: 0;
			z-index: 2;
			float: none;
			display: block;
			width: 100%;
			height: 150px;
			background: url(../images/bg-staff-slider.png) repeat;
			padding: 10px;
			margin: 0; }
		
		#staffBanner .staffBox h3 {
			color: #414142;
			background-color: transparent;
			font-size: 1.2em;
			padding: 0; }

		#staffBanner .staffBox p {
			font-size: 0.9em;
			color: #414142; }
		
		
/*
.staffBox {
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	width: 140px;
	height: 140px; }

	.staffBox img {
		position: absolute;
		z-index: 1; }
	
	.staffBox .slider {
		position: absolute;
		top: 140px;
		z-index: 2;
		float: none;
		display: block;
		width: 120px;
		height: 120px;
		background: url(../images/bg-staff-slider.png) no-repeat;
		padding: 10px;
		margin: 0; }

	#pageBanner .staffBox h3 {
		color: #6AC7D8;
		background-color: transparent;
		padding: 0; }

	.staffBox p {
		font-size: 0.9em;
		color: #414142; }
*/


ol.offers {
	min-height: 400px;
	margin: 0; }
	
	ol.offers li {
		float: left;
		display: inline;
		width: 155px;
		text-align: center;
		padding: 0 10px;
		margin-bottom: 20px; }
	
	ol.offers img {
		clear: both;
		padding-bottom: 10px;
		margin: 0 auto; }

p.lateBookingAlert, p.lateBookingAlert a {
	color: red; }
	
	p.lateBookingAlert a:hover {
		color: #6AC7D8; }

/* ------> ~FORMS <----------- */


#contactForm {
	width: 670px;
	overflow: hidden;
	padding-bottom: 30px; }

	#contactForm p {
		padding-bottom: 0; }
		
	#contactForm b {
		font-size: 1.2em;
		color: #EC1846; }

	#contactForm fieldset {
		display: inline;
		float: left; }

	#contactForm fieldset.col1 {
		width: 320px;
		margin-right: 15px; }

	#contactForm fieldset.col2 {
		width: 320px;
		margin-left: 15px; }

	#contactForm label {
		float: left;
		clear: left;
		width: 120px;
		padding: 1px 10px 23px 0; }

	#contactForm label em {
		float: left;
		clear: both;
		text-transform: none;
		color: #857363;
		font-size: 0.9em; }

	#contactForm label.error {
		float: right;
		width: auto;
		display: inline;
		font-size: 0.7em;
		font-style: italic;
		font-weight: bold;
		background-color: #fff;
		color: #EC1846;
		padding: 2px;
		margin-top: -18px; }

	#contactForm input {
		float: left;
		width: 180px;
		color: #414142;
		padding: 2px;
		margin-bottom: 23px; }

	#contactForm textarea {
		float: left;
		line-height: 1.4em;
		width: 180px;
		color: #414142;
		padding: 2px;
		margin-bottom: 23px; }

	#contactForm select {
		float: left;
		width: 190px;
		color: #414142;
		padding: 2px;
		margin-bottom: 23px; }
		
	#contactForm ol {
		padding: 0 0 18px 15px; }
	
	#contactForm ol li label {
		float: none; }

	#contactForm ol li input {
		float: none;
		width: auto;
		margin: 0 5px 5px 0; }

	#contactForm input.button {
		float: left;
		display: inline;
		clear: both;
		width: 75px;
		height: 25px;
		font-size: 1em;
		padding: 3px 3px 2px 3px;
		margin: 15px 0 0 0; }