@charset "utf-8";
/* CSS Document */

* {
margin:0px;
padding:0px;
}

html {
width:100%;
height:100%;
background:#8D9B2F;
}
body {

}

h1 {
font-family:Century Gothic, Verdana, Geneva, sans-serif;
font-size:14px;
color:#8D9B2F;
margin-bottom:15px;
}
h2 {
font-family:Century Gothic, Verdana, Geneva, sans-serif;
font-size:18px;
color:#8D9B2F;
margin-bottom:15px;
}
h3 {
font-family:Century Gothic, Verdana, Geneva, sans-serif;
font-size:14px;
color:#8D9B2F;
margin-bottom:15px;
}

p {
font-family:Century Gothic, Verdana, Geneva, sans-serif;
font-size:12px;
color:#000000;
line-height:130%;
margin-bottom:15px;
}

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

ul {
margin:0px 0px 15px 25px;
}
ol {

}
li {
font-family:Century Gothic, Verdana, Geneva, sans-serif;
font-size:12px;
color:#000000;
}

div.clear {
clear:both;
}

/* layout formatting */

#wrapper {
width:100%;
}

#headerwrapper {
height:95px;
padding:20px 0px 0px 95px;
border-bottom:1px solid #D9E19B;
}
	
#logo {
width:714px;
height:75px;
background:url('../images/logo.png') left top no-repeat;
}

#contentwrapper {
width:100%;
height:456px;
padding:10px 0px 10px 0px;
border-bottom:1px solid #D9E19B;
}
	#gallery {
	position:absolute;
	width:897px;
	height:454px;
	overflow:hidden;
	margin-left:95px;
	}
		#scroller {
		position:absolute;
		height:456px;
		}
		#galleryarrow {
		position:absolute;
		width:110px;
		height:50px;
		margin:194px 0px 0px 790px;	
		}
		#galleryarrow div.arrowwrapper {
		float:right;
		width:50px;
		height:50px;
		overflow:hidden;
		}
		#galleryarrow a {
		display:block;
		width:50px;
		height:50px;
		background:url('../images/button_galleryarrow.png') left top no-repeat;	
		}
		#galleryarrow a:hover {
		background:url('../images/button_galleryarrow.png') left bottom no-repeat;		
		}
		#galleryarrow a.return {
		display:block;
		float:right;
		width:50px;
		height:50px;
		background:url('../images/button_galleryarrow.png') right top no-repeat;	
		}
		#galleryarrow a.return:hover {
		background:url('../images/button_galleryarrow.png') right bottom no-repeat;		
		}		
		#galleryarrow a.skipnav {
		width:100px;
		background:none;
		font-family:Century Gothic, Arial, Helvitca, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#BBBBBB;
		text-align:right;
		}
		#galleryarrow a.skipnav:hover {
		color:#FFFFFF;
		text-decoration:underline;
		}
		
		
		#galleryarrow_gray {
		position:absolute;
		width:110px;
		height:50px;
		margin:194px 0px 0px 790px;	
		}
		#galleryarrow_gray div.arrowwrapper {
		float:right;
		width:50px;
		height:50px;
		overflow:hidden;
		}
		#galleryarrow_gray a {
		display:block;
		width:50px;
		height:50px;
		background:url('../images/button_galleryarrow.png') left top no-repeat;	
		}
		#galleryarrow_gray a {
		display:block;
		width:50px;
		height:50px;
		background:url('../images/button_galleryarrow_gray.png') left top no-repeat;	
		}
		#galleryarrow_gray a:hover {
		background:url('../images/button_galleryarrow_gray.png') left bottom no-repeat;		
		}
		#galleryarrow_gray a.return {
		display:block;
		float:right;
		width:50px;
		height:50px;
		background:url('../images/button_galleryarrow_gray.png') right top no-repeat;	
		}
		#galleryarrow_gray a.return:hover {
		background:url('../images/button_galleryarrow_gray.png') right bottom no-repeat;		
		}		
		#galleryarrow_gray a.skipnav {
		width:100px;
		background:none;
		font-family:Century Gothic, Arial, Helvitca, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#333333;
		text-align:right;
		}
		#galleryarrow_gray a.skipnav:hover {
		color:#FFFFFF;
		text-decoration:underline;
		}
		
		div.imagewrapper {
		float:left;
		width:897px;
		height:454px;
		}
		div.thumbwrapper {
		float:left;
		width:117px;
		height:90px;
		padding:5px 7px 8px 6px;
		background:url('../images/gallery/thumbs/bg.jpg') left top no-repeat;
		}
			div.thumbwrapper img {
			border:none;
			}
	#gallery_facilities {
	position:absolute;
	width:767px;
	height:409px;
	overflow:hidden;
	margin-left:95px;
	background:url('../images/gallery/facilities.jpg') left top no-repeat #FFFFFF;
	padding:30px 15px 15px 245px;
	}
	div.facilitieswrapper {
	float:left;
	margin:0px 15px 15px 0px
	}
		#gallery_facilities img {
		border:none;
		}
		#gallery_facilities img:hover {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		opacity: .6;
		}
	
	#gallery_gallery {
	position:absolute;
	width:767px;
	height:409px;
	overflow:hidden;
	margin-left:95px;
	background:url('../images/gallery/gallery.jpg') left top no-repeat #FFFFFF;
	padding:30px 15px 15px 245px;
	}
		#gallery_gallery img {
		border:none;
		}
		#gallery_gallery img:hover {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		opacity: .6;
		}
	
	#gallery_contact {
	position:absolute;
	width:767px;
	height:409px;
	overflow:hidden;
	margin-left:95px;
	background:url('../images/gallery/contact.jpg') left top no-repeat #FFFFFF;
	padding:30px 15px 15px 125px;
	}
	
	#gallery_experiences {
	position:absolute;
	width:662px;
	height:409px;
	overflow:auto;
	margin-left:95px;
	background:url('../images/gallery/experiences.jpg') left top no-repeat #FFFFFF;
	padding:30px 15px 15px 230px;
	}
		#gallery_experiences a.exlink {
		color:#8D9B2F;
		}
		#gallery_experiences a.exlink:hover {
		text-decoration:underline;
		}

	
#navbg {
position:absolute;
width:195px;
height:456px;
background:url('../images/bg_green_Transparent80.png') left top repeat;
}

	#gallerycaptions {
	position:absolute;
	width:897px;
	height:454px;
	overflow:hidden;
	margin-left:95px;
	}
		#textscroller {
		position:absolute;
		height:456px;
		}
		div.caption {
		width:877px;
		padding:20px 20px 20px 0px;
		margin-bottom:-184px;
		background:url('../images/bg_white_Transparent90.png') left top repeat;
		overflow:hidden;
		}
		table.captiontable {
		border-collapse:collapse;
		}
		table.captiontable td {
		width:897px;
		height:454px;
		vertical-align:bottom;
		}
		div.captionnav {
		float:left;
		width: 80px;
		text-align:right;
		margin-right:15px;
		}
		div.captionnav a {
		color:#8D9B2F;
		font-size:11px;
		font-weight:bold;
		}
		div.captionnav a:hover {
		color:#606060;
		}
		div.captionnav img {
		border:none;
		}
		div.captiontext {
		float:left;
		width:600px;
		margin-left:20px;
		overflow:hidden;
		}
		div.closelink {
		float:right;
		width:15px;
		height:15px;
		margin-right:75px;
		}
		div.closelink img {
		border:none;
		}
		
		div.captionlinkdiv {
		float:right;
		width:81px;
		height:18px;
		padding:7px 0px;
		text-align:center;
		background:url('../images/bg_captionlink.png') left top no-repeat;
		}
			div.captionlinkdiv p {
			margin-bottom:0px;
			text-align:center;
			}
			div.captionlinkdiv p a {
			text-transform:uppercase;
			color:#FFFFFF;
			font-weight:bold;
			text-align:center;
			}
			div.captionlinkdiv p a:hover {
			text-decoration:underline;
			}
		
#navwrapper {
position:absolute;
width:195px;
}
	#nav {
	width:170px;
	text-align:right;
	padding:25px 0px 25px 25px;
	}
	#nav ul {
	list-style-type:none;
	}
	#nav ul li {
	line-height:200%;
	text-align:right;
	}
	#nav ul li a {
	display:block;
	text-transform:uppercase;
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000000;
	text-decoration:none;
	padding-right:25px;
	}
	#nav ul li a:hover,#nav ul li a.on {
	color:#FFFFFF;
	}
	#nav ul li ul {
	display:none;
	position:absolute;
	margin:-30px 0px 0px 145px;
	padding:10px;
	width:220px;
	text-align:left;
	background:url('../images/bg_green_Transparent80.png') left top repeat;
	}
	#nav ul li:hover ul {
	display:block;
	}
	#nav ul li ul li {
	text-align:left;
	line-height:150%;
	}
	#nav ul li ul li a {
	text-transform:capitalize;
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;	
	}
	#nav ul li ul li a:hover,#nav ul li ul li a.on {
	color:#FFFFFF;	
	}
	
	#subnav {
	width:170px;
	text-align:right;
	padding:25px 0px 25px 25px;
	}
	#subnav ul {
	list-style-type:none;
	}
	#subnav ul li {
	line-height:200%;
	}
	#subnav ul li a {
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-right:25px;
	text-decoration:none;
	}
	#subnav ul li a:hover {
	text-decoration:underline;
	}
	
	#navwrapper table.navtable {
	border-collapse:collapse;
	height:454px;
	}
	table.navtable td {
	vertical-align:top;
	text-align:right;
	}
	table.navtable td.alignbottom {
	vertical-align:bottom;
	padding-right:25px;
	}
	a.whitelink {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	}
	

#footerwrapper {
position:absolute;
width:990px;
height:25px;
padding:10px 0px 0px 10px;
}
	#footerwrapper p {
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000000;
	}
	#footerwrapper p a {
	color:#000000;
	}
	#footerwrapper p a:hover {
	color:#FFFFFF;
	}
	#footernav {
	float:left;
	}
	#copyright {
	float:right;
	}

#overlaystrip {
position:absolute;
width:240px;
height:100%;
top:0px;
left:675px;
background:url('../images/bg_white_Transparent30.png') left top repeat;
text-align:center;
}
#abbreviation {
width:240px;
height:59px;
margin-top:480px;
background:url('../images/abbreviation.png') left top no-repeat;
}

/* calendar */

#gallery_calendar {
position:absolute;
width:850px;
height:409px;
overflow:auto;
margin-left:95px;
background:#FFFFFF;
padding:0px 0px 15px 100px;
}

#calendarwrapper {
float: left;
width:810px;
padding:0px 0px 15px 14px;
}
	#calendarwrapper h3 {
	margin:10px;
	}
	#calendarwrapper a.daylink {
	display:block;
	width:25px;
	}
	#calendarwrapper a:hover {
	text-decoration:underline;	
	}

#calendarwrapper_admin {
float: left;
width:610px;
padding:0px 0px 15px 14px;
}
	#calendarwrapper_admin h3 {
	margin:10px;
	}
	#calendarwrapper_admin a.daylink {
	display:block;
	width:25px;
	}
	#calendarwrapper_admin a:hover {
	text-decoration:underline;	
	}
	
div.monthwrapper {
float:left;
width:190px;
margin-bottom:2px;
}
div.monthwrapperA {
float:left;
width:190px;
margin:0px 10px 10px 0px;
background:#8D9B2F;
}
div.monthwrapperB {
float:left;
width:190px;
margin:0px 10px 10px 0px;
background:#B4C53A;
}
	div.monthname {
	text-align:center;
	width:190px;
	}
	div.monthname p {
	margin-bottom:0px;
	font-weight:bold;
	}
div.weekwrapper {
float:left;
}
.blankweek {
float:left;
width:162px;
border:none;
}
div.weekendwrapper {
float:left;
}
.daywrapper,.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12,.d13,.d14,.d15,.d16,.d17,.d18,.d19,.d20,.d21,.d22,.d23,.d24,.d25,.d26,.d27,.d28,.d29,.d30,.d31 {
float:left;
width:25px;
border:1px solid #000000;
font-family:century gothic, verdana, arial, sans-serif;
text-align:center;
}
.daywrapper:hover,.d1:hover,.d2:hover,.d3:hover,.d4:hover,.d5:hover,.d6:hover,.d7:hover,.d8:hover,.d9:hover,.d10:hover,.d11:hover,.d12:hover,.d13:hover,.d14:hover,.d15:hover,.d16:hover,.d17:hover,.d18:hover,.d19:hover,.d20:hover,.d21:hover,.d22:hover,.d23:hover,.d24:hover,.d25:hover,.d26:hover,.d27:hover,.d28:hover,.d29:hover,.d30:hover,.d31:hover {
background:#FFFFFF;	
}
	div.daywrapper ul,div.d1 ul,div.d2 ul,div.d3 ul,div.d4 ul,div.d5 ul,div.d6 ul,div.d7 ul,div.d8 ul,div.d9 ul,div.d10 ul,div.d11 ul,div.d12 ul,div.d13 ul,div.d14 ul,div.d15 ul,div.d16 ul,div.d17 ul,div.d18 ul,div.d19 ul,div.d20 ul,div.d21 ul,div.d22 ul,div.d23 ul,div.d24 ul,div.d25 ul,div.d26 ul,div.d27 ul,div.d28 ul,div.d29 ul,div.d30 ul,div.d31 ul {
	position:absolute;
	display:none;
	list-style-type:none;
	background:#FFFFFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:left;
	padding:4px;
	}

	
.daywrapper {
background:#8D9B2F;
}
.blankday {
float:left;
width:27px;
border:none;
}
input.smallbox {
width:10px;
height:10px;
}
.weekendbg {
background:#D6DF91;
}
.occupied {
background:#666666;
}
.occupied:hover {
background:#666666;
}
.checkinday {
background:#FFFFFF;	
}
.cleaningday {
background:url('../images/legendCleaning.jpg') left top no-repeat;
}
.departure, .departure:hover {
background:url('../images/departure.png') left top no-repeat;
}
.arrival, .arrival:hover {
background:url('../images/arrival.png') left top no-repeat;
}
.changeover, .changeover:hover {
background:url('../images/changeover.png') left top no-repeat;
}
p.nomargin {
margin-bottom:0px;
color:#999999;
}
	p.nomargin ul {
	display:none;	
	}
p.greytext {
color:#999999;	
}
p.redbooking {
color:#990000;	
}

#unconfirmedbookings {
float: left;
width:180px;
margin-top:200px;
padding:10px;
background:#CCCCCC;
border-top:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}
	table#tabel_unconfirmed {
	border-collapse:collapse;
	}
	table#tabel_unconfirmed td {
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0px 4px 10px 4px;
	vertical-align:top;
	}
	table#tabel_unconfirmed td.td_nopadding {
	padding:0px 4px 0px 4px;
	}
div#resetbutton {
position:absolute;
top:150px;
left:830px;
background:#A4AF59;
padding: 5px 0px 5px 5px;
border:2px solid #FFFFFF;
}
	div#resetbutton a {
	display:block;
	width:155px;
	height:40px;
	background:url('../images/resetbutton.png') left top no-repeat;
	}
	div#resetbutton a:hover {
	background:url('../images/resetbutton.png') left center no-repeat;
	}
	div#resetbutton a:active {
	background:url('../images/resetbutton.png') left bottom no-repeat;
	}
div#resetbutton_admin {
position:absolute;
top:170px;
left:830px;
}
	div#resetbutton_admin a {
	display:block;
	width:155px;
	height:40px;
	background:url('../images/resetbutton.png') left top no-repeat;
	}
	div#resetbutton_admin a:hover {
	background:url('../images/resetbutton.png') left center no-repeat;
	}
	div#resetbutton_admin a:active {
	background:url('../images/resetbutton.png') left bottom no-repeat;
	}
	
input.submitbutton {
width:300px;
height:30px;
background:url('../images/button_submit.gif') left top no-repeat;
border:none;
margin:15px 15px 0px 50px;
color:#FFFFFF;
}
input.resetbutton {
width:99px;
height:30px;
background:url('../images/button_reset.gif') left top no-repeat;
border:none;
margin:15px 0px 0px 0px;
}

table.bookingslink {
	border-collapse:collapse;
}
table.bookingslink td {
	width:190px;
	height:123px;
	text-align:center;
	vertical-align:middle;
	font-family:century gothic, Verdana, Geneva, sans-serif;
	font-size:14px;
}
table.bookingslink td a {
	text-transform:uppercase;
	text-decoration:none;
	color:#8D9B2F;
}
table.bookingslink td a:hover {
	text-decoration:underline;
}

p.greenheading {
font-family:Century Gothic, Verdana, Geneva, sans-serif;
font-size:14px;
color:#8D9B2F;
margin-bottom:15px;
}

/* Contact */

#contactdetails {
margin:0px 0px 0px 120px;
}
	#contactdetails a {
	color:#8D9B2F;
	font-weight:bold;
	}

/* Booking form */
#formbg {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#000000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: .8;
}

#formpopup {
position:absolute;
top:100px;
left:200px;
width:480px;
background:#8D9B2F;
padding:15px;
border-top:2px solid #D6DF91;
border-right:2px solid #8D9B2F;
border-bottom:2px solid #8D9B2F;
border-left:2px solid #D6DF91;
}
	#formpopup a {
	color:#FFFFFF;
	}
	#formpopup a:hover {
	text-decoration:underline;
	}
	#formpopup p {
	margin-bottom:0px;
	}
	#formpopup h3 {
	color:#FFFFFF;
	padding-bottom:5px;
	margin-bottom:5px;
	}
	form input.width255 {
	width:255px;
	}

span.left {
	display:block;
	width:150px;
	float:left;
	text-align:right;
	margin-right:15px;
	font-weight:bold;
}
input.calendarbutton {
	width:30px;
	height:30px;
	background:url('../images/calendarbutton.gif') left top no-repeat;
}
textarea#frmComments {
	width:257px;
	height:100px;
}
input.submitbutton {
	width:151px;
	height:38px;
	margin:0px;
	padding:0px;
	clear:both;
	background:url('../images/submitbutton.gif') left top no-repeat;
}
a.bookingdatelink {
	color:#000000;
	text-decoration:none;
}
a.bookingdatelink:hover {
	text-decoration:underline;
}

table.bookingform {
border-collapse:collapse;
margin-bottom:10px;
}
table.bookingform td {
vertical-align:top;
}
div.hr_dotted {
width:100%;
height:1px;
margin:0px 0px 10px 0px;
border-bottom:1px dotted #999999;
}

p.smallMargin {
margin-bottom:5px;
}
a.contactemail {
font-weight:normal;
}
a.contactemail:hover {
text-decoration:underline;
}

a.facebooklink {
display:block;
width:31px;
height:31px;
background:url('../images/logo_fb.png') left top no-repeat;
float:right;
}
a.facebooklink:hover {
background:url('../images/logo_fb.png') left bottom no-repeat;
}
a.twitterlink {
display:block;
width:31px;
height:31px;
background:url('../images/logo_tw.png') left top no-repeat;
float:right;
}
a.twitterlink:hover {
background:url('../images/logo_tw.png') left bottom no-repeat;
}

#extrasnav {
text-align:right;
margin-right:25px;
}
	#extrasnav p {
	margin-bottom:5px;
	color:#FFFFFF;
	}
	#extrasnav a {
	color:#FFFFFF;
	}
	#extrasnav a:hover {
	text-decoration:underline;
	}

#tempcover {
position:absolute;
top:128px;
left:200px;
width:879px;
height:455px;
background:url('../images/tempcover.png') left top repeat;
}