body td, th{
	margin:0;
	padding:0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#999;
	}

body {
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}

div.clearBoth { clear:both; }

h1 {
	font: normal 24px "Trebuchet MS", Arial, sans-serif;
	margin:35px 0 20px 30px;
	}

h3 { padding:5px; margin:0}

a:link {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}

a:visited {
	text-decoration: none;
	color:#999;
}

a:hover {
	text-decoration: none;
	color:#999;
}

a:active {
	text-decoration: none;
	color:#999;
}

.pages {
	margin-left: 280px;
	margin-top: -40px;
	padding-bottom: 27px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999;
	}
	
.pages a {
	padding: 0 2px 0 3px;
	color: #999;
	border: 1px solid #F0F0F0;
	text-decoration: none;
	}
	
.pages a.select{
	padding: 0 2px 0 3px;
	color: #FFF;
	background-color: #CCC;
	border: 1px solid #CCC;
	text-decoration: none;
	}
	
.pages a:hover {
	border: 1px solid #ccc;
	color: #475E2E;
	text-decoration: none;
}	

p.avail {
	line-height:normal;
	font: 10px Arial, Helvetica, sans-serif;
	}

div.container {
	border: 1px solid white;
	width:900px;
	text-align:left;
	top:50%;
	}
	
div.pageholder {
	border: 1px solid #999;
	width:900px;
	}
		
div.flashcontent {
	height:439px;
	width:380px;
	}
	
div.flashcontentintro {
	width:900px;
	height:531px;
	background-image:url(images/intro_bg.gif);
	}
	
div.submit {
	font-size:10px;
	width:210px;
	margin:0 0 0 10px;
	padding:0px;
	float:left;
	clear:right;
	line-height:11px;
	}

div.submittick {
	width:20px;
	padding:0px;
	margin:1px 0 0 0;
	float:left;
	clear:right;
	vertical-align:middle;
	}

div.subbutton {
	float:left;
	margin:0 0 0 20px;
	}

select {
	font-size:11px;
	}

div.topnav { height:38px; }
div.topnav table { background:url(images/top-nav.gif) bottom left repeat-x; float:right; }
div.topnav table td { padding:10px 0 0 0; }
div.topnav table td.topnav-end { background-color:#fff; }
div.topnav table td a { padding:0 10px 0 15px; font-weight:bold; }
div.topnav table td a:hover { padding:0 10px 0 15px; font-weight:bold; text-decoration:underline; }

body.environment a.nav-environment,
body.lodge a.nav-lodge,
body.activities a.nav-activities,
body.activities a.nav-welcome,
body.hotel a.nav-hotel,
body.events a.nav-events,
body.publicity a.nav-publicity,
body.index a.nav-gallery, 
body.environment a.nav-video,  
body.media a.nav-media, 
body.green a.nav-green {text-decoration:underline}

div.pageholder .pageholdertable {
	background-color:#FFF;
	font-size:11px;
	font-weight:normal;
	height:439px;
	}
	
div.leftCol {
	width:300px;
	float:left;
	line-height:18px;
	margin:0 45px 0 30px;
	display:inline;
	padding-bottom:0px;
	border:0px solid red
}

div.leftColleisure {
	width:330px;
	float:left;
	margin:0 0px 0 20px;
	display:inline;
	padding-bottom:0px;
}

div.leftColleisure table td{
	height:10px;
	font: 11px Arial, Helvetica, sans-serif;
	padding:0;
}

div.leftCol table{
	width:300px;
	line-height:18px;
	margin:0;
	padding-bottom:0px;
	height:auto;
}

div.leftCol table td{
	padding:2px;
	vertical-align: bottom;
}

div.leftColcontact {
	width:400px;
	float:left;
	line-height:18px;
	margin:0 20px 0 30px;
	display:inline;
	padding-bottom:0px;
}

div.leftColcontact table{
	height:auto;
}

.formPg1 {background-color:#EEE; padding:8px; width:300px}

div.leftCol p { margin:0 0 15px 0}

div.rightCol {
	width:140px;
	float:right;
	position:relative;
	}
	
div.rightCol ul li a:hover {	
	background:url(images/hover.jpg) top left repeat-y;
	}
	
div.pageholder table td div.home {
	width:479px;
	float:left;
	margin:60px 0 0 21px;
	}
	
div.pageholder table td div.enquire,
div.pageholder table td div.enquire2, 
div.pageholder table td div.enquire3 {
	background:#909090 url(images/box-greyer.gif) no-repeat right;
	display:block;
	width:140px; height:110px;
	top:150px;
	position:absolute;
	}
div.pageholder table td div.enquire2 {
	top: 245px;
	}
	
div.pageholder table td div.enquire3 {
	top: 245px;
	}	
	
div.pageholder table td div.enquire a,
div.pageholder table td div.enquire2 a, 
div.pageholder table td div.enquire3 a {	
	padding:12px;
	color:#FFF;
	font: bold 15px "Trebuchet MS", arial, sans-serif;
	display:block;
	}
	
div.pageholder table td div.own {
	background-image:#a5a5a5 url(images/box-grey.gif) no-repeat right;
	display:block;
	width:140px; height:110px;
	top:245px;
	position:absolute;
	}
	
div.pageholder table td div.own a {	
	padding:12px;
	color:#FFF;
	font: bold 15px "Trebuchet MS", arial, sans-serif;
	display:block;
	}

div.pageholder table td div.spot2 {
	display:block;
	width:140px; height:110px;
	top:245px;
	position:absolute;
	}
	
div.pageholder table td div.register{
	background-color:#666;
	display:block;
	width:135px; height:110px;
	margin:0 0 0 5px;
	float:left;
	clear:right;
	}
	
div.pageholder table td div.register a {	
	padding:12px;
	color:#FFF;
	font:bold 15px "Trebuchet MS", arial, sans-serif;
	display:block;
	float:left;
	clear:right;
	}

div.pageholder table td div.enquirenow {
	background-color:#909090;
	display:block;
	width:135px; height:110px;
	margin:0 0 0 5px;
	float:left;
	clear:right;
	}
	
div.pageholder table td div.enquirenow a {	
	padding:12px;
	color:#FFF;
	font-family: bold 15px "Trebuchet MS", arial, sans-serif;
	display:block;
	float:left;
	clear:right;
	}
	
div.pageholder table td div.murcutt{
	background-color:#CECECE;
	display:block;
	width:135px; height:110px;
	margin:0 0 0 5px;
	float:left;
	clear:right;
	}
	
div.pageholder table td div.murcutt a {	
	padding:12px;
	color:#FFF;
	font: bold 15px "Trebuchet MS", arial, sans-serif;
	display:block;
	float:left;
	clear:right;
	}
	
div.pageholder table td div.enquire a:hover,
div.pageholder table td div.enquire2 a:hover,
div.pageholder table td div.enquire3 a:hover,
div.pageholder table td div.own a:hover{
	text-decoration:none;
	color:#CCC;
	}	
	
div.pageholder table td div.register a:hover,
div.pageholder table td div.enquirenow a:hover,
div.pageholder table td div.murcutt a:hover{
	text-decoration:none;
	color:#f0f0f0;
	}	
	
div.subnav a {
	font: normal 11px/21px Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration: none;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	}
	
div.subnav a:hover {
	background:url(images/hover.jpg) top left repeat-y;
	padding:3px 3px 3px 0;
	}
	
div.rightCol div.subnav ul {
	margin: 0;
	padding: 0;
	position:relative;
	}
	
div.rightCol div.subnav ul li {
	margin: 0;
	padding: 1px 0 2px 10px;
	background:url(images/arw-subnav.gif) no-repeat 0 8px;
	list-style-type: none;
	}	
	
div.rightCol div.subnav ul li a:link, 
div.rightCol div.subnav ul li a:visited {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration: none;
	padding:3px 3px 3px 0;
	margin: 0px;
	}
	
div.rightCol div.subnav ul li a:hover {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration: none;
	padding:3px 3px 3px 0;
	margin: 0px;
	background:url(images/hover.jpg) repeat-y 0 0;
	}	
	
div.pageholder .pageholdertable a:link {
	text-decoration: underline;
	}

div.pageholder .pageholdertable a:visited {
	text-decoration: underline;
	}

div.pageholder .pageholdertable a:hover {
	text-decoration: none;
	}	

div.pageholder .pageholdertable td div.rightCol a:link, 
div.pageholder .pageholdertable td div.rightCol a:visited, 
div.pageholder .pageholdertable td div.rightCol a:hover {
	text-decoration: none;
	}

div.pageholder .pageholdertable form a:link, 
div.pageholder .pageholdertable form a:visited, 
div.pageholder .pageholdertable form a:hover {
	text-decoration: none;
	}	

.quotes {
	padding: 30px;
	margin: 0 0 1500px 0;
	vertical-align: top;
	}
	
.quotes h2 {
	font: bold 18px "Trebuchet MS", Arial, sans-serif;
	margin: 10px 0 20px 0;
	}	
	
.quotes p {
	font: normal 13px "Trebuchet MS", Arial, sans-serif;
	margin: 35px 0 20px 0;
	}		
	
	

/* Apply styling to each section */
/*-------------------------------*/

body.environment div.pageholder { background-color:#a5b5cf; }
body.lodge div.pageholder { background-color:#576798; }
body.events div.pageholder { background-color:#0055A8; }
body.activities div.pageholder { background-color:#4C75CA; }
body.hotel div.pageholder { background-color:#76C8FF; }
body.contact div.pageholder { background-color:#B4D3E4; }
body.forsale div.pageholder {  background-color:#19327f; }
body.publicity div.pageholder {  background-color:#071331; }
body.welcome div.pageholder { background-color:#4C75CA; }
body.media div.pageholder { background-color:#B4D3E4; }
body.green div.pageholder { background-color:#76C8FF; }

body.environment h3 { background-color:#a5b5cf; }
body.lodge h3 { background-color:#576798; }
body.events h3 { background-color:#0055A8; }
body.activities h3 { background-color:#4C75CA; }
body.hotel h3 { background-color:#76C8FF; }
body.contact h3 { background-color:#B4D3E4; }
body.forsale h3 { background-color:#19327f;}
body.publicity h3 { background-color:#071331;}
body.welcome h3 { background-color:#4C75CA; }
body.media h3 { background-color:#B4D3E4; }
body.green h3 { background-color:#76C8FF; }

body.environment div.flashcontent { background-color:#a5b5cf; background-image:url(images/bg_explore.jpg);}
body.lodge div.flashcontent  { background-color:#215dcc; background-image:url(images/bg_lodge.jpg);}
body.events div.flashcontent  { background-color:#0055A8; background-image:url(images/bg_service.jpg);}
body.activities div.flashcontent  { background-color:#4C75CA; background-image:url(images/bg_activities.jpg);}
body.hotel div.flashcontent  { background-color:#76C8FF; background-image:url(images/bg_boutique.jpg);}
body.contact div.flashcontent  { background-color:#B4D3E4; background-image:url(images/bg_contact.jpg);}
body.forsale div.flashcontent  {  background-color:#19327f; background-image:url(images/bg_forsale.jpg);}
body.index div.flashcontentintro {background-color:#FFF; background-image:url(images/intro_bg.gif);}
body.publicity div.flashcontentintro {background-color:#071331; background-image:url(images/hay.gif);}
body.welcome div.flashcontent  { background-color:#4C75CA; background-image:url(images/bg_activities.jpg);}
body.media div.flashcontent  { background-color:#B4D3E4; background-image:url(images/bg_contact.jpg);}
body.green div.flashcontent  { background-color:#76C8FF; background-image:url(images/bg_boutique.jpg);}