body {
/* background: #0099FF url('../images/Bkd2.jpg') fixed repeat-x; */
}

#shadow {
	width:900px;
	height:100%;
	background:#FFF url('../images/BkdShadow.gif') ;
	margin:10px auto;
	text-align:center;
	}
	
#container {
	width:800px !important;
	margin:0 auto;
	text-align:center;
	border:1px #999 solid;
	}

#containerInner {
	width:780px !important;
	margin:15px auto;
	text-align:center;
	/*border:5px #FF0 solid;*/
	}

	#header {
	height:100%; /* total 220px */
	}
			#navQld {
			height:40px;
			background-color:#FFF; /*45ACDF*/
			}
						
			#banner {
			height:130px;
			background: url('../images/Banner.jpg') no-repeat center top;
			}
				#banner h1 {
				font:bold 14pt Verdana, Arial, Sans-serif;
				color:#FFF;
				padding:70px 20px 0 0;
				margin:0;
				text-align:right;
				}
				#banner h2 {
				font: bold 10pt Verdana, Arial, Sans-serif;
				color: #666; /* EEE */;
				padding: 0;
				margin: 0 20px 0 0;
				text-align: right;
			}

			#navCairns {
			height:50px;
			}


#content, #contentLanding {
	height:650px; /* 630 + 220 = 850 */
	padding:20px 0;
	/*border:1px red solid;*/
	}
	#contentLanding {
	/*margin-top:30px;*/
	}


/* ------------ HOTEL PAGES AND LANDING PAGE (HORIZONAL STYLE) ------------ */	
		
	#contentCol {
		float:left;
		width:23%; 
		height:650px;
		background:url('../images/Bkd-sand1000b.jpg') repeat-x 0 0;
		margin-top:0;
		/*background:url('../images/Bkd-sand800.jpg') repeat-x 0 35px;*/
		/* border-right:1px #CCC solid; */
		/* background-color:#CCC; -- #96DBFC; */
		/*margin-right:20px;*/
		}
			
	#contentMain {
		float:right;
		width:75%; 
		height:650px;
		}
	#contentMainInner {
		clear:both;
		height:625px;
		overflow:auto;
		/*border-bottom:1px #CCC solid;*/
		}

/* added to content div on landing pages */
.landingPage {
	overflow:auto;
	}

/* --------------------------- MAP --------------------------- */
	
#contentCol #map {
	width:170px; /* 22% = 171px */
	min-height:230px;
	height:auto;
	background-color:transparent;
	margin:0 auto;
	text-align:center;
	}
	
	#contentCol #map h3 {
		font:bold 8pt Arial, Helvetica, sans-serif;
		color:#666;
		background-color:transparent;
		padding:5px 0 0 0;
		margin:0;
		text-align:center;
		}
	#contentCol #map h3.condensed {
		font:bold 8pt Arial Narrow, Helvetica, sans-serif;
		}

	#contentCol #map h3.condensed2 {
		font:bold 8pt Arial Narrow, Helvetica, sans-serif;
		letter-spacing:-.1em;
		}
		
	#contentCol #map p {
		font:normal 8pt Arial, Helvetica, sans-serif;
		color:#333;
		background-color:transparent;
		padding:0 0 7px 0;
		margin:0;
		text-align:center;
		}
	#contentCol #map a {
		color:#333;
		background-color:transparent;
		}
	#contentCol #map a span {
		font-weight:bold;
		color:#F90;
		background-color:transparent;
		}

/* --------------------- LEFT HAND COLUMN INFO BOXES--------------------------- */

/*
#contentCol .infoBlock {
	width:170px;
	height:auto;
	background-color:#FC0;
	padding:10px 0;
	margin:20px auto;
	text-align:center;
		border-top:1px #FF0 solid;
		border-right:1px #C96 solid;
		border-bottom:1px #C96 solid;
		border-left:1px #FF0 solid;
	}
*/

/* '#content #contentCol' needed ot override '#content' on Layout.css */

	#content #contentCol h3 {
			font:normal 9pt Arial, Helvetica, sans-serif;
			color:#666;
			background-color:transparent;
			padding:0;
			margin:0;
			text-align:center;
			}
			#content #contentCol h3 span {
				font:bold 10pt Arial, Helvetica, sans-serif;
				}

			#content #contentCol h3 a, #content #contentCol h3 a:visited {
					color:#F90;
					background-color:transparent;
					text-decoration:none;
					}
			#content #contentCol a:hover, #content #contentCol a:active {
					color:#F90;
					background-color:transparent;
					}

	#content #contentCol p {
			font:bold 8pt Arial, Helvetica, sans-serif;
			color:#666;
			background-color:transparent;
			padding:0;
			margin:0;
			text-align:center;
			}

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

#landingColBox {
	padding:0;
	margin:0 auto 30px auto;
	height:auto;
	/*border:1px red solid;*/
	}
	
	#landingColA, #landingColB {
		float:left;
		width:270px; /* 260px 47% -- 366px was 370px */
		padding:0;
		margin-right:10px;		
		}
		#landingColB {
		margin-right:0;
		}

/*
#middleCol {
float:left;
width:10px;
height:100px;
}
*/

div.clear {
clear:both;
}

/* ---------------------- SITE MAP ---------------------- 

#contentInnerScroll {
	overflow:auto;	
	height:600px;
	padding:10px 0;
	border-bottom:1px #999 solid;
	}
	

 -------------------------- 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:#FC0;
	background-color:transparent;
	outline:none;
	}

/* -------------------------- QUEENSLAND NAVIGATION BAR (HORIZONTAL) -------------------------- */

/* 	see #page #pageNav above -- height=60px; margin-bottom=10px */
/* removed #page from navBarTabs */

	.navTab {
		width:110px; 
		float:left;
		background-color:#4CAAE8;
		margin-right:2px;
		border-right:1px #CCC solid;
		border-bottom:1px #CCC solid;
		}
		
		.wide1 {
			width:140px;
			}
			
		.wide2 {
			width:115px;
			}
			
		.wide3 {
			width:140px;
			}
	
	
	#reef .reef, #qldBeach .qldBeach, #portDouglas .portDouglas, #palmCove .palmCove, 
	#whitsundays .whitsundays, #toursCruises .toursCruises, #conferences .conferences {
		background-color:#FFF; 
		border:1px #999 solid;
		border-bottom:none;
		}

	
	.navTab h1 {
		font:bold 8pt Arial, Helvetica, sans-serif;
		color:#369;
		background-color:transparent;
		text-align:center;
		padding:0;
		margin:3px 0; /* to change other h1's */
		}
		.navTab h1 span {
		font-size: 7pt;
		}
		.navTab h1 span.extended {
		font-size: 8pt;
		letter-spacing:.2em;
		}
		
		
	.navTab a:link, .navTab a:visited {
		color:#FFF;
		background-color:transparent;
		text-decoration:none;
		}
	.navTab a:hover  {
		color:#369;
		background-color:transparent;
		text-decoration:none;	
		}
	.navTab a:active {
		color:#369;
		background-color:transparent; 
		text-decoration:none;	
		}
		
	#reef .reef a, #qldBeach .qldBeach a, #portDouglas .portDouglas a, #palmCove .palmCove a, 
	#whitsundays .whitsundays a, #toursCruises .toursCruises a, #conferences .conferences a {
		color:#369;
		background-color:transparent;
		}


/* ------------------------------------ CAIRNS ROW - NAVIGATION BAR ------------------------------------ */

/* cairnsHome cairnsHotels cairnsApartments cairnsResorts cairnsBudget cairnsLuxury cairnsBeach */


	#navCairns .navTab, #navCairns .home {
		float:left;
		width:108px; /* 113px */ 
		height:30px;
		margin:10px 0 0 0;
		background-color:#96DBFC;
		border-right:1px #AAA solid;
		border-bottom:1px #AAA solid;
		}
	#navCairns .home {
		width:50px;
		height:29px;
		border:1px #999 solid;
		}
	#navCairns .wide {
		width:120px;
		}

		
	#home .home, #cairnsHotels .cairnsHotels, #cairnsApartments .cairnsApartments, #cairnsResorts .cairnsResorts, 
	#cairnsBudget .cairnsBudget, #cairnsLuxury .cairnsLuxury, #cairnsBeach .cairnsBeach  {
		background-color:#FFF;
		border:1px #999 solid;
		border-bottom:none;
		}

	#navCairns .navTabSpace {
		float:left;
		width:8px;
		height:30px;
		margin:10px 0 0 0;
		border-bottom:1px #AAA solid;
		}
		
	#navCairns .navTab h1 {
		font:bold 8pt Arial, Helvetica, sans-serif;
		color:#FF0;
		background-color:transparent;
		text-align:center;
		padding:0;
		margin:3px 0; /* to change other h1's */
		}
		#navCairns .navTab h1 span {
			font-size: 7pt;
			}
		#navCairns .navTab h1 span.extended {
			font-size: 8pt;
			letter-spacing:.2em;
			}

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

#navCairns .navTab a:link {
	color:#555;
	background-color:transparent;
	text-decoration:none;
	}

#navCairns .navTab a:visited {
	color:#555;
	background-color:transparent;
	text-decoration:none;
	}

#navCairns .navTab a:hover, #navCairns .navTab a:active {
	color:#808080;
	background-color:transparent;
	text-decoration:none;	
	}

/* ---------------------------------- HOME PAGE ---------------------------------- */
/* --------------- LEFT COL TOP --------------- */

#homeLeftCol {
float:left;
width:26%;
height:620px;
margin-right:20px;
background:url('../images/FrontPage/SeaChangeApts.jpg') no-repeat 0 0;
border-top:1px #666 solid;	
border-right:1px #CCC  solid;
border-bottom:1px #CCC solid;	
border-left:1px #666  solid;
}

		#homeLeftCol h1 {
		font:bold 16pt Arial, Helvetica, sans-serif;
		color:#FFF;
		background-color:transparent;
		padding:360px 0 0 0;
		margin:0;
		}
		#homeLeftCol h1 span {
		font:bold 10pt Arial, Helvetica, sans-serif;
		color:#FFF;
		background-color:transparent;
		padding:0;
		margin:0;
		letter-spacing:.1em;
		}

		#homeLeftCol h1 a, #homeLeftCol h1 a span,  
		#homeLeftCol h1 a:visited, #homeLeftCol h1 a:visited span {
		color:#FFF;
		background-color:transparent;
		}
		#homeLeftCol h1 a:hover, #homeLeftCol h1 a:hover span,
		#homeLeftCol h1 a:active, #homeLeftCol h1 a:active span {
		color:#FFC;
		background-color:transparent;
		text-decoration:underline;
		}

			#homeLeftCol ul {
			float:left;
			list-style-type:none;
			padding:0;
			margin:10px 0 0 20px; 
			/*border:1px red solid;*/
			}
			
				#homeLeftCol ul li  {
				font:bold 8pt Arial, Helvetica, sans-serif;
				color:#FFF;
				background-color:transparent;
				text-align:left;
				padding:0;
				margin:0 0 2px 5px;
				}

				#homeLeftCol ul li a, #homeLeftCol ul li a:visited  {
				color:#FFF;
				background-color:transparent;
				}
				#homeLeftCol ul li a:hover, #homeLeftCol ul li a:active  {
				color:#FFC;
				background-color:transparent;
				text-decoration:underline;
				}


/* --------------------------------------------- */
/* --------------- MIDDLE COL TOP --------------- */

#homeMiddleCol {
float:left;
width:35%;
height:620px;
}

	#homeMiddleCol-Top {
	height:400px;
	margin-bottom:20px;
	}
	
		#homeMiddleCol #homeMiddleCol-Top h3 {
		font:bold 10pt Arial, Helvetica, sans-serif;
		color:#333;
		background-color:transparent;
		margin-bottom:5px;
		padding:0;
		margin:0;
		text-align:center;
		text-transform:uppercase;
		}
		#homeMiddleCol #homeMiddleCol-Top p {
		font:normal 9pt Arial, Helvetica, sans-serif;
		color:#333;
		background-color:transparent;
		text-align:justify;
		margin:5px;
		}

/* --------------- MIDDLE COL BOTTOM --------------- */


	#homeMiddleCol-Bottom {
	height:200px;
	background:url('../images/FrontPage/RainforesRetreat.jpg') center;	
	background:url('../images/FrontPage/OrangeBirds2.jpg') 0 -80px;	
	background:url('../images/FrontPage/TropicalSunset2.jpg') -40px -70px;	
	background:url('../images/FrontPage/ResortInterior.jpg') 0 0;	
	border-top:1px #666 solid;	
	border-right:1px #CCC  solid;
	border-bottom:1px #CCC solid;	
	border-left:1px #666  solid;
	}

		#homeMiddleCol-Bottom h1 {
		font:bold 14pt Arial, Helvetica, sans-serif;
		color:#FFF;
		background-color:transparent;
		padding:120px 10px 0 10px;
		margin:0;
		text-align:left;
		text-transform:uppercase;	
		}
		#homeMiddleCol-Bottom h1 a {
		color:#FFF;
		background-color:transparent;
		}
			#homeMiddleCol-Bottom h1 a, #homeMiddleCol-Bottom h1 a:visited {
			color:#FFF;
			background-color:transparent;
			}
			#homeMiddleCol-Bottom h1 a:hover, #homeMiddleCol-Bottom h1 a:active {
			color:#FFC;
			background-color:transparent;
			text-decoration:underline;
			}


			#homeMiddleCol-Bottom ul#left, #homeMiddleCol-Bottom ul#right {
			float:left;
			width:46%;
			list-style-type:none;
			padding:0;
			margin:0 0 0 10px; 
			/*border:1px red solid;*/
			}
			#homeMiddleCol-Bottom ul#right {
			float:right;
			margin-right:0;
			}
			
				#homeMiddleCol-Bottom ul#left li, #homeMiddleCol-Bottom ul#right li  {
				font:bold 8pt Arial, Helvetica, sans-serif;
				color:#FFF;
				background-color:transparent;
				text-align:left;
				padding:0;
				margin:0 0 2px 0;
				}
			

						#homeMiddleCol-Bottom ul#left li a, #homeMiddleCol-Bottom ul#left li a:visited,
						#homeMiddleCol-Bottom ul#right li a, #homeMiddleCol-Bottom ul#right li a:visited  {
						color:#FFF;/*#ECC2EF*/
						background-color:transparent;
						}
						#homeMiddleCol-Bottom ul#left li a:hover, #homeMiddleCol-Bottom ul#left li a:active,
						#homeMiddleCol-Bottom ul#right li a:hover, #homeMiddleCol-Bottom ul#right li a:active  {
						color:#FFC;
						background-color:transparent;
						text-decoration:underline;
						}
						
				#homeMiddleCol-Bottom ul#rightBottom ul li.more {
				list-style-type:none;
				text-align:right;
				margin-right:30px;
				}

	
/* --------------------------------------------- */
/* --------------- RIGHT COL TOP --------------- */

#homeRightCol {
float:right;
width:34%;
height:620px; 
}

	#homeRightCol-Top {
	height:200px;
	background:url('../images/FrontPage/PalmTree2.jpg') 0 0;	
	background:url('../images/FrontPage/PalmCove2.jpg') 0 0;	
	background:url('../images/FrontPage/Boat.jpg') 0 0;			
	margin-bottom:20px;
	border-top:1px #666 solid;	
	border-right:1px #CCC  solid;
	border-bottom:1px #CCC solid;	
	border-left:1px #666  solid;
	}
	
		#homeRightCol-Top h1 {
		font:bold 18pt Arial, Helvetica, sans-serif;
		color:#FFF;
		background-color:transparent;
		padding:50px 10px 10px 10px;
		margin:0;
		text-align:right;
		}
		#homeRightCol-Top h1 span {
		font:bold 10pt 'Arial Black', Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing:.05em;
		}
		
		#homeRightCol-Top h1 a, #homeRightCol-Top h1 a:visited, 
		#homeRightCol-Top h1 a span, #homeRightCol-Top h1 a:visited span {
		color:#FFF;
		background-color:transparent;
		}
		#homeRightCol-Top h1 a:hover, #homeRightCol-Top h1 a:active, 
		#homeRightCol-Top h1 a:hover span, #homeRightCol-Top h1 a:active span {
		color:#FFC;
		background-color:transparent;
		text-decoration:underline;
		}

			#homeRightCol-Top ul#left, #homeRightCol-Top ul#right {
			float:left;
			width:48%;
			list-style-type:none;
			padding:0;
			margin:0 0 0 0; 
			/*border:1px red solid;*/
			}
			#homeRightCol-Top ul#right {
			float:right;
			}
			
				#homeRightCol-Top ul#left li, #homeRightCol-Top ul#right li  {
				font:bold 8pt Arial, Helvetica, sans-serif;
				color:#FFF;
				background-color:transparent;
				text-align:left;
				padding:0;
				margin:0 0 2px 5px;
				}
				
				
						#homeRightCol-Top ul#left li a, #homeRightCol-Top ul#left li a:visited,
						#homeRightCol-Top ul#right li a, #homeRightCol-Top ul#right li a:visited  {
						color:#FFF;
						background-color:transparent;
						}
						#homeRightCol-Top ul#left li a:hover, #homeRightCol-Top ul#left li a:active,
						#homeRightCol-Top ul#right li a:hover, #homeRightCol-Top ul#right li a:active  {
						color:#FFC;
						background-color:transparent;
						text-decoration:underline;
						}

/* --------------- RIGHT COL MIDDLE --------------- */

	#homeRightCol-Middle {
	height:220px; /* was 250 */
	background:url('../images/FrontPage/ResortInterior.jpg') 0 0;	
	background:#D6AE52 url('../images/FrontPage/CoconutBeach.jpg') no-repeat 0 10px;	
	margin-bottom:20px;
	border-top:1px #666 solid;	
	border-right:1px #CCC  solid;
	border-bottom:1px #CCC solid;	
	border-left:1px #666  solid;
	}

		#homeRightCol-Middle h1 {
		font:bold 16pt "Times New Roman", Times, serif;
		color:#494007;
		background-color:transparent;
		padding:45px 10px 0 0;
		margin:0;
		text-align:right;
		text-transform:uppercase;
		}
			#homeRightCol-Middle h1 a, #homeRightCol-Middle h1 a:visited {
			color:#494007;
			background-color:transparent;
			}
			#homeRightCol-Middle h1 a:hover, #homeRightCol-Middle h1 a:active {
			color:#FFC;
			background-color:transparent;
			text-decoration:underline;
			}
			
		#homeRightCol-Middle h1 span {
		font:bold 14pt "Times New Roman", Times, serif;
		color:#AF9E2B;
		background-color:transparent;
		letter-spacing:.15em;
		}
			#homeRightCol-Middle h1 a span , #homeRightCol-Middle h1 a:visited span {
			color:#AF9E2B;
			background-color:transparent;
			}
			#homeRightCol-Middle h1 a:hover span , #homeRightCol-Middle h1 a:active span {
			color:#FFC;
			background-color:transparent;
			}


			#homeRightCol-Middle ul {
			float:right;
			list-style-type:none;
			padding:0;
			margin:10px 20px 0 0; 
			/*border:1px red solid;*/
			}
				#homeRightCol-Middle ul li {
				font:bold 9pt Arial, Helvetica, sans-serif;
				color:#FFF;
				background-color:transparent;
				text-align:right;
				padding:0;
				margin:0 0 2px 0;
				}
						#homeRightCol-Middle ul li a, #homeRightCol-Middle ul li a:visited {
						color:#FFF;
						background-color:transparent;
						}
						#homeRightCol-Middle ul li a:hover, #homeRightCol-Middle ul li a:active {
						color:#FFC;
						background-color:transparent;
						text-decoration:underline;
						}
						

/* --------------- RIGHT COL BOTTOM --------------- */

	#homeRightCol-Bottom {
	height:160px; /* was 130 */
	background:url('../images/FrontPage/GreatBarrierReef4.jpg') 0 0;	
	border-top:1px #666 solid;	
	border-right:1px #CCC  solid;
	border-bottom:1px #CCC solid;	
	border-left:1px #666  solid;
	}

		#homeRightCol-Bottom h1 {
		font: bold 16pt Arial, Helvetica, sans-serif;
		color:#FFF; /*#AFDF1B*/ 
		background-color: transparent;
		padding: 10px 0 0 10px;
		margin: 0;
		text-align: left;
		text-transform:uppercase;
		}
		#homeRightCol-Bottom h1 span {
		font:bold 12pt Arial Narrow, Helvetica, sans-serif;
		color:#FFF; /*#AFDF1B*/
		background-color:transparent;
		padding:0;
		margin:0;
		text-align:left;
		}
				#homeRightCol-Bottom h1 a, #homeRightCol-Bottom h1 a:visited,
				#homeRightCol-Bottom h1 a span, #homeRightCol-Bottom h1 a:visited span {
				color:#FFF;
				background-color:transparent;
				}
				#homeRightCol-Bottom h1 a:hover, #homeRightCol-Bottom h1 a:active, 
				#homeRightCol-Bottom h1 a:hover span, #homeRightCol-Bottom h1 a:active span {
				color:#FFC;
				background-color:transparent;
				text-decoration:underline;
				}
				
			#homeRightCol-Bottom ul#left, #homeRightCol-Bottom ul#right {
			float:left;
			width:46%;
			list-style-type:none;
			padding:0;
			margin:0 0 0 10px; 
			/*border:1px red solid;*/
			}
			#homeRightCol-Bottom ul#right {
			float:right;
			margin-right:0;
			}
			
				#homeRightCol-Bottom ul#left li, #homeRightCol-Bottom ul#right li  {
				font:bold 8pt Arial, Helvetica, sans-serif;
				color:#FFF;
				background-color:transparent;
				text-align:left;
				padding:0;
				margin:0 0 2px 0;
				}
			
						#homeRightCol-Bottom ul#left li a, #homeRightCol-Bottom ul#left li a:visited,
						#homeRightCol-Bottom ul#right li a, #homeRightCol-Bottom ul#right li a:visited  {
						color:#FFF;/*#ECC2EF*/
						background-color:transparent;
						}
						#homeRightCol-Bottom ul#left li a:hover, #homeRightCol-Bottom ul#left li a:active,
						#homeRightCol-Bottom ul#right li a:hover, #homeRightCol-Bottom ul#right li a:active  {
						color:#FFC;
						background-color:transparent;
						text-decoration:underline;
						}
						
				#homeRightCol-Bottom ul#rightBottom ul li.more {
				list-style-type:none;
				text-align:right;
				margin-right:30px;
				}



/* removed ---------------------------

#navCol {
float:left;
width:165px;
text-align:center;
}
------------------------------------- */


ul#navBottom {
	clear:both; 		/* clearing adds extra space on IE -- if removed, disappears on FF */
	width:600px;
	list-style:none;
	background-color:transparent;
	text-align:center;
	text-indent:25px;
	padding:25px 0 10px 0;
	margin:0 auto;
	}
	
	ul#navBottom li {
		display:inline;
		font:9pt Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0;
		margin:0 15px 0 0;
		}
	
			ul#navBottom a {
				color:#808080;
				background-color:transparent;
				text-decoration:none;
				}
			ul#navBottom a:hover {
				color:#966;
				background-color:transparent;
				text-decoration:none;
				}
		


/* --------------------------- SPACERS ----------------------------- */

.spacer1 {
	clear:both;
	width:100%;
	height:1px;
	}

.spacer10 {
	clear:both;
	width:100%;
	height:10px;
	}

.spacer20 {
	clear:both;
	width:100%;
	height:20px;
	}

.spacer30 {
	clear:both;
	width:100%;
	height:30px;
	}

.spacer40 {
	clear:both;
	width:100%;
	height:40px;
	}