@charset "UTF-8";
/* CSS Document */

body { font-family:"Times New Roman", Times, serif; font-size:14px;  background-image:url(../images/main-background.jpg); background-repeat:repeat-x; background-position:0 156px; margin:0px 0px}
.page_preview { background:#993300; color:#FFFFFF; margin:0px; height:20px; display:block; float:right; padding:10px 10px; font-weight:bold; text-align:right}

.container {width:853px; margin:0px auto; position:relative;}

.logo {position:absolute; top:17px; left:-80px; width:219px; height:221px; z-index:12}

.mainTextContainer {width:853px; margin:540px 0px 0px 0px; float:right}

	.mainText {width:385px; float:left; margin-top:15px; margin-left:15px;}
		.mainText h1 {font-size:24px; color:#030303;}
		.mainText p, .mainText ul li {font-size:14px; color:#665c49;}
		.mainText h2 {font-size:20px; color:#030303;}
		.mainText a {color:#665c49; text-decoration:underline;}
		.mainText a:hover {text-decoration:none;}
		
	.mainTextRightBar {float:right; padding:8px 0px 200px 8px; width:278px; background:#d2cec6 url(../images/large-corner.png); background-position:bottom right; background-repeat:no-repeat }
	.mainTextRightBar img { border:2px solid #FFF; margin-right:2px; margin-bottom:3px;}
	.mainTextRightBar p {margin:0px}

	.booking_content {width:697px;float:left; margin-top:15px;  margin-left:15px}
	
	.booking_table tr.header {background-color:#85bd43; border-bottom:#669933}
	.booking_table tr.row td {border-bottom:1px solid #CCCCCC; padding:10px 0px}
	
	h2 {font-size:20px; color:#030303}


.topMenu {width:767px; left:110px; position:absolute}
	.topMenu ul.topLevel {width:560px; position:absolute; top:84px}
	.topMenu ul.topLevel li {list-style:none; float:left; padding:0px 10px 0px 0px}
	.topMenu ul.subLevel {width:560px; position:absolute; top:112px}
	.topMenu ul.subLevel li {list-style:none; float:left; padding:0px 10px 0px 0px; font-size:11px}

	.topMenu a:link, .topMenu a:visited, .topMenu a:active {color:#665c49; text-decoration:none}
	.topMenu a:hover {color:#665c49; text-decoration:underline}
	.topMenu a.activePage {color:#030303}
	.topMenu .contactDetails p {position:absolute; right:20px; top:84px; font-size:12px; text-align:right}

.leftBar {float:left}

	.leftBarFeature {margin: 0px 0px 8px 0px; width:123px; padding:8px 0px 8px 6px; background:#d2cec6 url(../images/small-corner.png); background-position:bottom right; background-repeat:no-repeat }
	.leftBarFeature img {border:2px solid #FFF} 
	.leftBarFeature h3 {font-size:18px; color:#030303; margin:0px 0px; padding:14px 0px 5px 2px; width:113px}
	.leftBarFeature a {font-size:12px; color:#443e32; text-decoration:none; padding-left:2px; display:block}
	.leftBarFeature a:hover {text-decoration:underline}

.footer_container { width:853px; bottom:0px}
.footer { background-color:#a39b8b; margin:0px auto; height:100px;width:845px; position:relative; background-image:url(../images/bird.jpg); background-position:bottom right; background-repeat:no-repeat }
.footer img {position:absolute; top:15px; left:16px;}

.footer ul.footerTopLinks {width:700px;position:absolute;left:140px;top:25px;margin:0px 0px; padding:0px 0px}
.footer ul.footerTopLinks li {list-style:none; float:left; color:#FFFFFF; font-size:14px; margin:0px 0px; width:140px}
.footer ul.footerTopLinks li ul {padding:5px 0px 0px 0px; margin:0px 0px;}
.footer ul.footerTopLinks li ul li {list-style:none; float:none;  padding:0px 10px 3px 1px; color:#FFFFFF; font-size:11px; margin:0px 0px; width:130px}
.footer a:link, .footer a:visited, .footer a:active {color:#FFF; text-decoration:none}
.footer a:hover {color:#FFF; text-decoration:underline}

.credit {margin:0px auto; position:absolute; bottom:5px; left:132px;}
.credit p {padding-left:8px; margin:10px 0px; font-size:12px; color:#FFF}
.credit a:link, .credit a:visited, .credit a:active {color:#FFF; text-decoration:none; font-weight:bold;}
.credit a:hover {color:#000000; text-decoration:underline}

/* CSS Hack to position the main image, first one is IE, the second is other browsers */
.mainImage {position:absolute; top:156px; width:846px; border-right:8px solid #FFF; border-left:8px solid #FFF}
html>body .mainImage {position:absolute; top:156px; width:846px; border-right:8px solid #FFF; border-left:8px solid #FFF}




/*Clear fix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; zoom:1; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }