﻿#page {
	width:540px; /*575px;*/;
	padding:0;
	margin:0 auto;
	text-align:center;
	}

h1 {
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#111;
	background-color:transparent;
	padding:0;
	margin:0;
	text-align:center;
	}

#heading {
	width:100%;
	}

#heading h2 {
	width:100%;
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#808080;
	background-color:transparent;
	padding:0;
	margin:10px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.1em;
	}
	#heading h2#home {
		margin:25px 0 10px 0;
		}

#heading h3 {
	width:93%;
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#999;
	background-color:transparent;
	padding:0 0 10px 0;
	margin:0 auto 10px auto;
	border-bottom:1px #808080 solid;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0;
}

/* --------- APARTMENT NAME --------- */
h3  {
	clear:both;
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#111; /* 4088CF 69C #690 9C0 690*/
	background-color:transparent;
	margin:15px auto 0 auto;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0;
	}

h4 {
	font:10pt Arial, Helvetica, sans-serif;
	color:blue;
	background-color:transparent;
	padding:0;
	margin:0;
	text-align:left;
	}

h6  {
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#EEE; /*#9C0 690*/
	background-color:#333;
	padding:2px;
	margin:15px auto 0 auto;
	text-align:center;
	text-transform:uppercase;
	}

	
p {
	font:9pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	padding:0;
	margin:0 10px 5px 10px;
	text-align:justify;
	}

a {
	color:#FF0;
	background-color:transparent;
	}

/* --------------------- PHOTOS - HOME PAGE --------------------- */
#photoHomeBlock {
	width:515px;
	height:200px;
	padding:0;
	margin:0 auto;
	text-align:center;
	}

	#photoHomeLeft, #photoHomeMiddle, #photoHomeRight {
		float:left;
		width:145px;
		height:140px;
		padding:5px;
		margin:0 8px 0 0;
		background-color:#FFF;
		border:5px #333 solid;
		}
		#photoHomeRight {
			margin-right:0;
			}
			
	#photoHomeBlock p {
	font:bold 8pt Arial, Helvetica, sans-serif;
	padding:15px 0 0 0;
	margin:0;
	text-align:center;
	text-transform:uppercase;
	}
	#photoHomeBlock p span {
	font:normal 8pt Arial, Helvetica, sans-serif;
	text-transform:none;
	}

/* --------------------- HOTEL PAGES --------------------- */

/* --------------------- HOTEL PAGES --------------------- */
#prevNext {
	width:450px;
	height:30px;
	margin:-10px auto 5px auto;
	text-align:center;
	}

#prevNext span.left, #prevNext span.right {
	width:150px;
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:5px;
	}
#prevNext span.right {
	text-align:right;
	}

	#prevNext a {
		color:#333; /*#69C*/
		background-color:transparent;
		text-decoration:none;
		}
	#prevNext a:hover {
		color:#333;
		background-color:transparent;
		text-decoration:none;
		}

/* --------------------- PHOTOS - HOTEL PAGES --------------------- */
#photoBlock {
	width:440px;
	height:100%; /*140px*/
	padding:0;
	margin:0 auto;
	text-align:center;
	}

#photoLeft, #photoRight {
	float:left;
	width:200px;
	height:140px;
	padding:0;
	margin:0;
	border:2px #666 solid;
	overflow:hidden;
	}
#photoRight {
	position:relative;
	float:right;
	border:none;
	}

#photoBottomLeft, #photoBottomRight, #photoTopLeft, #photoTopRight {
	width:90px;
	height:60px;
	padding:0;
	margin:0;
	border:2px #666 solid;
	overflow:hidden;
	}

#photoTopLeft {
	position:absolute;
	top:0;
	left:0;
	}
#photoTopRight {
	position:absolute;
	top:0;
	right:0;
	}
#photoBottomLeft {
	position:absolute;
	bottom:0;
	left:0;
	}
#photoBottomRight {
	position:absolute;
	bottom:0;
	right:0;
	}

/* ------------------------------------- */

.spacer1 {
	width:100%;
	clear:both;
	display:block;
	height:1px;
	}
.spacer10 {
	clear:both;
	width:100%;
	height:10px;
	}
.spacer20 {
	clear:both;
	width:100%;
	height:20px;
	}
	
/* --------------- RATES ENQ / BKGS --------------- */

#ratesEnqBkgBlock {
	width:100%; 
	clear:both;
	/* height:30px; */
	margin:0;
	}

#ratesBar {
	float:left;
	width:175px; 
	height:25px;	
	padding:0;
	margin:0;
	border:1px #444 solid;
	background-color:#EEE;
	}

	#ratesBar h6 {
		font:bold 9pt Arial, Helvetica, sans-serif;
		color:#333;
		background-color:transparent;
		text-align:center;
		padding:0;
		margin:4px 0;
		}

#enqBkg {
	float:right;
	width:230px; /*250*/
	padding:0;
	margin:0;
	}

	#enq, #bkg {
		float:left;
		width:110px; /*120*/
		height:25px;
		background-color:#333; /*#930;*/;
		border:1px #111 solid;
		padding:0;
		margin:0;
		}
		#bkg {
			float:right;
			}

		#enq h6, #bkg h6 {
			font:bold 8pt Arial, Helvetica, sans-serif;
			color:#EEE;
			background-color:transparent;
			text-align:center;
			padding:0;
			margin:5px 0; 
			text-transform:uppercase;
			}
		
				#enq h6 a, #bkg h6 a {
					color:#CFF;
					background-color:transparent;
					text-decoration:none;
					}
				#enq h6 a:hover, #bkg h6 a:hover {
					color:#69C;
					background-color:transparent;
					text-decoration:none;
					}


/* ------------------------------------- */
#page p.address {
	font:9pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	padding:0;
	margin:5px 0 10px 0;
	text-align:center;
	}

/* 
#description {
	min-height:100px;
	padding:0;
	margin:0 0 10px 0;
	border-bottom:10px #F00 solid;
	}
*/

/* ------------------------------------- */
#featuresBlock {
	padding:0;
	margin:10px 0 0 15px;
	overflow:auto;
	}

ul#featuresCol1, ul#featuresCol2, ul#featuresCol3, ul#featuresCol4 {
	float:left;
	list-style-type:disc;
	width:135px;
	min-height:20px;
	padding:0;
	margin:0;
	}
	ul#featuresCol3 {
	width:130px;
	}
	ul#featuresCol4 {
		width:125px;
		}

ul#featuresCol1 li, ul#featuresCol2 li, ul#featuresCol3 li, ul#featuresCol4 li {
	font:10pt Arial Narrow, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:0 0 .1em 20px;
	}

/* ----------------------------- RATES BLOCK ----------------------------- */
#rates {
	width:570px;
	height:30px;
	}

#ratesCol1, #ratesCol2, #ratesCol3 {
	float:left;
	width:188px;
	height:30px;
	}

#ratesCol1 p, #ratesCol2 p, #ratesCol3 p {
	font:10pt Arial, Helvetica, sans-serif;
	color:pink;
	background-color:transparent;
	text-align:center;
	padding:0;
	margin:10px 0;
	}


/* ----------------------------- INCLUDE PAGE ----------------------------- */
#landingPgHdg {
	width:100%;
	margin:10px auto;
	}

#landingPgHdg h1 {
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-align:center;
	letter-spacing:.2em;
	}

#xx h2 {
	font:normal 12pt Arial, Helvetica, sans-serif;
	color:green;
	background-color:transparent;
	padding:0;
	margin:0;
	text-align:center;
	letter-spacing:.5em;
	}

.summaryBoxLight, .summaryBoxDark {
	clear:both;
	width:530px;
	overflow:auto;
	background-color:#DDD;
	border:1px #DDD solid;
	padding:20px 0 10px 0;
	margin:0 auto 1em auto;
	text-align:center;
	}
.summaryBoxDark {
	background-color:#EEE;
	}

.summaryBoxLight .middle h3, .summaryBoxDark .middle h3  {
	width:100%;
	font:bold 9pt Arial, Helvetica, sans-serif;
	color:#333; 
	background-color:transparent;
	padding:0;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.1em;
	}


/* -------------------------- */
.left {
	float:left;
	width:110px; /*20%*/
	margin:0;
	padding:0;
	}

/*	
	.left img {
		padding:0;
		margin:10px auto;
		text-align:center;
		border-top:2px solid #999;
		border-right:2px solid #666;
		border-bottom:2px solid #666;
		border-left:2px solid #999;
			}


was used for name / rate under photo
	.left h3 {
		font:normal 9pt Arial, Helvetica, sans-serif;
		color:#666;
		background-color:transparent;
		text-align:center;
		padding:0;
		margin:5px 0 0 0;
		letter-spacing:-.05em;
			}


	.left h3 span {
		font-size:.8em;
			}

*/
/* -------------------------- */
.middle {
	float:left;
	width:285px; /*55%*/
	margin:0;
	padding:0;
	}

.middle h3 {
	font:10pt Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	margin:0;
	padding:0;
	vertical-align:top;
	text-transform:uppercase;
	}

.middle p {
	font:9pt Arial, Helvetica, sans-serif;
	background-color:transparent;
	color:#666;
	text-align:justify;
	margin:10px 8px;
	padding:0;
	}

/* -------------------------- */
.right {
	float:right;
	width:135px; /*24%*/
	margin:0;
	padding:0;
	}

/* was used for hotel name over criteria
	p.conference {
		font:1em Arial Narrow, sans-serif;
		color:#666;
		background-color:transparent;
		text-align:center;
					letter-spacing:.1em;
		padding:0;
		margin:0 0 10px 0;
			}

*/
.criteria {
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#666;
	background-color:transparent;
	text-align:left;
	padding:0;
	margin:3px 5px 3px 10px;
	}

.criteria span {
	font-weight:bold;
	}

p.goTo {
	clear:both;
	float:right;
	font:10pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	padding:0;
	margin:10px 20px 10px 0;
	}

a.goTo:link {
	color:#0099CC; /* F90 06C */;
	background-color:transparent;
	text-decoration:none;
	}

a.goTo:visited {
	color:#006699;
	background-color:transparent;
	text-decoration:none;
	}

a.goTo:hover {
	color:#006699; /*FC0; */;
	background-color:transparent;
	text-decoration:none;
	}

a.goTo:active {
	color:#006699; /* FC0; */;
	background-color:transparent;
	text-decoration:none;
	}

/* ------------------------------------------------------------------------------------ */
ul#NavBottom {
	padding:5px 0;
	margin:0 auto;
	text-align:center;
	clear:both; 
	/* clearing adds extra space on IE -- if removed, disappears on FF */
	}

ul#NavBottom li {
	display:inline;
	font:.8em Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 8px;
	text-align:center;
	}

ul#NavBottom a {
	color:#CCC;
	background-color:transparent;
	text-decoration:none;
	}

ul#NavBottom a:hover {
	color:#69C;
	background-color:transparent;
	text-decoration:none;
	}

/* -------------------- SITE MAP -------------------- */

h1#siteMap {
	margin:20px 0 10px 0;
	letter-spacing:.3em;
	}

ul#sydney, ul#melbourne, ul#brisbane {
	float:left;
	width:230px;
	padding:5px 10px;
	margin:10px 0 10px 30px;
	}
	ul#melbourne, ul#brisbane {
	float:right;
	margin:10px 0;
	}
	
	ul#sydney li.heading, ul#melbourne li.heading, ul#brisbane li.heading {
	color:#666;
	background-color:transparent;
	font: bold 10pt Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 10px 5px;
	text-align: center;
	text-transform: uppercase;
	}
	ul#sydney li.subHeading, ul#melbourne li.subHeading, ul#brisbane li.subHeading{
		color:#666;
		background-color:transparent;
		font:bold 10pt Arial, Helvetica, sans-serif;
		padding:0;
		margin:10px 5px 3px 5px;
		text-align:left;
		text-transform:uppercase;
		}		
		
	ul#sydney li, ul#melbourne li, ul#brisbane li {
		font:normal 9pt Arial, Helvetica, sans-serif;
		padding:0;
		margin:3px 5px;
		text-align:left;
		}
		
		ul#sydney li a, ul#melbourne li a, ul#brisbane li a {
			color:#666;
			background-color:transparent;
			text-decoration:none;
			}
		ul#sydney li a:hover, ul#melbourne li a:hover, ul#brisbane li a:hover {
			color:#999;
			background-color:transparent;
			text-decoration:none;
			}



