﻿body {
	height:100%;
	/*background-color:#09F;*/
	background: #0099ff url('images/Bkd.jpg') repeat-x top left;
	}

#container {
	width:760px;
	height:100%;
	padding:0;
	margin:0 auto;
	text-align:center;
	/*border:1px #CCC dotted;*/
	}

	#header {
		width:100%;
		height:180px; /* 360px */
		background:url('images/Bkd-760b.jpg')center center;
		padding:0;
		margin:0;
		}
	/* #header height:150px; 160px;
	background:url('images/BkdCairns2.jpg') no-repeat center -30px;
	background:url('images/CairnsHeader.jpg')left -30px ;
	background:url('images/Bkgd-760.jpg')center center;*/

	#navTop {
		width:100%;
		height:70px;
		padding:0;
		margin:0 0 20px 0;
		}
		
/*for category pages */		
	#sideCat {
		float:left;
		width:172px;
		padding:0;
		margin:0;
		text-align:center;
		}

		#navCol {
			width:100%;
			}
		
	#mainCat {
		float:right;
		width:575px;
		padding:0;
		margin:0;
		}

/*for property pages */			
	#side {
		float:left;
		width:230px; /*250px;*/
		/*border-right:1px #036 solid;*/
		padding:0;
		margin:0;
		}
		
	#main {
		float:right;
		width:470px; 
		padding:0;
		margin:0;
		}



/* -------------------------- LINKS ----------------------- */

a {
	color:#FF0;
	background-color:transparent;
	text-decoration:none;
	outline:none;
	}

a:visited {
	color:#FC0;
	background-color:transparent;
	outline:none;
	}

a:hover {
	color:#FC0;
	background-color:transparent;
	outline:none;
	}

a:active {
	color:#FCO;
	background-color:transparent;
	outline:none;
	}


/* --------------------------- SPACERS ----------------------------- */

div.spacer10 {
	clear:both;
	width:100%;
	height:10px;
	}

div.spacer20 {
	clear:both;
	width:100%;
	height:20px;
	}

div.spacer30 {
	clear:both;
	width:100%;
	height:30px;
	}

/* -------------------------- NAVIGATION MAIN (HORIZONTAL) -------------------------- */


#navMain {
	width:758px;
	overflow:auto;
	padding:0;
	margin:0 auto 10px auto;
	text-align:center;
	/*border:1px #690 solid;*/
	}
	
	.navMain-s {
		float:left;
		display:inline;
		list-style-type:none;
		width:125px;
		height:65px;
		font:bold 12pt Arial, Helvetica, sans-serif;
		color:orange;
		background-color:transparent;
		padding:5px 0 0 0;
		margin:0;
		/*border:1px pink solid;*/
		}
		
	.navMain-s span {
		font-size:9pt;
		}

	.navMain-s a:visited {
		color:#FF0;
		text-decoration:none;
		}

	.navMain-s a:link {
		color:#FF0;
		text-decoration:none;
		}

	.navMain-s a:active {
		color:#FC0;
		text-decoration:none;
		}

		
	.navMain-s a:hover {
		color:#FC0;
		text-decoration:none;
		}

		
.divider {
	float:left;
	width:1px;
	height:60px;
	color:#333;
	background:url('images/LineVertical.gif');
	padding:0;
	margin:0;
	}


/* -------------------------- h1 ----------------------- */
 
h1 {
	font:bold 16pt Arial, Helvetica, sans-serif;
	color:#444;
	background-color:transparent;
	letter-spacing:.1em;
	text-align:center;
	padding:0;
	margin:5px 0 0 0;
	}


/* ----------- see mav links + category pgs ----------- */
h2 {
	font:bold 14pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:center;
	padding:0;
	margin:5px 0;
	}

	#mainCat h2 {
		font:bold 12pt Arial, Helvetica, sans-serif;
		color:#555;
		background-color:transparent;
		text-align:center;
		letter-spacing:.1em;
		text-transform:capitalize;
		padding:0;
		margin:5px 0;
		}

h3 {
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#030;
	background-color:transparent;
	text-align:center;
	padding:0;
	margin:10px 0;
	}

h4 {
	font:bold small Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	letter-spacing:.1em;
	text-align:left;
	padding:0;
	margin:10px 0 10px 20px;
	}

p {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:justify;
	padding:0;
	margin:0 20px 5px 20px;
	}


	p.center {
		text-align:center;
		}

img {
	border:none;
	}


	img.top {
		float:right;
		padding:0;
		margin:5px 10px 20px 0;
		outline:none;
		}


/* ----------------------------- HOTEL MAIN CONTENT ----------------------------- 

#addressBox {
	width:100%;
	height:100px;
	}

#addressBoxA {
	float:left;
	width:49%;
	}

#addressBoxA h2 {
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#333666;
	background-color:transparent;
	text-align:center;
	padding:0;
	margin:1em 0 0 0;
	letter-spacing:2px;
	}

#addressBoxA h3 {
	font:normal x-small normal Arial, Helvetica, sans-serif;
	color:#333666;
	background-color:transparent;
	text-align:center;
	padding:0;
	margin:0px 0 0 0;
	letter-spacing:1px;
	}

#addressBoxA div#stars {
	width:100%;
	padding:0;
	margin:10px 0;
	text-align:center;
	outline:none;
	}


 -------------------------------------------------- */

#hotelName {
	width:100%;
	height:auto;
	color:#CCC;
	background-color:#036;
	padding:2px 0 0 0;
	margin:0;
	}

img#mainPhoto {
	float:left;
	border:2px #369 solid;
	padding:0;
	margin:0 20px 5px 20px;
	}

p.address {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#CCC;
	background-color:transparent;
	text-align:center;
	letter-spacing:.1em;
	padding:0 0 5px 0;
	margin:0;
	}

/* ----------------------------- ENQUIRY / BOOKING ----------------------------- */

.enqBkgContainer {
	/*clear:both;*/
	width:84%;
	height:50px;
	padding:0;
	margin:20px auto;
	text-align:center;
	border:3px red sollid;
	}

	.enqBkg1, .enqBkg2 {
		float:left;
		width:47%;
		font:bold 10pt Arial, Helvetica, sans-serif;
		color:#333;
		background-color:#036;
		text-align:center;
		padding:10px 0;
		margin:0;
		}

	.enqBkg2 {
		float:right;
		}

	.enqBkg1 span, .enqBkg2 span {
		font-weight:normal;
		font-size:8pt;
		}



	.enqBkg1 a, .enqBkg2 a {
		color:#FF0;
		background-color:transparent;
		}

	.enqBkg1 a:visited, .enqBkg2 a:visited {
		color:#FF0;
		background-color:transparent;
		}

	.enqBkg1 a:hover, .enqBkg2 a:hover {
		color:#FC0;
		background-color:transparent;
		}

	.enqBkg1 a:active, .enqBkg2 a:active {
		color:#FC0;
		background-color:transparent;
		}


/* ----------------------------- TABLE PHOTOS ----------------------------- */
.tablePhotos {
	clear:both;
	width:90%;
	border:border-collapse;
	padding:0;
	margin:10px auto;
	text-align:center;
	}

.tablePhotos th {
	width:50%;
	border:border-collapse;
	font:small Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	padding:5px 0 0 0;
	margin:0;
	text-align:center;
	}

.tablePhotos td {
	width:50%;
	border:border-collapse;
	padding:0;
	margin:0;
	text-align:center;
	}

	.tablePhotos td img {
		border:2px #369 solid;
		padding:0;
		margin:5px 0;
		outline:none;
		}


/* ----------------------------- FEATURES ----------------------------- */

ul.features {
	width:100%;
	list-style-type:circle;
	padding:0 0 5px 0;
	margin:0 0 10px 0; 
	}


ul.features li.heading {
	list-style-type:none;
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#CCC;
	background:transparent;
	text-align:left;
	padding:5px 0;
	margin:0 0 5px 0;
	}

ul.features li {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:0 0 2px 20px;
	}



/* ----------------------------- TABLE RATES ----------------------------- */

.tableRates {
	clear:both;
	width:98%;
	border-collapse:collapse;
	border:1px solid #036;
	background-image:url(images/Bkgd-blue.gif);
	padding:0;
	margin:10px auto;
	text-align:center;
	}

.tableRates th {
	font:10pt Arial, Helvetica, sans-serif;
	height:25px;
	color:#EFEFC2;
	background:#036 url('images/images/Bkgd-blue.gif') repeat-x 0 bottom;
	text-align:center;
	padding:2px 0;
	margin:0;
	border:1px solid #036;
	}

.tableRates th.small {
	font-size:8pt;
	}




.tableRates td.extended {
	letter-spacing:.2em;
	}

.tableRates td {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:center;
	height:35px;
	padding:0;
	margin:0;
	border:1px solid #036;
	}

.tableRates td.config {
	font:normal 8pt Arial, Helvetica, sans-serif;
	}

.tableRates td span {
	font-size:8pt;
	}



/* ----------------------------- CURRENCY ----------------------------- */

div#currency {
	width:60%;
	height:20px;
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	padding:8px 0;
	margin:0 auto 10px auto;
	text-align:center;		
	letter-spacing:.3em;
	}

div#currency a {
	color:#FF0;
	background-color:transparent;
	}

div#currency a:hover {
	color:#FC0;
	background-color:transparent;
	}


/* ----------------------------- OPTIONS ----------------------------- */

ul.Options {
	clear:both;
	margin:10px 0 0 20px;
	padding:0;
	}

ul.options {
	clear:both;
	margin:10px 0 0 20px;
	padding:0;
	}

ul.Options li {
	list-style-type:disc;	
	font:10pt Arial, Helvetica, sans-serif;
	color:#333;
	background:transparent;
	margin:0 0 2px 0;
	padding:0;
	text-align:left;
	}


ul.options li {
	list-style-type:disc;	
	font:10pt Arial, Helvetica, sans-serif;
	color:#333;
	background:transparent;
	margin:0 0 2px 0;
	padding:0;
	text-align:left;
	}


/* ----------------------------- DISCLAIMER ----------------------------- */

ul.Disclaimer {
	list-style-type:none;
	font:8pt Arial, Helvetica, sans-serif;
	color:#333;
	background:transparent;
	text-align:center;
	margin:10px 0 30px 0;
	padding:0;
	}

ul.Disclaimer li {
	margin:0;
	padding:0;
	}

/* ----------------------------- CONTACT BOTTOM ----------------------------- */

ul#contactBottom {
	clear:both;
	padding:0;
	margin:20px auto;
	text-align:center;
	}

ul#contactBottom li {
	list-style-type:none;
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#808080;
	background-color:transparent;
	background-image:none;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	}

ul#contactBottom li span {
	margin-left:20px;
	}

ul#contactBottom li span.name {
	font-size:9pt;
	letter-spacing:.2em;
	font-weight:bold;
	}

ul#contactBottom li span.small {
	font-size:x-small;
	}

/* ----------------------------- NAV BOTTOM ----------------------------- */

ul#navBottom {
	clear:both;
	padding:0;
	margin:10px auto 20px auto;
	text-align:center;
	}

ul#navBottom li {
	list-style-type:none;
	display:inline;
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:center;
	padding:0;
	margin:0;
	}

ul#navBottom li.pike {
	padding:0 10px;
	}

ul#navBottom li a {
	color:#F90;
	background-color:transparent;
	}

ul#navBottom li a:hover {
	color:#960;
	background-color:transparent;
	}

div.hr {
	clear:both;
	width:80%;
	height:10px;
	color:#F90;
	background-color:transparent;
	border-top:none;
	border-right:none;
	border-bottom:.5px solid #F90;
	border-left:none;
	margin:0 auto 20px auto;
	text-align:center;
	}


/* ---------------- IF USING CONTAINER BOX ------------------------*/

div.features {
	clear:both;
	width:86%;
	padding:0;
	margin:0 auto;
	text-align:center;
	}

div.features ul.right {
	float:left;
	width:48%;
	list-style-type:circle;
	padding:0 0 5px 0;
	margin:0 0 10px 0; /* 0 0 10px 20px */
	}

div.features ul.left {
	float:left;
	width:48%;
	list-style-type:circle;
	padding:0 0 5px 0;
	margin:0 0 10px 0; /* 0 0 10px 20px */
	}

div.features ul.right {
	float:right;
	margin:0 0 10px 0; /* 0 20px 10px 0 */
	}

div.features ul.right li.heading {
	list-style-type:none;
	font:10pt Arial, Helvetica, sans-serif;
	color:#EFEFC2;
	background:#690 url('images/Bkd-green.jpg') repeat-x 0 bottom;
	height:100%;
	text-align:center;
	padding:7px 0;
	margin:0 0 5px 0;
	}

div.features ul.left li.heading {
	list-style-type:none;
	font:10pt Arial, Helvetica, sans-serif;
	color:#EFEFC2;
	background:#690 url('images/Bkd-green.jpg') repeat-x 0 bottom;
	height:100%;
	text-align:center;
	padding:7px 0;
	margin:0 0 5px 0;
	}

div.features ul.right li {
	font:small Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:0 0 2px 50px;
	}


div.features ul.left li {
	font:small Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:0 0 2px 50px;
	}


/* --------------------------------- MISCELLANEOUS -------------------------------- */

div#important {
	width:85%;
	background-color:#930;
	padding:10px;
	margin:10px auto;
	text-align:center;
	}

div#important h3 {
	font-size:small;
	color:#EEE;
	padding:0;
	margin:0;
	}

			
/* ----------------------------- BOTTOM CONTACT ----------------------------- */


#BottomContact {
	clear:both;
	width:660px;
	margin:0 auto 1em auto;
	text-align:center;
	padding:.5em 0 0 0;
	/*background:url('images/Bkd-wrapper-Bottom2.gif') repeat-x top;*/
	}

	#BottomContact p {
		font:.65em Arial,Helvetica,sans-serif;
		color:#333;
		background-color:transparent;
		text-align:center;
		margin:0;
		padding:0;
		letter-spacing:.05em;		
		}

	#BottomContact p.medium {
		font-size:.7em;
		}

	#BottomContact p.compact {
		letter-spacing:0;
		}

	#BottomContact  p.mpower {
		font-size:.7em;
		text-transform:uppercase;
		letter-spacing:.3em;
		margin:.5em auto;
		}

	#BottomContact  a {
		color:#666;
		background-color:transparent;
		text-decoration:underline;
		outline:none;
		}

	#BottomContact img {
		padding:0 20px 0 0;
		}
		

/* --------------------------------------- */

.criteria {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:left;
	margin:5px 10px;
	}

.criteria span {
	font-weight:bold;
	}


p.goTo {
	float:right;
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#ff0000;
	background-color:transparent;
	padding:0;
	margin:10px 20px 10px 0;
	}

	a.goTo:link {
		color:#FF9900;
		background-color:transparent;
		text-decoration:none;
		}
	
	a.goTo:visited {
		color:#CC9900;
		background-color:transparent;
		text-decoration:none;
		}
	
	a.goTo:hover {
		color:#FFCC00;
		background-color:transparent;
		text-decoration:none;
	}
	a.goTo:active {
		color:#FFCC00;
		background-color:transparent;
		text-decoration:none;
		}

/* ------------------------- INCLUDE PAGES ---------------------------- */

.hotelSummary {
	clear:both;
	width:100%;
	overflow:hidden;
	background:url('images/Bkd-Green475b.jpg');
	padding:0 0 10px 0;
	margin:0 auto 20px auto;
	text-align:center;
	}

	
.hotelSummary .top{
	width:100%;
	background:#663 url('images/Bkgd-Brown475.jpg');
	margin:0;
	padding:0;
	}


	.hotelSummary .top h3 {
		font:bold 11pt Verdana, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#DDD;
		background-color:transparent;
		padding:10px 0;
		margin:0;
		text-align:center;
		}
		

	.hotelSummary .left {
		float:left;
		width:25%;
		margin:0;
		padding:0;
		}
	
		.hotelSummary .left img {
			float:right;
			padding:0;
			margin:10px auto;
			border:2px solid #360;
			}
	

	.hotelSummary .right {
		float:right;
		width:70%;
		min-height:140px;
		margin:0;
		padding:0;
		/*border:1px solid #F90;*/
		}

		.hotelSummary h3 {
			font:bold 12pt Verdana, Arial, Helvetica, sans-serif;
			color:#EEE;
			background-color:transparent;
			text-transform:uppercase;
			letter-spacing:.1em;
			text-align:center;
			padding:0;
			margin:5px 0;
			}

		.hotelSummary h4 {
			font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
			color:#009;
			background-color:transparent;
			text-transform:capitalize;
			letter-spacing:.1em;
			text-align:center;
			padding:0;
			margin:10px 5px 0 5px;
			}

		.hotelSummary h5 {
			font:normal 10pt Verdana, Arial, Helvetica, sans-serif;
			color:#009;
			background-color:transparent;
			text-align:center;
			padding:0;
			margin:0 5px 10px 5px;
			}

		
	.hotelSummary p {
		font:normal 10pt Arial, Helvetica, sans-serif;
		color:#333;
		background-color:transparent;
		padding:0;
		margin:0 10px 5px 0;
		text-align:justify;
		}

	.hotelSummary p.more{
		text-align:right;
		}

.hotelSummary a {
	color:#FF0;
	background-color:transparent;
	}
	
	.hotelSummary a:visited {
		color:#963;
		background-color:transparent;
		}
	
	.hotelSummary a:hover {
		color:#FC0;
		background-color:transparent;
		}
	
	.hotelSummary a:active {
		color:#FC0;
		background-color:transparent;
		}

/* ------------------------- CATEGORY PAGE ----------------------------- */

#mainCat img#main {
	float:left;
	padding:0;
	margin:10px 25px;
	border:0;
	}
	
#mainCat p.intro {
	color:#FFF;
	background-color:transparent;
	}


/* ------------------------------------- SITE MAP -------------------------------------- */			

	 div#contentSiteMap {
	 	width:100%;
	 	border:1px #666 solid;
	 	}

		 div#contentSiteMap #colLeft1 {
		 	float:left;
		 	width:49%;
		 	}

		 div#contentSiteMap #colRight1 {
		 	float:right;
		 	width:49%;
		 	border-left:1px #666 solid;
		 	}




		 div#contentSiteMap .colLeft {
		 	padding:0;
		 	margin:0 0 20px 0
		 	}
	
		 div#contentSiteMap .colRight {
		 	padding:0;
		 	margin:0 0 20px 0
		 	}


		 div#contentSiteMap .colRight h1, div#contentSiteMap .colRight h1 {
		 	font: bold 12pt Verdana Helvetical sans-serif;
		 	text-transform: uppercase;
		 	color:#555;
		 	background-color:transparent;
		 	letter-spacing:0;
		 	text-align:center;
		 	}

		 div#contentSiteMap h2 {
		 	color:#555;
		 	background-color:transparent;
		 	letter-spacing:0;
		 	padding:0;
		 	margin:20px 0;
		 	}
	
		 div#contentSiteMap .colLeft h2, 
		 div#contentSiteMap .colRight h2, 
		 div#contentSiteMap .colLeft h2 a, 
		 div#contentSiteMap .colRight h2 a, {
		 	font: bold 12pt Verdana Helvetical sans-serif;
		 	color:#555;
		 	background-color:transparent;
		 	letter-spacing:0;
		 	text-align:center;
		 	}
		 	






