#main {width:890px; margin:0 auto;}

#header {height:561px; /*background:url(header-bg.jpg) no-repeat 0 171px;*/ position:relative;}
	div.lang { position: absolute; top: 8px; right: 0; font-size: 19px; margin-left: -9px; color: #FF9600; }
	div.lang a { text-decoration: none; color: #c6c6c6; }
	div.lang a:hover { color: #FF9600; }
#header, #content, #footer { font-size:0.938em;}

.col-1, .col-2, .col-3 { float:left; }

/*======= index.html =======*/
#main #content .col-1 {width:553px; margin-right:30px; position: relative; }
#main #content .col-1 .col-1 { width:173px; margin-right:17px;}
#main #content .col-1 .col-2 { width:173px; margin-right:17px;}
#main #content .col-1 .col-3 { width:173px;}
#main #content .col-2 { width:307px;}

#main #content .col-1  .thumb { display: block; width: 157px; height: 128px; background: transparent url('img-bg.gif') no-repeat center center; padding: 8px; }
	#main #content .col-1  .thumb img { margin: 0; }

#main #content .off p.p1 {
	text-align: center;
	font-weight: bold;
}
/*======= index-1.html =======*/
#page2 #content .col-1 {width:553px; margin-right:30px;}
#page2 #content .col-1 .col-1 { width:244px;}
#page2 #content .col-1 .col-2 { width:244px;}
#page2 #content .col-2 { width:307px;}

/*======= index-2.html =======*/
#page3 #content .col-1 {width:553px; margin-right:30px;}
#page3 #content .col-1 .col-1 { width:173px; margin-right:17px;}
#page3 #content .col-1 .col-2 { width:173px; margin-right:17px;}
#page3 #content .col-1 .col-3 { width:173px;}
#page3 #content .col-2 { width:307px;}

/*======= index-3.html =======*/
#page4 #content .col-1 {width:553px; margin-right:30px;}
#page4 #content .col-2 { width:307px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:553px; margin-right:30px;}
#page5 #content .col-2 { width:307px;}

/*======= index-5.html =======*/
#page6 #content .col-1 {width:553px; margin-right:30px;}
#page6 #content .col-1 .col-1 { width:173px; margin-right:17px;}
#page6 #content .col-1 .col-2 { width:173px; margin-right:17px;}
#page6 #content .col-1 .col-3 { width:173px;}
#page6 #content .col-2 { width:307px;}

/*======= index-6.html =======*/
#page7 #content .col-1 {width:553px; margin-right:30px;}
#page7 #content .col-2 { width:307px;}


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


#footer {height:117px; background:url(footer-tail.gif) repeat-x left top; position: relative; }
#footer .col-1 { width:114px; margin: 0 50px 0 17px; }
#footer .col-2 { width:104px; margin: 0 70px 0 7px; }
#footer .col-3 { width:112px; }



/* Photogalerries */
	
.photogallery.wide {
	border-bottom: 1px solid #E1E1E1;
	display: block;
	text-decoration: none;
	float: left;
	margin: 10px 14px 20px 0px;
	height: auto;
}
.photogallery .photoSlide {
	border: 1px solid white;
	border-top: none;
	position: relative;
}
	.photoSlide .left,
	.photoSlide .right {
		height: 143px;
		width: 7px;
		position: absolute;
		top: 0;
	}
		.photoSlide .left {
			left: 0;
		}
		.photoSlide .right {
			right: 0;
		}
	.photoSlide .images {
		margin: 0 0 0 27px;
		overflow: hidden;
		position: relative;
		height: 143px;
		width: 480px;
	}
		.images .image-list {
			margin: 7px 0 0 0;
			padding: 0;
			position: relative;
			height: 130px;
			width: 890px;
		}
			.images .image-list a {
				display: block;
				float: left;
				width: auto;
				padding: 0 3px 0 0;
				height: auto;
				position: relative;
			}
				.images .image-list a img { padding: 0; margin: 0; }
	.photoSlide a.next,
	.photoSlide a.previous {
		font-size: 76px;
		text-decoration: none;
		top: 35px;
		padding-top: 20px;
		position: absolute;
		height: 50px;
		width: 25px;
		z-index: 77;
	}
		.photoSlide a:hover { color: #FF9600; }
		.photoSlide a.next { right: 0; }
		.photoSlide a.previous { left: 0; }
		.photoSlide a.previous.disabled,
		.photoSlide a.next.disabled {
			color: #E1E1E1;
		}
.photogallery .thumb {
	float:left;
}
.photogallery .title {
	display: block;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 19px;
	margin: 15px 0 5px 0;
	border-bottom: 1px solid #e1e1e1;
}
.photogallery .desc {
	display: block;	
	margin-bottom: 10px;
}


.photogallery table.components {
	width: 100%;
}
	.photogallery table.components td.price {
		width: 39%;
	}
		.photogallery table.components td.price table {
			border: none;
			border-left: 5px solid #C1C1C1;
			border-right: 5px solid #C1C1C1;
			border-collapse: collapse;
			font-weight: bold;
			height: 186px;
			width: 210px;
		}
		.photogallery table.components td.price table tr {
			border: 1px solid #C1C1C1;
		}
			.photogallery table.components td.price table td.label {
				color: white;
				text-align: center;
				background-color:#A1A1A1;
				vertical-align: middle;
				width: 50%;
				border: none;
				border-collapse: collapse;
			}
				.photogallery table.components td.price table td.label span {
					font-weight: normal;
					font-family: serif;
					font-size: 13px;
				}
			.photogallery table.components td.price table td.price {
				color: #A1A1A1;
				font-size: 16px;
				text-align: center;
				vertical-align: middle;
				width: 50%;
			}
	.photogallery table.components td.services {
		vertical-align: top;
		width: 61%;
	}
		.photogallery table.components td.services div {
			border-bottom: 1px solid #E1E1E1;
			padding: 3px 5px 3px 5px;
			margin: 0 3px 0 3px;
			letter-spacing: 1px;
			width: 145px;
			float: left;
		}
		
table.all-rooms-price {
	border: 1px solid #C1C1C1;
	border-collapse: collapse;
	font-size: 18px;
	width: 100%;
}
table.all-rooms-price tr {
	height: 50px;
}
	table.all-rooms-price td {
		border: 1px solid #C1C1C1;
		color: #A1A1A1;
		font-weight: bold;
		text-align: center;
	}
	table.all-rooms-price td.darken,
	table.all-rooms-price th.darken	{
		border: 1px solid white;
		color: white;
		background-color: #C1C1C1;
		padding: 5px;
	}
	table.all-rooms-price th.darken span {
		display: block;
		font-size: 12px;
	}
	
	
/* Photogalery in a box */

.box .photogallery {	
}
	.box .photogallery .photoSlide {
		border: none;
		
	}
	.box .photoSlide .images {
		height: 200px;
		width: 265px;
		margin: 0 0 0 0;
	}
	.box .photoSlide a.next,
	.box .photoSlide a.previous {
		top: 70px;
	}
	.box .image-list {
		margin: 0;
		height: 200px;
	}
	.box .image-list div {
		width: 265px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.box .image-list a {
		float: auto;
		margin: 0;
		padding: 0px;
	}
	.box .image-list a img {
		margin: auto 0;
	}
		.box .photoSlide a.previous,
		.box .photoSlide a.next {
			color: white; text-decoration: none;
		}
		.box .photoSlide a.previous.disabled,
		.box .photoSlide a.next.disabled {
			display: none;
		}
	
/* FEEDBACK MARKUP */
div.commentBlock {
}
	div.commentCount {
		font-size: 12px;
		font-weight: bold;
		position: absolute;
		top: 62px;
		left: 14px;
	}
	div.commentFormTitle {
		font-weight: bold;
		font-size: 14px;
		border-bottom: 1px solid #E1E1E1;
		line-height: 1em;
		padding: 8px 0 8px 0;
		margin: 23px 0 13px 0;
	}
	div.commentForm {
		display: none;
		font-size: 20px;
	}
		table.objCommentForm {
			height: 276px;
			width: 553px;
		}
			td input, textarea {
				color: #A1A1A1;
				padding: 4px 0 4px 0;
			}
			td {
				color: #A1A1A1;
			}
			td input:focus, textarea:focus {
				color: #717171;
			}
			td.objCommentFormControl,
			td.objCommentFormText {
				border: 1px solid #E1E1E1;
			}
			td.objCommentFormControl input {
				width: 100%;
				border: none;
			}
			td.objCommentFormText textarea {
				border: none;
				max-height: 180px;
				max-width: 547px;
				resize: none;
				width: 100%;
			}
			td.objCommentFormSubmit input{ 
				border: 1px solid #D1D1D1;
				color: #A1A1A1;
				background-color: white;
				cursor: pointer;
				text-transform: capitalize;
				overflow: visible;
				width: 100%;
			}
			td.objCommentFormSubmit input:hover {
				color: white;
				background-color: #A1A1A1;
			}
			
	div.comments {
	}
		table.objCommentItem {
			/* border-top: 1px solid #D1D1D1; */
			margin: 10px 0 10px 0;
			width: 552px;
			border-collapse: collapse;
			position: relative;
		}
			td.objCommentTitle {
				font-size: 14px;
				padding: 5px 0 5px 0; 
				color: #717171;
			}
			td.objCommentSubject {
				display: none;
				font-size: 12px;
				color: #A1A1A1;
			}
			td.objCommentText {
				border: 1px solid #D1D1D1;
				padding: 10px;
				font-size: 14px;
				text-indent: 10px;
				text-align: justify;
				color: black;
				font-size: 16px;
				line-height: 1.3em;
			}
				table.objCommentItem.added td.objCommentText {
					border-color: #FF9600;
				}
				table.objCommentItem.added td.objCommentTitle,
				table.objCommentItem.added td.objCommentSubject {
					color: #FF9600;
				}
			/* td.objCommentFormTitle,
			td.objCommentFormControl {
				display: none;
			} */
/* Contacts Form */
div.webForm table {
	width: 100%;
	font-size: 20px;
	line-height: 1em;
}
	div.webForm  div.errorMessages .message,
	div.webForm  div.successMessages .message {
		margin: 2px 0 2px 0;
		color: white;
		padding: 5px;
		font-size: 18px;
		text-align: left;
	}
		div.webForm  div.errorMessages .message {
			color: #AC2123;
			border-bottom: 1px solid #AC2123;
		}
		div.webForm  div.successMessages .message {
			color: #21AC23;
			border-bottom: 1px solid #21AC23;
		}
	div.webForm table  td.subtitle div {
		font-size: 16px;
		font-weight: bold;
		height: 30px;
		margin-bottom: 10px;
		border-bottom: 1px solid #A1A1A1;
	}
	div.webForm td label {
		display: block;
		width: 100%;
	}
	div.webForm td label span.fieldControl input {
		float: right;
		width: 390px;
		padding-left: 5px;
		padding-right: 5px;
	}
	div.webForm td span.fieldTitle {
		display: block; 
		float: left;
		font-size: 20px;
	}
	td span.fieldTitle {
		margin: 5px 0 0 28px;
	}
	div.webForm td span.fieldMandatory {
		color: #AC2123;
	}
	div.webForm td span.fieldControl  {
		float: right;
	}
		div.webForm td span.fieldControl.fieldCheckbox {
			border-left: 1px solid #D1D1D1;
			border-right: 1px solid #D1D1D1;
			font-size: 14px;
			float: right;
			padding: 0 10px 0 10px;
			width: 382px;
		}
			div.webForm td.text table {
				border-collapse: collapse;
				borer: none;
			}
		div.webForm td span.fieldControl.fieldCheckbox input {
			float: none;
			width: auto;
		}
	div.webForm td span.fieldControl textarea {
		max-height: 150px;
		max-width: 545px;
		resize: none;
		width: 392px;
		height: 150px;
		padding-right: 5px;
		padding-left: 5px;
	}
		td.submit input{ 
			border: 1px solid #D1D1D1;
			color: #A1A1A1;
			background-color: white;
			cursor: pointer;
			text-transform: capitalize;
			overflow: visible;
			width: 404px;
			float: right;
		}
		td.submit input:hover {
			color: white;
			background-color: #A1A1A1;
		}
		
		div.webForm td span.fieldControl input#arrival:focus,
		div.webForm td span.fieldControl input#leaving:focus {
			background-color: #FF9600; /* rgba(255,150,0,1); */
			color: white;
		}
		
/* datepicker */
#ui-datepicker-div {
	padding: 5px;
	border: 1px solid #D1D1D1;
	background-color: white;
}
.ui-corner-all {
}
	.ui-datepicker-next {
		position: absolute;
		font-size: 20px;
		top: 5px;
		right: 5px;
		cursor: pointer;
	}
	.ui-datepicker-prev {
		position: absolute;
		font-size: 20px;
		top: 5px;
		left: 5px;
		cursor: pointer;
	}
	.ui-datepicker-title {
		text-align: center;
	}
	.ui-datepicker-calendar td {
		text-align: center;
	}
	.ui-datepicker-calendar td a {
		display: block;
		padding: 4px;
		text-decoration: none;
		color: black;
	}
	.ui-datepicker-calendar td:hover {
		background-color: #FF9600;
	}
	.ui-datepicker-calendar td:hover a {
		color: white;
	}
div#footer div.booking {
	float: left;
	margin-left: 30px;
}
div.booking {
	background: #FF9600 url(bron-bttn.gif) no-repeat 0 0;
	margin-bottom: 15px;
	height: 59px;
}
	div.booking.small {
		background-position: 0 -118px;
		height: 38px;
	}
	div.booking.buy form {
		margin: 0px;
	}
	div.booking.buy input {
		background: url("bron-bttn.gif") no-repeat scroll 100% -156px transparent;
		border: 0 none;
		font-size: 20px;
		padding: 7px 20px;
	}
		div.booking.buy input:hover {
			color: white;
			cursor: pointer;
			text-decoration: underline;
		}
	div.booking div.h3 {
		background: transparent url(bron-bttn.gif) no-repeat 100% -59px;
		text-align: center;
	}
		div.booking div.h3 a {
			padding: 19px 10px 23px 10px;
			display: block;
			height: 100%;
			width: 100%;
			color: black;
			text-decoration: none;
			font-size: 27px;
		}
			div.booking.small a {
				background: transparent url(bron-bttn.gif) no-repeat 100% -156px;
				color: black;
				padding: 11px 10px 11px 10px;
				font-size: 20px;
				text-align:center;
				display: block;
			}
		div.booking div.h3 a:hover,
		div.booking a:hover {
			color: white;
			text-decoration: underline;
		}
		
		
/* */
div#wood-build {
	text-align: center;
	border: 7px solid #FF9700;
	padding: 13px;
	font-size: 19px;
	line-height: 1.3em;
	margin-top: 20px;
	border-radius: 5px;
}