/* CSS Document */

a {color:#666;font-size:9x;text-decoration:none}

img {border: 0; behavior: url(/png_behavior.htc)}

/* Change colours here: bg images fonts, links etc */

body {background-image: url(images/body_bg.jpg);}

h1, h3, #left_nav_btm a, #btm_navigation a, #contentpage p {color: #937E3D; text-decoration: none;}

#top h2 , #top_content h2 {color: #AC9A5C;}


/* general styles */
body {
	margin: 0px 0px 0px 15px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #F0F1E3;
	background-attachment: fixed;
}

form {margin:0px}

#top h2 , #top_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	padding: 9px 0px 0px 9px;
	margin: 0px;
	width: 700px;
	height: 20px;
}

h1, h3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top: 0px;

}
h1 {
	font-size: 31px; margin-bottom: 20px;}
h3 {
	font-size: 13px; margin-bottom: 11px;

}
h5 {
	text-align:right;
	size:14px;
	color:#937E3D;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin-top: 13px;
}
#main_content {
	width: 778px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-image: url(images/bg_top.png);
	overflow: hidden;
	margin: 0 auto;
}
#Top_navigation a, #btm_navigation2 a, 
#left_navigation_content a, #footer p a {
	color:#8B7F69;
	text-decoration: none;
}
#Top_navigation a:hover, #left_navigation a:hover, 
#btm_navigation2 a:hover, #btm_navigation a:hover, 
#left_nav_btm a:hover, #left_navigation_content a:hover, 
.photobox p a:hover, #bottom_content a:hover {
	color:#000000;
	text-decoration: none;
}

#top_content {
	position:relative;
	min-height:500px;
	_height: 500px;
	width:777px;
}

#bottom_content{
	width: 777px;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	clear: both;
	background-color:#fff;
	margin: 0 auto;	

}

#Top_navigation {
	height: 70px;
	width: 777px;
	padding: 0px;
}


#Details_area_content {
	width: 777px;
	margin: 0px;
}



#Top_navigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	padding-left: 10px;
	float: left;
	margin-left: 15px;
	text-align: center;
	list-style-type: none;
	margin-top: 15px;
}


#left_column_content {
	height: 318px;
	width: auto;
	float: left;
	background-color: #EBEAD5;
	margin-top: 50px;
}

#left_navigation {
	width: 117px;
	height: 150px;
	text-align: right;
	margin-bottom: 10px;
	margin-top: 90px;
	z-index:4;
}

#left_navigation a {color:white; text-decoration:none;font-family: Arial, Helvetica, sans-serif}	
#left_navigation a:hover {color:ccc; text-decoration:none}	 
#left_navigation li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	list-style-type: none;
	line-height: 17px;
	height: 15px;
	margin: 0px;
}

#left_nav_btm{
	width: 140px;
	text-align: right;
	margin-top: 5px;
}

#left_nav_btm li{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	list-style-type: none;
	margin: 0px;
}

#left_navigation_content {
	position:absolute;
	z-index:6;
    border:1px solid red;
}
	

#left_navigation_content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 17px;
	height: 15px;
	margin: auto;
	width: auto;
	padding: 0px;
}


#left_navigation_content p a{
	margin:auto;
	padding: 0px;
	display: block;
}

#contentpage {
	width: 700px;
	float: left;
	height: 168px;
	padding-top: 20px;
	padding-left: 14px;
	padding-right: 14px;
}


#contentpage p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}


#big_photo_cont {
	position:absolute;
	width: 625px;
	height: 400px;
	top:99px;
	left:0px;	
	display:block;
}

#bg_big_photo_top {
	position:absolute;
	height: 400px;
	width: 625px;
	z-index: 50;
	top:99px;
	left:0px;
}


#layer1 {
	height: 400px;
	width: 128px;
	background-repeat: no-repeat;
	margin: auto;
	overflow: visible;
	position:absolute;
	left:0px;
	z-index: 100;
	visibility: visible;
}


#easter {
	position:absolute;
	top:291px;
	left:0px;
}

#facebook-icon{
	position: absolute;
	left:15px;
	bottom: 115px;
	z-index:3;
	_behavior: url('/png_behavior.htc');
}

#twitter-icon{
	position: absolute;
	left:70px;
	bottom: 115px;
	z-index:3;
	_behavior: url('/png_behavior.htc');
}

#christmas_offer{
	position: absolute;
	left:0;
	bottom: -10px;
	z-index:300;
	_behavior: url('/png_behavior.htc');
}

#right_column_content {
	position:absolute;
	height: 188px;
	width: 152px;	
	right:-150px;
	top:10px;
	margin:0;
	z-index:200;	
}

#right_text {
	width: auto;
	padding-left: 30px;
	padding-right: 17px;
	height: auto;
}
#right_text p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	margin: 0px;
}

#btm_photos {
	height: auto;
	width: auto;
	clear: both;
	margin: 0px;
	padding: 0px;
}
#btm_photos img {
	float: left;
	display: block;
	height: 128px;
	width: 128px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#btm_navigation, #btm_navigation2 {
	width: auto;
	height: auto;
	clear: both;
	text-align: center;
	margin: auto auto auto 20px;
}
#footer {
	height:110px;
	width:100%;
	clear:both;
	background-image: url(images/btm_bg.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
}

#footer p{margin_top:5px;float:left;margin-left:28px}

#btm_navigation li{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	list-style-type: none;
	margin-right: 10px;
	margin-top: 13px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
#btm_navigation2 li{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	list-style-type: none;
	margin-right: 30px;
	margin-top: 10px;
}
.textbox {
	height: auto;
	width: auto;
	display: block;
	float: left;
}
.textbox p, .textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	color: #ADAE84;
}
.textbox .join {
	height: 14px;
	width: 110px;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	line-height: 16px;
}
.photobox {
	height: auto;
	width: auto;
	display: block;
	float: left;
	margin-top: 20px;
	padding-left: 2px;
	text-align: center;
}
.photobox p a, #bottom_content a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: auto;
	color: #BBB5A9;
	text-decoration: none;
	
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 18px;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 0px;
	background-color: transparent;
	border: none;
	vertical-align: middle;
	color: #927D3C;
	text-align: right;
	height: auto;
	width: auto;
	background-attachment: fixed;
}



/* subpage */

#big_photo_cont_sub {
	height: 247px;
	width: 625px;
	background-repeat: no-repeat;
	margin: auto;
	overflow: visible;
	z-index: 1;
	float: left;
}

#right_column_content_sub {
	position:absolute;
	right:0px;
	top:100px;
	background-image: url(images/right_col_bg.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	display: block;
	overflow:hidden;
	width:152px;
}

#layer1_sub {
	height: 247px;
	width: 200px;
	background-repeat: no-repeat;
	margin: auto;
	overflow: hidden;
	position:absolute;
	z-index: 2;
	visibility: visible;
	float: left;
}

#middlebit{
	background-image:url(images/home_sub_btm.png);
	background-position:left top;
	width: 625px;
	float: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

/* Booking Mask */


#bookingContainer {								/* BOOKING CONTAINER */
	height: 194px;
	margin:0px;
	position:relative;
	width:152px;
	clear:left;
	color: #102933;
	float:left;
}


#selectHotel {
	position:absolute;
	top:48px;
	left:10px;
}

#selectHotel select {
	font-size:9px;
	width:134px;
}


#dateInCalendar {
    position:absolute;
	border:0px;
	top:17px;
	right:65px;
	width:165px;
	height:170px;
	margin:5px;
    overflow:hidden;
    display:none;
  	z-index:500;
    
}

#bookingForm {
	position:absolute;
	top:0px;
	left:0px;
}


#bookingHead {
	position:absolute;
	top: 30px;
	left:9px;
    width:350px;
    margin:0px;
    padding:0px;
}
	

#bookbutton {
	position: absolute;
	left: 89px;
	top: 155px;
	width:60px;
	font-size:10px;
	color:#999;
	background: transparent;
	border: none;
	padding: 0;
}


.formSubmit {
	font-size:11px;
	color:#fff;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#dateInBlock {
	position:absolute;
	top:81px;
	left:10px;
    z-index:4; 
    padding:0px;
    margin:0px;
}
	
	
#nights {
	position: absolute;
	left: 10px;
	top: 115px;
}


#adults {
	position: absolute;
	left: 55px;
	top: 115px;
}

#children {
	position: absolute;
	left: 101px;
	top: 115px;
}


.bookingtext {
	font-size: 10px;
}

#checkin select { font-size:9px;color:#666;float:left;clear:left;}
#checkin input { font-size:9px;color:#666;float:left;clear:left;}
 
#checkin label {font-family:sans-serif;margin:0px 1px;padding:0px;float:left;white-space:pre}
#DateIn { width:50px;}

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

/*div {border:1px solid red;margin:-1px;}*/

/* SPECIAL OFFERS SLIDESHOW */

/* div#special-offers{
	position:relative; 
	text-align:left;
	width:774px; 
	height:128px;
	overflow:hidden;
	margin-bottom:10px;
}
div#special-offers .offer-slide .offerImage{
	float:left; display:inline;
	margin-right:15px;
}

div#special-offers .offer-slide{
	position:relative; 
	float:left; _display:inline; 
	background-color:#f6f8dc; 
	width:387px; 
	height:128px
}

div#special-offers .offer-slide h3{
	margin: 5px 15px 2px;
}

div#special-offers .offer-slide h3.hotel{
	font-size:10px;
	margin: 0px 0 2px;
}

div#special-offers .offer-slide p{
	margin: 5px 15px 2px;
	color:#ADAE84;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;	
}

div#special-offers .offer-slide .more{
	position:absolute;
	font-size:11px;
	color:#937e3d;
	right:10px;
	bottom:5px;
}

div#special-offers .offer-slide .more:hover{
	color:#d2a30e;
}

div#special-offers .offer-slide .price{
	position:absolute;
	font-size:12px;
	color:#937e3d;
	left:145px;
	bottom:5px;
} */

/*Offers Carousel - Start */

div#special-offers{
	width:737px;
	height:81px;
	padding:19px 20px 0px;
	clear:both;
	overflow:hidden;
	z-index:50;
	margin-bottom:10px;
	background:#d8d6a6;
	position:relative;
}
	
		div#special-offers .widget{
			width:820px;
			height:70px;
			overflow:hidden;
			margin-left:11px;
		}
		
		div#special-offers .widget ul.carousel{
			list-style-type:none;
			margin:0px;
			padding:0;
			width:746px;
			height:70px;
			overflow:hidden;
			zoom:1;
		}
		
		div#special-offers .widget ul.carousel li{
			float:left;_display:inline;
			margin-right:7px;
	
			width:239px;
		}
		
		div#special-offers .widget ul.carousel li img.itemPreviewImage{
			border:1px solid #ffffff;
			float:left;
			width:118px;
		}
		
						
		div#special-offers .widget ul.carousel li .offers-wrapper{
			float:right;
			margin:0 0 5px 8px;
			width:110px;
			text-align:left;
		}
		
		div#special-offers .widget ul.carousel li .offers-wrapper h3{
			margin:0px;
			padding:0px;
			font-size:0.7em;
			height:26px;
			overflow:hidden;
			color:#33230C;
		}
		
		div#special-offers .widget ul.carousel li .offers-wrapper p.offer-text{
			font-size: 0.6em;
			margin:0;
			font-family:Arial,Helvetica,sans-serif;
			height:28px;
			width:105px;
			overflow:hidden;
			color:#888069;
		}
		
		div#special-offers .widget ul.carousel li .offers-wrapper a.more-link{
			display:block;
			text-align:right;
			font-family:Arial,Helvetica,sans-serif;
			font-size: 0.6em;
			color:#888069;
			text-decoration:underline;
		}
		
		div#special-offers ul.nav{
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
		div#special-offers ul.nav li{
			position:absolute;
			top:40px;
			cursor:pointer;
			z-index:100;
		}
		
		div#special-offers ul.nav li.left{
			left:14px;
		}
		
		div#special-offers ul.nav li.right{
			right:10px;
		}
	
	/*Offers Carousel - End */