/*------------------------------------------------
CSS Content

Version:	1.0 June 09
Author:		Grafik/Fabric-Eight
Email:		chris@fabric-eight.com.au
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: June 2009;

	1: universal reset 
	2: html and body
	3: typography
	4: layout
	5: navigation
		5.1: Fly-out menu items
	6: images
	7: forms
	8: tables

====================
*/

/*
===== 1: universal reset =====
*/

* {
	/* set the fonts to a uniform size and zero all margins and padding */
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;}

* ul, * li { list-style: none; }

/*
===== 2: html and body =====
*/

body { text-align: center; background: #9aa0a5 url(../images/gradBG.jpg) repeat-x; padding-bottom: 100px; }

/*
===== 3: typography =====
*/

h1 a {
	width: 88px;
	height: 125px;
	margin: 35px 0 0 72px;
	background: transparent url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	float: left; }

h2 {
	margin: 67px 0 23px; /* altered cb 15.06.09 */
	font-size: .7em;
	font-weight: 400;
	height: 58px;
	background: transparent url(../images/luxuryApp.png) no-repeat bottom left; }
	
p {
	font-size: .7em;
	line-height: 1.4em; 
	margin: 10px 0; }
	
#floorPlan #content p, #tour #content p { font-size: 1.2em; font-weight: bold; text-align: center; margin: 50px 0 0; padding: 0; }
	
#myGallery div.slideInfoZone p{
	margin-top: 0;
	color: #fff;	
}

#myGallery div.slideInfoZone h2{
	margin-bottom: 0;
	color: #fff;
	font-size: .7em;
	font-weight: 400;
}

#myGallery div.carousel p.label{
	font-size: .7em;
	font-weight: 400;
}
	
p#copyright{
	font-size: .7em;
	margin-left: 240px;}
	
#accommodation #content ul.list{
	margin: 0 0 20px;	
}

#accommodation #content ul.list li{
	list-style: disc;
	list-style-position:outside;
	font-size: .7em;
	line-height: 1.4em;
	margin: 5px 0 5px 15px;
}

a {
	color: #000;
}

a:hover {
	color: #666;
}

/*
===== 4: layout =====
*/

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#outerWrapper { width: 960px; text-align: left; margin: 40px auto 100px; background: #fff url(../images/linesBG.png) repeat-y left; position: relative; }

#wrapper {
	float: left;
	width: 740px;
	margin: 35px 0 0 60px;
	background: transparent; }
	
#content {
	float: left;
	width: 480px;
	margin: 27px 0 30px 0;
	padding: 0; }
	
#footer {
	clear: left;
	width: 100%; 
	background: transparent;
	padding: 15px 0;
	border-top: 1px solid #bcbec0;
	position: relative; }
	
#sidebar {
	width: 180px;
	margin: 0 0 20px 20px;
	float: right;
	clear: right;
}

#calendarSm {
	height:126px;
	width: 179px;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	background: transparent;
}

#shadow { width: 980px; height: 20px; background: transparent url(../images/bottomShadow.png) no-repeat 15px bottom; position: absolute; bottom: -20px; left: -215px; }

#rightShadow { width: 20px; height: 100%; background: transparent url(../images/rShadow.png) no-repeat -14px top; position: absolute; top: 0; right: -20px; }

/*
===== 5: navigation - seperate sheet =====
*/


/*
===== 6: images =====
*/

img.banner {
	margin-bottom: 20px; }

img.right { float: right; clear: right; margin: 0 0 0 30px; }

img.base { display: block; margin-top: 20px; float: right; }

	
/*
===== 7: forms =====
*/

form {
	font-size: .7em;
	margin-top: 20px;
}

.formWrap label{
	float: left;	
}

.formWrap input, select.right, textarea { 
	float: right;
}
.formWrap input { 
	width: 120px;
}
.formWrap input#button{ 
	float: left;
	width: 70px;	
}

.formWrap{
	clear: left;
	float: left;
	width: 280px;
	margin-bottom: 15px;	
}
textarea#message {
	width: 124px;
}
/*
===== 8: tables =====
*/

div#content table { /* altered cb 15/6 270px */
	font-size: .6em;
	width: 179px;
}

div#content table#calendarOfEvents { width: 270px; }

.month, .date, .event, .venue {
	font-weight: bold;
}

td { padding: 5px 0; }

#calendarSm td { padding: 0; }

#calendarSm table { width: 179px; margin-bottom: 20px; }

td.month{
	padding: 20px 0 10px;
	border-bottom: 1px solid #000;
}

td.description { padding-top: 0; }

.borderBottom { border-bottom: 1px solid #000; }