@import url("base.css");
@import url("header.css");
@import url("navigation.css");


	body {
		margin: 0px 0px 20px 0px;
		background: #fff9f0;
		color: #333;
		font: 75% Arial, Genova, sans-serif;
		line-height: 160%;
	}
	dt {
		margin: 0px 0px 5px 0px;
		font-weight: bold;
	}
	dd {
		margin: 0px 0px 5px 20px;
	}
	a {
		font-weight: bold;
		background: transparent;
		color: #c00;
		text-decoration: underline;
	}
	a:hover {
		font-weight: bold;
		background: transparent;
		color: #f00;
		text-decoration: underline;
	}
	table, input, select, textarea {
		font: 100% Arial, Genova, Sans-Serif;
	}
	form {
		margin: 0px;
	}

	blockquote {
		margin: 0px 0px 20px 0px;
		font-weight: bold;
		text-align: center;
		font: 150% Georgia;
		background: transparent;
		color: #c00;
	}
	
	div#header {
		width: 780px;
		margin: 10px auto 0px auto;
		border: 1px solid #333;
	}
	div#header div#container {
		background: url("../images/header.jpg") no-repeat center center;
		width: 780px;
		height: 200px;
	}
	div#header div#container h1 {
		display: none;
	}
	
	#navigation {
		float: left;
		width: 120px;
		padding: 15px 0px 15px 25px;
	}
	#navigation h2 {
		display: none;
	}
	#navigation ul {
		margin: 0px;
		padding: 1px 0px 1px 0px;
	}
	#navigation ul li {
		float: left;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-align: center;
	}
	#navigation ul li a {
		display: block;
		width: 100px;
		background: url("../images/nav_back.jpg") repeat-x top left;
		color: #fff;
		padding: 3px 10px;
		margin: 0px auto 0px auto;
		border: 1px solid #300;
		text-decoration: none;
	}
	#navigation>ul>li>a {
		margin: 0px auto 1px auto;
	}
	#navigation ul li a:hover {
		background: url("../images/nav_back_hover.jpg") repeat-x top left;
		color: #333;
	}

/*
	#navigation>ul>li>a:hover {
		margin: 0px auto 1px auto;
	}
*/


div#outer_container { width: 780px; margin: 10px auto; background: url("../images/back.jpg") repeat-y 0px 0px #fff; border: 1px solid #333; }

div#content { float: right; width: 600px; background: #fff;	color: #333; padding: 5px; }

#content div.slideshow { float: right; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 20px; text-align: center; }
	
#content .slideshow p { margin: 0px 0px 15px 0px; font-weight: bold; font: 120% Georgia; }

#content .slideshow p img { border: 1px solid #333; }

#content .still_photo_left { float: left; background: #fff; color: #333; border: 1px solid #000; margin: 0px 0px 20px 0px; padding: 10px 10px 5px 10px; text-align: center;}
	
	#content .still_photo_left p {
		margin: 0px 0px 0px 0px;
		font-weight: bold;
	}
	
	#content h2 {
		font: 150% Georgia,Serif;
		font-style: italic;
		font-weight: bold;
		margin: 0px 0px 15px 0px;
	}
	#content h3 {
		font: 140% Georgia,Serif;
		font-style: normal;
		font-weight: normal;
		text-decoration: underline;
		margin: 0px 0px 15px 0px;
	}
	#content div.contact_details h3 {
		font: 100% Arial, Helvetica,Sans-Serif;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		padding: 3px 10px;
		margin: 0px 0px 10px 0px;
		background: url("../images/nav_back.jpg") repeat-x top left #633;
		color: #fff;
		border: 1px solid #300;
	}
	#content div.email_form h3 {
		font: 100% Arial, Helvetica,Sans-Serif;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		padding: 3px 10px;
		margin: 0px 0px 10px 0px;
        background: url("../images/nav_back.jpg") repeat-x top left #633;
        color: #fff;
        border: 1px solid #300;
	}
	#content h4 {
		font-weight: bold;
		text-decoration: underline;
		font-size: 100%;
		clear: left;
	}

	#content p {
		margin: 0px 0px 20px 0px;
	}

	#content p.para {
		float: left;
		width: 30%;
		margin: 0px 0px 20px 0px;
		padding: 0px 20px 0px 0px;
	}

	#header p.award {
		float: left;
		margin: 22px 0px 0px 14px;
	}

	table.tariff {
		width: 60%;
		margin: 0px auto 20px auto;
		border: 1px solid #333;
		background: #fff9f9;
		color: #333;
	}
	table.tariff th {
		background: url("../images/nav_back.jpg") repeat-x 0% 0% #c33;
		color: #fff;
		padding: 3px;
		border: 1px solid #333;
		text-align: center;
	}
	table.tariff td {
		border: 1px solid #fcc;
	}
	table.tariff .column1 {
		width: 60%;
		text-align: left;
	}
	table.tariff .column2 {
		width: 40%;
		text-align: right;
	}
	div.tariff p {
		margin: 20px 0px 0px 0px;
	}

	#content div.menu {
		width: 280px;
		margin: 0px auto 0px 40px;
		text-align: center;
		border: 1px dashed #999;
		background: #fff;
		color: #333;
		padding: 20px 20px 0px 20px;
	}


	#content div.christmas_special {
		width: 80%;
		min-width: 250px;
		padding: 50px 20px 0px 20px;
		margin: 0px auto 20px auto;
		border: 1px solid #f00;
		background-color: #ffd6d6;
		color: #333;
		font-weight: bold;
	}
	#content div.christmas_special p {
		margin: 0px 0px 10px 0px;
		text-align: center;
	}
	#content div.christmas_special p.header {
		margin: 0px;
		padding: 0px;
		font: 250% Georgia;
		font-weight: bold;
		text-align: center;
		background: transparent;
		color: #c00;
	}
	#content div.christmas_special p.red {
		color: #c00;
		font-size: 120%;
	}
	#content div.christmas_special p.left {
		text-align: left;
	}
	#content div.christmas_special p.price {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font: 240% Georgia;
		text-align: center;
	}
	#content div.christmas_special ul {
		margin: 0px 0px 20px 20px;
	}
	


	div.contact_details {
		border: 1px solid #333;
		background: #fffcf9;
		color: #333;
		padding: 10px;
		margin: 0px 0px 20px 0px;
		width: 45%;
		float: right;
	}
	div.contact_details 	address {
		font-weight: normal;
		font-style: normal;
		margin: 0px 0px 15px 30px;
	}
	div.margin_bottom {
		font-weight: normal;
		font-style: normal;
		margin: 0px 0px 15px 0px;
	}
	div.contact_details 	p {
		font-weight: normal;
		font-style: normal;
		margin: 0px 0px 15px 15px;
	}
	div.fix_width {
		margin: 0px 0px 0px 30px;
		width: 90px;
		float: left;
	}


	div.email_form {
		border: 1px solid #333;
		background: #fffcf9;
		color: #333;
		padding: 10px;
		margin: 0px 0px 20px 0px;
		width: 45%;
	}
	div.email_form p {
		clear: left;
	}

	div.field_label {
		clear: left;
		float: left;
		width: 30%;
		padding: 3px 0px 0px 0px;
	}
	div.field_input {
		float: left;
		margin: 0px 0px 10px 0px;
	}
	
	p.submit {
		margin: 0px;
		text-align: right;
		clear: both;
	}
	p.submit input {
		padding: 3px 10px;
		font-weight: bold;
	}

	div.award {
		margin: 0px auto 0px auto;
		width: 188px;
		text-align: center;
	}
	div.award img {
		border: 1px solid #333;
	}
	div.award p.image {
		height: 83px;
	}

	div.award_wide {
		clear: both;
	}
	div.award_wide p.image {
		float: left;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 0px;
	}
	div.award_wide p.image img {
		border: 1px solid #666;
	}


	#footer {
		clear: left;
		float: left;
		padding: 10px;
		width: 130px;
		color: #fff;
	}
	#footer h2 {
		display: none;
	}
	#footer p {
		line-height: 150%;
		margin: 0px;
		padding: 10px 0px;
		border-top: 1px solid #fff;
	}
	#footer p.left {
		float: left;
		text-align: left;
	}
	#footer a {
		background: transparent;
		color: #fff;
	}
	#footer a:hover {
		background: transparent;
		color: #ff6;
	}

	div#copyright {
		clear: both;
		width: 760px;
		margin: 10px auto;
		text-align: right;
		color: #666;
	}
	div#copyright p {
		float: left;
		margin: 0px;
	}
	div#copyright a {
		color: #666;
		font-weight: normal;
	}
	div#copyright a:hover {
		color: #333;
		font-weight: normal;
	}
	div#copyright ul {
		margin: 0px;
		display: inline;
	}
	div#copyright ul li {
		float: right;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 15px;
		border-left: 1px dotted #999;
		list-style-type: none;
	}
	div#copyright ul li.last {
		float: right;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 15px;
		border-left: 0px;
		list-style-type: none;
	}
	
#content div.img_right { float: right; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }
	
#content .img_right p { margin: 0px 0px 0px 0px; font-weight: bold; font: 120% Georgia; }

#content .img_right p img { border: 1px solid #333; }

#content div.img_left { float: left; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }
	
#content .img_left p { margin: 0px 0px 0px 0px; font-weight: bold; font: 120% Georgia; }

#content .img_left p img { border: 1px solid #333; }

#content div.img_centre { background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }
	
#content .img_centre p { margin: 0px 0px 0px 0px; font-weight: bold; font: 120% Georgia; }

#content .img_centre p img { border: 1px solid #333; }

p.padded { padding: 2px 0; }
.image_block { padding: 2px 0 0 0; }
.image_block p { display: inline; }

#content div.special_deals { background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }	
#content .special_deals p { margin: 0px 0px 0px 0px; font-weight: bold; font: 120% Georgia; }
#content .special_deals p.title { text-decoration: underline; font: 150% Georgia; color: #900; }

#content div.vt_text { width: 260px; float: right; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }
#content .vt_text p { margin: 10px 10px 10px 10px; font-weight: bold; font: 120% Georgia; }
#content div.attractions_text { width: 305px; float: right; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }
#content .attractions_text p { margin: 10px 10px 10px 10px; font-weight: bold; font: 120% Georgia; }
#content div.attractions_text2 { width: 430px; float: right; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }
#content .attractions_text2 p { margin: 10px 10px 10px 10px; font-weight: bold; font: 120% Georgia; }

#content div.img_illum { width: 502px; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px auto 20px auto; text-align: center; }
#content .img_illum p { margin: 0px 0px 0px 0px; font-weight: bold; font: 120% Georgia; }
#content .img_illum p img { border: 1px solid #333; }

#content div.img_illum2 { width: 585px; background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px auto 20px auto; text-align: center; }
#content .img_illum2 p { margin: 0px 0px 0px 0px; font-weight: bold; font: 120% Georgia; }
#content .img_illum2 p img { border: 1px solid #333; }

#content div.testimonial { background: #fffcf9; color: #333; border: 1px solid #999; padding: 2px; margin: 0px 0px 20px 0px; text-align: center; }	
#content .testimonial p { margin: 5px 5px 2px 5px;  font: 120% Georgia; }
#content div.testimonial p.visitor {  font: 90% Georgia; font-weight: bold; font-style: italic; }

form { margin: 0 auto 20px auto; width: 90%; background: #680001; border: 1px solid #636; padding: 10px; }
form dl { float: left; width: 49%; }
form dl dt { font-weight: bold; margin: 0; padding: 0 0 5px 20px; color: #fff; }
form dl dd { margin: 0; padding: 0 0 10px 40px; }
form p { text-align: center; }
form p input { padding: 5px 10px; border: 0; }
form h3 { color: #fff; }

.clear { clear: both; }

p.promo_vid {
	float: right;
	width: 153px;
	height: 122px;
	overflow: hidden;
	background: url("../images/promo_video_thumb.jpg") no-repeat 100% 0;
}
p.promo_vid a {
	display: block;
	padding: 143px 0 0 0;
}


.preview {
	text-align: center;
	margin: 0 auto 20px auto;
}

.center {
	text-align: center;
}

div#video {
	width: 500px;
	margin: 0 auto 20px auto;
}