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


@import url("forms.css"); /* forms styling */
@import url("styles.css"); /* text styling */


/* RESET ALL STYLING */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}



body {
	background:#B0B8AD url(../images/backgrounds/bg-slice.png) repeat-x;
	padding: 0px;
	margin-top:0px;
	padding-top:20px;
}

div.wrap {
	text-align:center;
	margin:auto;
	width:900px;
}


div.header {
	width:870px;
	height:142px;
	text-align:left;
	background:#BCCAA6 url(../images/backgrounds/header-bg2.png) bottom right no-repeat;
	*background:#BCCAA6 url(../images/backgrounds/header-bg2.gif) bottom right no-repeat; /*gif background image for IE6 */
	padding:18px 0px 0px 30px;
	margin:0px 0px 12px 0px;
}


div.maincontent {
	width:874px;
	padding:0px 13px 0px 13px;
	background:#FFF;
	min-height:600px;
}

div.maincontent2 {
	width:540px;
	padding:0px 13px 15px 13px;
	margin:0px 15px 15px 15px;
	background:#FFF;
}





div.flasharea {
	width:874px;
	height:380px;
}




div.textbox1 {
	width:540px;
	text-align:left;
	padding:10px 20px 50px 10px;
	float:left;
	display:block;
	height:inherit;
}


div.textbox2 {
	width:840px;
	text-align:left;
	padding:10px 20px 50px 10px;
	float:left;
	display:block;
	height:inherit;
	text-align:left;
}




div.innerscroll1 {
	height:300px;
	*height:auto; /* IE6 doesn't like inner scroll bars */
	overflow-y:scroll;
	padding:20px 20px 0px 0px;
}



.rightcol {
	float:right;
	width:295px;
	display:block;
	position:relative;
	text-align:center;
	vertical-align:top;
	min-height:420px;
	background-color:#D5D0C5;	
}

div.download{
	position:absolute;
	bottom:0; 
	left:0; 
	margin:0px 0px -3px 0px;
}



div.footer {
	height:20px;
	padding:8px 0px 20px 0px;
	text-align:left;
}


/* Google Map*/

div.googlemap {
	width:538px;
	height:270px;
	border:#999 1px solid;
}

div.mapwrapper {
	padding:20px 0px 20px 0px;	
}



/* Booking Form */

div.bookingfrm {
	background:#FFF;
	padding:30px;
	text-align:left;
	margin:0px 0px 20px 0px;
}





/* SPACER DIVS */

div.spacer1 {
	height:5px;
	width:50px;
}

div.spacer2 {
	height:10px;
	width:50px;
}

div.spacer3 {
	height:20px;
	width:50px;
}

div.spacer3b {
	height:30px;
	width:50px;
}


div.spacer4 {
	height:50px;
	width:50px;
}

div.spacer5 {
	height:100px;
	width:50px;
}

div.spacer6 {
	height:200px;
	width:50px;
}

div.clearfix {
	clear:both;
	height:1px;
}




/* IMAGE STYLING */

.imghover:hover {
	-moz-opacity:.80;
	-ms-filter:”alpha(opacity=80)”; 
	filter:alpha(opacity=80); 
	opacity:.80;
	cursor:pointer;
	outline:none;
	}

/* styling of buttons in the lower right area */

/* COTTAGE BUTTON */
div#cottagebutton {
	background:url(../images/buttons/accomodation.png) top left no-repeat;
	width:258px;
	height:62px;
	margin:0px 0px 0px 18px;
}


div#cottagebutton a{
	background:url(../images/buttons/accomodation.png) top left no-repeat;
	width:258px;
	height:62px;
	display:block;
}

div#cottagebutton a:hover{
	background:url(../images/buttons/accomodation2.png) top left no-repeat;
}

/* AREA BUTTON */
div#areabutton {
	background:url(../images/buttons/surroundings.png) top left no-repeat;
	width:258px;
	height:62px;	
	margin:0px 0px 0px 18px;	
}


div#areabutton a{
	background:url(../images/buttons/surroundings.png) top left no-repeat;
	width:258px;
	height:62px;
	display:block;
}

div#areabutton a:hover{
	background:url(../images/buttons/surroundings2.png) top left no-repeat;
}


/* AVAILABILITY BUTTON */
div#availabilitybutton {
	background:url(../images/buttons/availability.png) top left no-repeat;
	width:258px;
	height:62px;
	margin:0px 0px 0px 18px;	
}


div#availabilitybutton a{
	background:url(../images/buttons/availability.png) top left no-repeat;
	width:258px;
	height:62px;
	display:block;
}

div#availabilitybutton a:hover{
	background:url(../images/buttons/availability2.png) top left no-repeat;
}



/* Availability Box Stuff */


/* AVAILABILITY BUTTON */
div#availabilitybox {
	border:#6E5C43 1px solid;
	width:236px;
	margin:20px 0px 5px 18px;	
	padding:10px 10px 10px 10px;
}

div#availabilitybox h2{
	width:100%;
	background:#6E5C43;
	color:#FFF;
	font-weight:normal;
	margin:-10px -10px 10px -10px;
	padding:5px 10px 5px 10px;
}


div#availabilitybox table td {
	text-align:left;
}


/* Check date page stuff */

table.checkdatetable {
	text-align:left;
	margin:20px 0px 0px 0px;
	border:#6e5c43 1px solid;
}

table.checkdatetable th {
	text-align:left;
	background:#ebe9de;
	font-weight:bold;
	padding:5px;
}

table.checkdatetable td {
	border:#ebe9de 1px solid;
	padding:5px;
	
}