﻿body {
	padding:0;
	margin:20px 0 0 0;
	}

#container {
	width:740px;
	height:auto;
	/*background:url('images/Bkd-MG2.jpg') repeat-x center top;*/
	background:#FFF url('images/VanessaFig.jpg') no-repeat 0 60px;
	padding:0;
	margin:0 auto;
	text-align:center;
	}
	
	/*
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	*/

/* -------------------------------- HEADER -------------------------------- */

#Header {
	width:100%;
	padding:0;
	margin:0 0 20px 0;
	background-color:#868F8F; /* AF999C; A7AFA4; AAA 6A616F */
	overflow:auto;
	}

	#Header1, #Header2 {
		float:left;
		width:49%;
		font:10pt Arial, Helveica, sans-serif;
		text-align:center;
		letter-spacing:.1em;
		text-indent:20px;
		padding:0;
		margin:5px 0 10px 0;
		}
		
	#Header2 {
		float:right;
		}

	#Header1 a, #Header2 a {
		color:#DDD;
		background-color:transparent;
		text-decoration:none;
		outline:none;
		}

	#Header1 a:hover, #Header2 a:hover {
		color:#DFB5D5;
		background-color:transparent;
		text-decoration:none;
		outline:none;		
		}

#Header h1 {
	font:bold 12pt Arial, Helveica, sans-serif;
	color:#CCC;
	background-color:transparent;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.2em;	
	margin:10px 0 0 0;
	padding:0;
	}

/* --------------------------------------------------------- */

h1 {
	font: normal 16pt "Comic Sans MS";
	color: #F90; /*#887D8F #6A616F B8C0B5;*/;
	background-color: transparent;
	text-align: center;
	letter-spacing: .3em;
	margin: 0;
	padding: 0;
}

	h1 span {
		font:bold 24pt "Comic Sans MS";
		color:#C30;
		background-color:transparent; 
		letter-spacing:.2em;	
		margin:0;
		padding:0;
		}


h2 {
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#AAA; /*#B8C0B5;*/
	background-color:transparent;
	text-align:center;
	padding:5px 0 ;
	margin:0;	
	}


h3 {
	font:bold .8em Arial,Helvetica,sans-serif;
	color:red; 
	background-color:transparent;
	text-align:center;
	letter-spacing:.3em;	
	text-transform:uppercase;
	margin:2em 0 10px 0; 
	padding:0;
	}


h4 {
	font:bold 9pt Arial,Helvetica,sans-serif;
	color:#444; 
	background-color:transparent;
	text-align:left;
	text-transform:uppercase;
	margin:15px 0 5px 0; 
	padding:0;
	}


/*
p {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#CCC;
	background:transparent; 
	text-align:justify;
	padding:0;
	margin:0 20px 10px 20px;
	}

		
	
	p.top a {
		color:#025;
		background:transparent; 
		text-decoration:none;
		}
		
	p.top a:hover {
		color:#EEE;
		background:transparent; 
		text-decoration:none;
		}
*/

/* ------------------- INTRODUCTION ------------------- */

#introductionBox {
	width:85%;
	height:170px;
	overflow:scroll;
	color:#444;
	background:#F5F5F3 url('images/Vanessa.gif') no-repeat 280px -140px;
	padding:0;
	margin:10px auto 0 auto;
	text-align:center;
	border-top:1px #CCC solid;
	border-right:1px #EEE dotted;
	border-bottom:1px #EEE dotted;
	border-left:1px #CCC solid; 
	}
	
#introductionBox ul {
	width:350px;
	list-style-type:none;
	padding:0 0 10px 60px;
	margin:0 auto;	
	text-align:center;
	}
	
#introductionBox ul li {
	font:normal 10pt Arial,Helvetica,sans-serif;
	color:#333;
	background-color:transparent; 
	padding:0;
	margin:5px 0 0 20px;
	text-align:left;
	}

#introductionBox ul li span {
	font-weight:bold;
	}

	#introductionBox p.introCenter {
		font:italic normal normal 10pt Arial, Helvetica, sans-serif;
		color:#369;
		background-color:transparent;
		padding:0;
		margin:5px 20px;
		text-align:center;
		}
	
	#introductionBox h2 {
		font:bold 10pt Arial, Helvetica, sans-serif;
		color:#555;
		background-color:transparent;
		text-transform:uppercase;
		padding:10px 0 0 0 ;
		margin:0;	
		text-align:center;
		letter-spacing:.2em;		
		}
	
	#introductionBox p {
		width:550px;
		font:normal 10pt Arial, Helvetica, sans-serif;
		color:#444;
		background-color:transparent;
		text-align:justify;
		padding:0;
		margin:10px auto;
		}

/* ------------------- TABLE BOOKMARKS ------------------- */

	p.bookmarkText {
	margin: 30px 20px 0 20px;
	text-align:center;
	}

#bookmarks {
	width:96%;
	overflow:auto;
	/*background:url('images/Bkd-MG3.jpg') repeat-x center -300px;*/
	padding:15px 0;
	margin:0 auto;
	text-align:center;
	}

	#bookmarks ul {
		float:left;
		list-style-type:none;
		width:48%;
		overflow:auto;
		padding:0;
		margin:0;	
		text-align:center;
		border-left:1px #333 dotted;
		}
	#bookmarks ul.left {
		border-left:none;
		}

	#bookmarks ul li, #bookmarks ul li.booked {
		font:normal 10pt Arial,Helvetica,sans-serif;
		color:#333;
		background-color:transparent; 
		padding:0;
		margin:5px 0 0 0;
		}
	
		#bookmarks ul li a {
			color:#F00;
			background:transparent; 
			text-decoration:none;
			outline:none;
			}
			
		#bookmarks ul li a:hover {
			color:#C30;
			background:transparent; 
			text-decoration:none;
			outline:none;
			}
							
		#bookmarks ul li.booked a, #bookmarks ul li.booked a:hover {
			color:#999;
			/* text-decoration:line-through; */
			outline:none;
			}
			
		#bookmarks ul li.booked span {
			color:#444;
			}

		
/* ----------------------------------- TABLE  HOTEL ------------------------------------ */


/* 1st Box - Top */
		.shadowBox1T {
			height:40px;
			background:url('images/Bkd-700shadow1T.gif') center;
			margin:0 auto;
			}
			
		.shadowBox2T {
			height:40px;
			background:url('images/Bkd-700shadow2T.gif')center center;
			margin:0 auto;
			}

.shadowBox {
	background:url('images/Bkd-700shadow.gif')center center;
	margin:0 auto;
	border-top:none;
	border-bottom:none;
	}

/* 2nd Box - Bottom */
		.shadowBox1B {
			height:40px;
			background:url('images/Bkd-700shadow1B.gif') center;
			margin:-5px auto 0 auto;
			}
			
		.shadowBox2B {
			height:40px;
			background:url('images/Bkd-700shadow2B.gif')center center;
			margin:-5px auto 0 auto;
			}

		
/* ----------------------------------------------------- */		
		
		
.hotelBox1, .hotelBox2 {
	width:700px;
	height:auto;
	color:#444;
	background-color:#EEE;
	margin:0 auto;
	padding:0;
	border:1px solid #CCC;
	border-top:none;
	border-bottom:none;
	}

	.hotelBox2{
		color:#444;
		background-color:#FFF; 
		}

.hotelBox1 .innerBorder, .hotelBox2 .innerBorder {
	width:640px;
	/*border:1px #CCC solid;*/
	padding:0;
	margin:0 auto;
	text-align:center;
	}

/* ---------------------------------------------------------- */

	.hotelBox1 h1, .hotelBox2 h1 {
		display:block;
		font:bold 12pt Arial, Helveica, sans-serif;
		color:#EEE;
		background:#999; 
		height:23px;
		text-transform:uppercase;
		letter-spacing:.1em;	
		padding:0;
		margin:0 0 25px 0;
		text-align:center;
		}

	.hotelBox2 h1 {
		color:#EEE;
		background-color:#999;
		}

		.hotelBox1 h1 a, .hotelBox2 h1 a {
			display:block;
			width:100%;
			height:23px;
			color:#EEE;
			background:#999; 
			text-decoration:none;
			padding:5px 0;
			margin:0;
			outline:none;
			}

			.hotelBox2 h1 a {
				color:#EEE;
				background-color:#999;
				outline:none;
				}

		.hotelBox1 h1 a:hover, .hotelBox2 h1 a:hover {
			display:block;
			width:100%;
			height:23px;
			color:#EEE;
			background:#999; 
			text-decoration:none;
			padding:5px 0;
			margin:0;
			outline:none;
			}

			.hotelBox2 h1 a:hover {
				color:#EEE;
				background-color:#999;
				outline:none;
				}

/* ---------------------------------------------------------- */

.hotelBox1 p, .hotelBox2 p, p {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#444;
	background-color:transparent;
	text-align:justify;
	padding:0;
	margin:10px 0 0 0;
	}

.hotelBox1 a, hotelBox2 a {
	color:#444;
	background-color:transparent;
	text-decoration:none;
	outline:none;
	}

.hotelBox1 a:hover, .hotelBox2 a:hover {
	color:#444;
	background-color:transparent;
	text-decoration:none;
	outline:none;
	}


/* ------------------- TABLE  PHOTO ------------------- */


.tablePhoto {
	width:80%;
	border-collapse:collapse;
	padding:0;
	margin:15px auto;
	text-align:center;
	}

.tablePhoto td {
	width:100%;
	margin:0;
	padding:0;
	}
	
.tablePhoto img {
	float:left;
	width:120px;
	height:130px;
	border:10px solid #999;	
	margin:0 20px 0 0;
	padding:0;
	}

.tablePhoto p {
	clear:right;
	font:normal 10pt Arial,Helvetica,sans-serif;
	color:#444;
	background:transparent; 
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
	}

	.tablePhoto span.bold {
		font-weight:bold;
		}

	.tablePhoto p.center {
		text-align:center;
		margin-top:15px;
		}

	.tablePhoto p.note {
		color:#369;
		background-color:transparent;
		text-align:justify;
		}


	.tablePhoto a {
		color:#F30;
		background-color:transparent;
		text-decoration:none;
		outline:none;		
		}

	.tablePhoto a:hover {
		color:#C30;
		background-color:transparent;
		text-decoration:none;
		outline:none;
		}

/* ------------------- TABLE  RATES ------------------- */

.tableRates  {
	border-collapse:collapse;
	margin:0 auto 20px auto;
	padding:0;
	}

.tableRates td {
	width:50%;
	margin:0;
	vertical-align:top;	
	padding:10px 20px;
	border:1px solid #CCC;
	background-color:transparent; /* #003A8A; */
	}


.tableRates h2  {
	font:bold 10pt Arial,Helvetica,sans-serif;
	color:#444;
	background:transparent; 
	text-transform:uppercase;
	text-align:left;
	margin:0 0 5px 0;
	padding:0;	
	}
	
	.tableRates h2.highlight { 
		color:#444;
		background-color:transparent;
		text-align:center;
		}

.tableRates p {
	font:normal .75em Arial,Helvetica,sans-serif;
	color:#444;
	background:transparent; 
	margin:0 0 .3em 0;
	padding:0;	
	}
	
	.tableRates p.highlight {
		color:#444;
		background-color:transparent;
		text-align:center;
		}

.tableRates ul {
	list-style-type:disc;
	text-align:left;
	margin:0 5px 0 15px; 
	padding:0;
	}

.tableRates ul li  {
	font:normal .8em Arial,Helvetica,sans-serif;
	color:#444;
	background:transparent; 
	padding:0;
	margin:5px 0 0 0;
	text-align:left;
	}

.tableRates ul li span {
	font-weight:bold;
	color:#444;
	background-color:transparent;
	}
	
.tableRates td.soldOut {
	color:#CCCCCC !important;
	background:url('images/SoldOut-blue.gif') center 10px;
	}

.soldOut h2, .soldOut p, .soldOut ul li, .soldOut ul li span {
	color: #999 !important;
	background-color: transparent;
	}


/*

.tableRates-s h2
.tableRates-s p 
.tableRates-s ul 
.tableRates-s ul li
.tableRates-s ul li span 

.tableRates span.SOLDOUT, .tableRates span.SOLDOUT span {
	color:#444;
	background-color:transparent;
	}

.tableRates-s  {
	width:74%;
	border-collapse:collapse;
	margin:0 auto;
	padding:0;
	}

.tableRates-s td {
	width:100%;
	margin:0;
	padding:5px 5px 5px 40px;
	border:1px #CCC solid;
	background-color:transparent; 
	}

*/

/* -------------------------  ENQIRY BOOKING - BUTTONS ------------------------- */

.hotelBox1 .enqBkg, 
.hotelBox2 .enqBkg {
	clear:both;
	width:80%;
	height:60px;
	padding:0;
	text-align:center;
	margin:20px auto;
	}


.hotelBox1 .enqBkgL, .hotelBox1 .enqBkgR,
.hotelBox2 .enqBkgL, .hotelBox2 .enqBkgR {
	float:left;
	width:200px;
	height:20px;
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#444;
	background:#B8C0B5; /* lightish green #D1DFA7 */
	text-align:center;
	margin:10px 0 10px 20px;
	padding:10px 0;
	border:1px solid #CCC; 
	}

/*
.hotelBox2 .enqBkgL, .hotelBox2 .enqBkgR {
	background:#E8EFD1; 
	}
*/

.hotelBox1 .enqBkgR,
.hotelBox2 .enqBkgR {
	float:right;
	margin:10px 20px 10px 0;
	}


.hotelBox1 .enqBkgL a, .hotelBox1 .enqBkgR a, 
.hotelBox2 .enqBkgL a, .hotelBox2 .enqBkgR a {
	color:#444;
	background-color:transparent;
	text-decoration:none;
	outline:none;
	}

	.hotelBox1 .enqBkgL a:hover, .hotelBox1 .enqBkgR a:hover,
	.hotelBox1 .enqBkgL a:hover, .hotelBox1 .enqBkgR a:hover {
		color:#444;
		background-color:transparent;
		text-decoration:none;
		outline:none;
		}


/* -------------------------  OPTIONS / ADDITIONAL INFO ------------------------- */

ul.options{
	clear:both;
	list-style-type:none;
	text-align:left;
	padding:0;
	margin:0;	
	}

	ul.options li {
		font:9pt Arial,Helvetica,sans-serif;
		color:#444; 
		background:transparent; 
		text-align:left;
		margin:0 0 5px 0;
		padding:0;
		}
	
		ul.options span {
			font-size:9pt;
			font-weight:bold;
			text-transform:uppercase;
			}


ul.bookings {
	clear:both;
	list-style-type:disc;
	text-align:left;
	padding:0;
	margin:0 0 0 10px;	
	}

	ul.bookings li {
		font:9pt Arial,Helvetica,sans-serif;
		color:#444; 
		background:transparent; 
		text-align:left;
		margin:0 0 5px 0;
		padding:0;
		}


.tableHotel1 p.important, .tableHotel2 p.important {
	color:#444;
	background-color:transparent;
	font-style:italic;
	}

/* ---------------------------------------------------------------------------- */

	.top {
		height:30px;
		font:10pt Arial, Helvetica, sans-serif;
		color:#F00;
		background:transparent; 
		padding:10px 0 0 0;
		margin:0;
		text-align:center;
		}
		
	.top a, .top a:visited {
		color:#F00;
		background:transparent; 
		text-decoration:none;
		outline:none;
		}


/* ----------------------------------- CONTACT DETAILS (shared about M-power) ----------------------------------- */

#contactDetails {
	margin:0;
	padding:0;
	}

p.mPower {
	font:.75em Arial, Helvetica, sans-serif;
	color:#666; 	
	background-color:transparent;
	padding:0;
	margin:.5em auto 0 auto;
	text-align:center;
	letter-spacing:.3em;
	}
	
ul.contactDetailsNumbers, ul.contactDetailsLicence {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	}

	ul.contactDetailsNumbers li, ul.contactDetailsLicence li {
		display:inline;
		font:.6em Arial, Helvetica, sans-serif;
		color:#666; 	
		background-color:transparent;
		padding:0;
		margin:0 1em 0 0;
		text-align:center;
		text-indent:1em;
		}

	ul.contactDetailsNumbers li a, ul.contactDetailsLicence li a {
		color:#666; 	
		background-color:transparent;
		text-decoration:none;
		outline:none;
		}

	ul.contactDetailsNumbers li a:hover, ul.contactDetailsLicence li a:hover {
		color:#F00; 	
		background-color:transparent;
		outline:none;
		}

ul.contactDetailsNumbers li {
	font-size:.7em;
	letter-spacing:.05em;
	}

ul.contactDetailsNumbers li span {
	font-weight:bold;
	}

p.address {
	font:.7em Arial, Helvetica, sans-serif;
	color:#666; 	
	background-color:transparent;
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
	letter-spacing:.1em;
	}	

p.copyright {
	font:.5em Arial, Helvetica, sans-serif;
	color:#666; 	
	background-color:transparent;
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
	letter-spacing:.3em;
	}


/* ---------------------------------------------------------------------------- */

.currency {
	font:10pt Arial, Helvetica, sans-serif;
	color:#F00;
	background:transparent; 
	letter-spacing:.2em;
	height:20px;
	padding:0;
	margin:0;
	text-align:center;
	}

.currency a {
	color:#F00;
	background:transparent; 
	text-decoration:none;
	outline:none;
	}

.currency a:hover {
	color:#FFC;
	background:transparent; 
	text-decoration:none;
	outline:none;
	}

	.spacer1 {
		height:1px;
		}
		
	.spacer10 {
		height:10px;
		}
	.spacer20 {
		height:20px;
		}
	.spacer30 {
		height:30px;
		}
		
	.spacer40 {
		height:40px;
		}
	.spacer50 {
		height:50px;
		}

/* ------------------------------------------------------- */

#comingSoon {
	width:500px;
	background-color: #993300;
	padding: 10px;
	margin:10px auto;
	text-align:center;
	}
	
	#comingSoon h1 {
		font: bold 16pt Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		background-color: transparent;
		padding:0;
		margin: 0;
		text-align:center;
		}
		
	#comingSoon h2 {
		font: bold 14pt Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		background-color: transparent;
		padding:0;
		margin: 0;
		text-align:center;
		}

	#comingSoon p {
		font: normal 10pt Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		background-color: transparent;
		padding:0;
		margin: 0;
		text-align:center;
		}


