/*  	-----------------------------------------------------------------------------
		INTERFACE LAYOUT
		----------------------------------------------------------------------------- 	*/
		

BODY	{
	background: #EEEEEA url('../../images/background_img.jpg');
	background-position: top center;
	background-repeat: no-repeat;	
	color:#7a7a7a;
	font-family: Georgia
}

#container {
	position: absolute;
	left: 50%;
	top: 43px;
	width: 866px;
	margin-left: -433px;
	margin-bottom: 100px;
	font-size:8pt;
	font-family: "Century Gothic";

}

h1, h2 {
	margin:0;
	padding:0;
	text-transform:lowercase;
	font-family: 'helvetica neue light', 'trebuchet ms', arial;
	font-size:18px;
	font-weight:bold;
	display:block;
}
	h1.caps, h2.caps {
		font-size:20px;
		text-transform:none;
	}

p {
	margin:0;
	padding:0;
	color:#606060;
	font-family:"Century Gothic";
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	text-transform: none;
}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

a.redd { color:#333333; }

/* 		-----------------------------------------------------------------------------
		DROPDOWN MENUS
		-----------------------------------------------------------------------------	*/
		
		.dropdown {
			clear:both; 
			background-position:bottom left; 
			overflow:hidden; 
			position:relative;
		}
		
		.dropdown_inner {
			bottom:0;
		}
		.dropdown_inner a img {
			border:1px solid #cccccc;
			padding:5px;
			background:white;
			margin-right:10px;
		}
			.dropdown_inner a:hover img {
				border:1px solid #bbbbff;
				background:#eeeeff;
			}


/*  	-----------------------------------------------------------------------------
		MENU NAVIGATION
		----------------------------------------------------------------------------- 	*/	


#topbar {
	margin:0 0 30px 0;	
	text-align: left;
	background:url(../../images/bg_menubar.gif);
	display:block;
	width:866px;
	height:94px;
	overflow:hidden;
}
		#topbar #home {
			display:block;
			width:165px;
			height:79px;
			overflow:hidden;
			position:absolute;
			left:5px;
			top:0;
			text-indent:-999px;
		}

		#topbar ul.menu {
			list-style: none;
			display:block;
			overflow:hidden;
			height:58px;
			position:absolute;
			left:187px;
			top:8px;
			margin:0;
			padding:0;
		}
		
				#topbar ul.menu li {
					display: inline;
				}
				
				#topbar ul.menu li a {
					display:block;
					height:58px;
					float:left;
					overflow:hidden;
					text-indent:-999px;
					background-position:0 0;
				}
				
						#topbar ul.menu li a.home {
							background:url('../../images/menu/home.gif');
							width:89px
						}
						#topbar ul.menu li a.overview {
							background:url('../../images/menu/overview.gif');
							width:127px
						}
						#topbar ul.menu li a.accommodation {
							background:url('../../images/menu/accommodation.gif');
							width:189px
						}
						#topbar ul.menu li a.travel {
							background:url('../../images/menu/travel.gif');
							width:146px
						}
						#topbar ul.menu li a.contact {
							background:url('../../images/menu/contact.gif');
							width:122px
						}
						
								#topbar ul.menu li a:hover {		background-position:0 58px; }
								#topbar ul.menu li a.selected {		background-position:0 58px; }


		
/*  	-----------------------------------------------------------------------------
		FOOTER TEXT
		----------------------------------------------------------------------------- 	*/

		#footer_text {
			text-align:justify;
			color:#606060;
		}
		
		#copyrights {
			position:relative;
			top:-15px;
			color:#aaaaaa;
			text-align:center;
			margin-bottom:50px;
		}
			#copyrights a {
				color:#aaaaaa;
				text-decoration:none;
			}
			#copyrights a:hover {	text-decoration:underline;  }
			#copyrights span.bul {
				padding:0 10px;
				color:#cccccc;
			}
		
		#preloader {
			display:block;
			width:1px;
			height:1px;
			overflow:hidden;
		}
		
		

/*  	-----------------------------------------------------------------------------
		GENERAL STYLES
		----------------------------------------------------------------------------- 	*/

#quotes {
	display: block;
	width: 604px;
	height:78px;
	margin: -40px 0 0 260px;
}

.news_title {
	font-family: 'Century Gothic';
	font-size: 15px;
	color: #466f7c;
	text-transform: uppercase;
	float:left;
}

#news_date {
	font-family: 'Century Gothic';
	font-size: 11px;
	color: #9c9c8c;
	text-transform: uppercase;
	float: left;
	margin: 0 0 15px 708px;
}

.body_copy {
	font-family: 'Century Gothic';
	font-size: 12px;
	color: #606060;
	line-height: 18px;
	text-align: justify;
	text-transform: none;
}

	.body_copy a {
		color: #466f7c;
		text-decoration: none;
	}

		.body_copy a:hover {
			color: #466f7c;
			text-decoration: underline;
		}
		
h3 {
	font-family:'Trebuchet ms', arial;
	font-size:13pt;
	text-decoration:none;
	display:block;
	margin:0;
	padding:0;
	font-weight:normal;
}

#sub_image {
	display: block;
	width: 530px;
	height: 243px;
	margin: 0;
	float: left;
}

#side_text {
	display: block;
	width: 325px;
	height: 243px;
	float: left;
	margin: 0 0 0 10px;
}

.sub_title {
	font-family:"Century Gothic";
	font-size: 14px;
	color: #5d3737;
	text-transform: uppercase;
}

.sub_title_body {
	font-family:"Century Gothic";
	font-size: 14px;
	color: #a98849;
	text-transform: uppercase;
	margin: 0 0 8px 0;
}

.booking_btn {
	display: block;
	width: 326px;
	height: 52px;
	margin: 42px 0 0 0;
}

#sub_text_left {
	display: block;
	width: 408px;
	margin: 0;
	float: left;
}

#sub_text_right {
	display: block;
	width: 408px;
	margin: 0 0 0 50px;
	float: left;
}

#gallery {
	display: block;
	width: 500px;
	margin: 0;
	float: left;
}

a.hidetext {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

	.hrule {
		width:100%;
		height:20px;
		overflow:hidden;
		display:block;
		clear:both;
		border-bottom:1px solid #DCDACE;
		margin-bottom:20px;
	}
	.hrule2 {
		width:100%;
		height:5px;
		overflow:hidden;
		display:block;
		clear:both;
		border-top:1px solid #DCDACE;
		margin-bottom:25px;
	}

div.lefter_flash {
	float:left;
}
div.menu_left {
	float:right;
	margin-right:10px;
}
	div.menuitem {	width:380px; display:block; float:left;	margin-right:30px; margin-bottom:10px; }
		div.menuitem div.thumb_img {
			float:left;
			background:white;
			position:relative;
			width:107px;
			height:77px;
			margin-right:10px;
		}
			div.menuitem div.thumb_img div.absff {
				position:absolute;
				top:4px;
				left:4px;
			}
				div.menuitem div.thumb_img div.absff img { border:0; }
				
			div.menuitem div.thumb_img a.absoo {
				position:absolute;
				top:0;
				left:0;
				width:107px;
				height:77px;
			}
				div.menuitem div.thumb_img a.absoo img { border:0; width:107px; height:77px; }

		div.menuitem a.menuitema {
			font-family:"Century Gothic";
			font-size:13pt;
			text-decoration:none;
			display:block;
		}
			div.menuitem a:hover.menuitema { text-decoration:underline; }
		div.menuitem p {
			font-size:9pt;
			color:#333;
			line-height:12px;
			text-align:justify;
		}


	.black 		{ color:#5d3737; text-transform: uppercase; font-family: "Century Gothic"; font-size: 14px;}
	.brown 		{ color:#a98849; text-transform: uppercase; font-family: 'Century Gothic'; font-size: 14px;}
	.yellow 	{ color:#e0af46; text-transform: uppercase; font-family: 'Century Gothic'; font-size: 14px;}
	.brown  	{ color:#A78F50; text-transform: uppercase; font-family: 'Century Gothic'; font-size: 14px;}
	.orange 	{ color:#e07a46; text-transform: uppercase; font-family: 'Century Gothic'; font-size: 14px;}
	.red	  	{ color:#e05546; text-transform: uppercase; font-family: 'Century Gothic'; font-size: 14px;}
	.white 		{ color:#ffffff; text-transform: uppercase; font-family: 'Century Gothic'; font-size: 14px;}


	.thumb_gallery a img { border:1px solid #cccccc; padding:10px; margin:5px; background:white; }
	.thumb_gallery a:hover img { border:1px solid #9999DD; background:#EEEEFF; }
	
	div.texter {
		font-size:9pt;
		color:#333333;
	}
		div.texter b {
			font-size:9pt;
			color:#333333;
		}
		div.texter ul {
			margin-top:0;
			margin-left:20px;
			padding-left:0;
		}
		div.texter p {
			text-align:justify;
		}
		
		table.invis {
			margin:0;
			padding:0;
			border:0;
		}
			table.invis tr td {
				padding:0 10px 5px 0;
				margin:0;
				font-size:8pt;
			}
		
		table.lines {
			margin:0;
			padding:0;
			border:1px solid #cccccc;
			border-collapse:collapse;
		}
			table.lines tr td {
				padding:5px 10px 5px 10px;
				margin:0;
				font-size:8pt;
				border: 1px solid #dddddd;
			}
	.rounded_white {
		clear:both; 
		padding-top:20px; 
		background:url(../../images/bg_rates1.gif); 
		width:797px; 
		overflow:hidden;
		margin-left:27px;
	}
		.rounded_white_footer {
			background:url(../../images/bg_rates2.gif); 
			height:25px; 
			overflow:hidden; 
			display:block;
		}
	.padder20 {	padding:20px; }	
	
/* 	----------------------------------------------------------------------
	Breadcrumbs
 	----------------------------------------------------------------------  */

ul.breadcrumbs {
	position:relative;
	top:-5px;
	margin:0;
	padding:0;

}

	ul.breadcrumbs li {
		list-style:none;
		display:inline;
		margin-left:0;
		padding:0 0 0 10px;
		background:url(../../images/breadcrumbs_sep.gif);
		background-position:center left;
		background-repeat:no-repeat;
	}
		ul.breadcrumbs li.firstone { background:none; }
		ul.breadcrumbs li a {
			font-family: Tahoma;
			font-size: 11px;
			color:#887676;
			text-decoration:none;
		}
		ul.breadcrumbs li a:hover {
			text-decoration:underline;
		}
		
/* 	----------------------------------------------------------------------
	Gallery Thumbs
 	----------------------------------------------------------------------  */

.thumb_holder{
	float: left;
}

.thumb_img {
	border: 1px solid #c4c1ba;
	margin: 7px 7px 0 0;
	color:#000;
}

/* 	----------------------------------------------------------------------
	Button Styles
 	----------------------------------------------------------------------  */

#view_more {
	display:block;
	width:326px;
	height:52px;
	overflow:hidden;
	margin: 268px 0 0 58px;
}
	#view_more a {
		display:block;
		width:326px;
		height:52px;
		background:url(../../images/btn_find_out_more_info.gif);
		background-position:top left;
	}
	#view_more a:hover { background-position:bottom left; }
	
#booking_btn {
	display:block;
	width:326px;
	height:52px;
	overflow:hidden;
	margin: 25px 0 0 0;
}
	#booking_btn a {
		display:block;
		width:326px;
		height:52px;
		background:url(../../images/btn_make_a_booking_01.gif);
		background-position:top left;
	}
	#booking_btn a:hover { background-position:bottom left; }
	
.hider {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/*	CONTACT FORM STYLES ---------------------------------------------------------------------- 	*/

#contactform {
	margin: 0;
	padding:0;
}

fieldset.contact {
	margin: 0;
	padding: 0;
	border: 0;
}

.contact input, .contact button {
	border: none;
	float: left;
	margin: 0;
}

.contact input.box {
	border: 1px solid #d1d1d1;
	font-size: 11px;
	padding: 5px 0 0 5px;
	font-family: Verdana;
	color: #4A4A4A;
	width: 300px;
	height: 20px;
	background: #fff;
	margin-bottom: 10px;
	display: block;
	float: left;
}

.contact input.box:focus {
	background: #f5f5f5;
	outline: none;
}

.contact textarea.message {
	border: 1px solid #d1d1d1;
	font-size: 11px;
	padding: 5px 0 0 5px;
	font-family: Verdana;
	color: #7b7b7b;
	width: 300px;
	background: #FFF;
	margin-bottom: 10px;
	display: block;
	float: left;
}

.contact textarea.message:focus {
	background: #f5f5f5;
	outline: none;
}

.contact_text {
	font-family: Verdana;
	color: #191b16;
	font-size: 11px;
	line-height: 15px;
	margin-left: 1px;
}

.required {
	font-family: Verdana;
	color: #e05546;
	font-size: 11px;
	line-height: 19px;
	font-style: italic;
}

#contact_btn  {
	display:block;
	width:139px;
	height:32px;
	overflow:hidden;
	margin: 0 41px 0 172px;
	text-indent: -9999px;
}
	#contact_btn a {
		display:block;
		width:139px;
		height:32px;
		background:url(../images/btn_send_form.gif);
		background-position:top left;
	}
	#contact_btn a:hover { background-position:bottom left; }
	
label.error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 27px;
	line-height: 27px;
	font-size: 11px;
	padding: 0px 0 0 5px;
	padding-left: 30px;
	padding-bottom: 10px;
	background: url(../images/icons/fail.png) no-repeat 4px 2px;
	display: block;
	float: left;
	color: #CC0000;
}

label.success
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 27px;
	line-height: 27px;
	font-size: 11px;
	padding: 0px 0 0 5px;
	padding-left: 30px;
	padding-bottom: 10px;
	background: url(../images/icons/pass.png) no-repeat 4px 2px;
	display: block;
	float: left;
	color: #339900;
}

.button_wrapper  
{
	display:block;
	overflow:hidden;
	width: 300px;
}
	
.submit_button
{
	height: auto;
	border: 4px solid #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #fff;
	display: block;
	float: left;
}

.submit_button input[type=submit]
{
	display: block;
	color: #fff;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 1px 35px;
	border: 3px solid #5A5A5A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #5A5A5A url(../images/button_std.png) repeat-x 0px center;
	cursor: pointer;
}

.submit_button input[type=submit]:hover
{
	background-position: 300px center;
	border-color: #414141;
	background-color: #e05546;
}

.submit_button input[type=submit].red
{
	border-color: #C21B00;
	background: #C21B00 url(../images/button_red.png) repeat-x 0px center;
}

.submit_button input[type=submit].red:hover
{
	background-position: 300px center;
	border-color: #8A1401;
	background-color: #8A1401;
}

.submit_button input[type=submit].blue
{
	border-color: #007EA9;
	background: #007EA9 url(../images/button_blue.png) repeat-x 0px center;
}

.submit_button input[type=submit].blue:hover
{
	background-position: 300px center;
	border-color: #006B96;
	background-color: #006B96;
}

.submit_button input[type=submit].green
{
	border-color: #0A881C;
	background: #0A881C url(../images/button_green.png) repeat-x 0px center;
}

.submit_button input[type=submit].green:hover
{
	background-position: 300px center;
	border-color: #007509;
	background-color: #007509;
}

.submit_button input[type=submit].grey
{
	border-color: #8E8E8E;
	background: #8E8E8E url(../images/button_grey.png) repeat-x 0px center;
}

.submit_button input[type=submit].grey:hover
{
	background-position: 300px center;
	border-color: #808080;
	background-color: #808080;
}

.submit_button input[type=button]
{
	display: block;
	color: #fff;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 1px 12px;
	border: 3px solid #5A5A5A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #5A5A5A url(../images/button_std.png) repeat-x 0px center;
	cursor: pointer;
}

.submit_button input[type=button]:hover
{
	background-position: 300px center;
	border-color: #414141;
	background-color: #414141;
}

.submit_button input[type=button].red
{
	border-color: #C21B00;
	background: #C21B00 url(../images/button_red.png) repeat-x 0px center;
}

.submit_button input[type=button].red:hover
{
	background-position: 300px center;
	border-color: #8A1401;
	background-color: #8A1401;
}

.submit_button input[type=button].blue
{
	border-color: #007EA9;
	background: #007EA9 url(../images/button_blue.png) repeat-x 0px center;
}

.submit_button input[type=button].blue:hover
{
	background-position: 300px center;
	border-color: #006B96;
	background-color: #006B96;
}

.submit_button input[type=button].green
{
	border-color: #0A881C;
	background: #0A881C url(../images/button_green.png) repeat-x 0px center;
}

.submit_button input[type=button].green:hover
{
	background-position: 300px center;
	border-color: #007509;
	background-color: #007509;
}

.submit_button input[type=button].grey
{
	border-color: #8E8E8E;
	background: #8E8E8E url(../images/button_grey.png) repeat-x 0px center;
}

.submit_button input[type=button].grey:hover
{
	background-position: 300px center;
	border-color: #808080;
	background-color: #808080;
}