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

body{
	background: #e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:0;
}

h1{
	background:url(../images/h1-bg.jpg) no-repeat top left;
	width: 375px;
	height:20px;
	text-align:right;
	font-size:0.8em;
	font-style:italic;
	font-weight:normal;
	color:#0066ff;
	margin:0;
	padding:12px 0 0 0;
}

h2{

	font-size:0.8em;
	font-style:italic;
	font-weight:normal;
	color:#0066ff;
	margin:10px 0 6px 0;
	padding:0;
}

h3{
	width: 320px;
	height:17px;
	text-align:right;
	font-size:0.8em;
	font-style:italic;
	font-weight:normal;
	color:#fff;
	margin:0 0 0 20px;
	padding:12px 0 0 0;
	border-bottom: 1px solid #fff;
}

h4{
	font-size:0.7em;
	font-weight:bold;
	color:#CA6500;
	margin:0;
	padding:0;
}

p{
	font-size:0.7em;
	color:#444;
	line-height:135%;
	margin:8px 0;
	padding:0;
}

#wrapper{
	width:798px;
	margin:auto;
}
#wrapper-bg{
	background:url(../images/wrapper.jpg) repeat-y top left;
	width:798px;
	float:left;
}


#container{
	margin: 0 0 0 15px;
}

#banner{
	float:left;
	width:768px;
	height:190px;
	background:url(../images/banner.jpg) no-repeat bottom left;
}


/* -------------------------- Menu -------------------------- */

#menu{
	float:left;
	width:768px;
	height:71px;
	background:url(../images/menu.jpg) no-repeat top left;
}

#menu ul{
	margin:10px 0 0 190px;
	padding:0;
	list-style:none;

}

#menu ul li{
		display:inline;
		height:auto;
		font-size:0.8em;
		margin:0;
		padding:0;
}

#menu ul li a{
	color:#a2a2a2;
	font-weight:bold;
	text-decoration:none;
	float:left;
	width:auto;
	height:31px;
	line-height:160%;
	margin:0px;
	padding:0;
	display:block;
	background:url(../images/menu-left.png) no-repeat left bottom ;
}

#menu ul li a span{
	float:left;
	width:auto;
	height:15px;
	margin:0px 10px;
	padding:6px 10px 10px 2px;
	display:block;
	background:url(../images/menu-right.png) no-repeat right bottom ;
}


#menu ul li a:hover{
	background:url(../images/menu-left.png) no-repeat left top;
	height:31px;
	cursor:hand;
	color:#0066ff;
}

#menu ul li a:hover span{
	background:url(../images/menu-right.png) no-repeat right top;
	height:31px;
	cursor:hand;
}


/* -------------------------- Menu End -------------------------- */ 


#top-home{
	float:left;
	width:768px;
	height:43px;
	background:url(../images/top.jpg) no-repeat top left;
}

#top-other{
	float:left;
	width:768px;
	height:43px;
	background:url(../images/top2.jpg) no-repeat top left;
}

#content{
	float:left;
	width:768px;
}

#content-left-container{
	float:left;
	width:384px;
}

#content-left-container-fp{
	float:left;
	width:420px;
}

#content-left{
	float:left;
	margin:5px 0 10px 24px;
}

#content-left ul{
	margin:0 0 0 22px;
	padding:0;
}

#content-left span ul{
	margin:0 0 0 22px;
	padding:0;
	width:140px;
	float:left;
}

#content-left ul li{
	font-size:0.7em;
	color:#444;
	line-height:150%;
	list-style:none;
}

#content-left ul li a{
	color:#444;
	line-height:150%;
	background:url(../images/dot.jpg) center left no-repeat;
	padding:0 0 0 10px;
	margin:0;
	list-style:none;
	text-decoration:none;
}

#content-left ul li a span{
	color:#444;
	line-height:150%;
	background:url(../images/dot.jpg) center left no-repeat;
	padding:0 0 0 10px;
	margin:0;
	list-style:none;
	text-decoration:none;
	float:left;
}


#content-left ul li a:hover{
	background:url(../images/dot-hover.jpg) center left no-repeat;
	color:#FF952B;
	text-decoration:underline;
}

#content-right-container{
	float:left;
	width:384px;
}

#content-right-container-fp{
	float:left;
	width:340px;
}

#content-right{
	float:right;
	margin:1px 0 0 0;
	width:358px;
	background:url(../images/feature-bg.jpg) repeat-y top left;
}

#peninsular-container{
	width:358px;
	height:231px;
	background:url(../images/peninsula.jpg) top left no-repeat;
	float:right;
}

#peninsular  {
	margin:208px 0 0 20px;
}

#peninsular a {
	font-size:0.8em;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

#peninsular a:hover {
	font-size:0.8em;
	text-decoration:none;
	color:#CA6500;
	font-weight:bold;
}

.feature-thumb{
	margin:10px 0 10px 25px;
	padding:0;
	height:85px;
}

.feature-thumb a{
	text-decoration:none;
	
}

.feature-thumb a:hover h4{
	color:#fff;
}

.feature-thumb p{
	margin:5px 4px 0 8px;
	padding:0;
	line-height:115%;
	color:#CA6500; 
}

.feature-thumb a span img{
	float:left;
	margin: 0 8px 0 0;
	border:solid 1px #CA6500; 	
}

.feature-thumb a:hover span img{
	border:solid 1px #fff; 	
}

.bookings{
	float:left;
	background:url(../images/booking-bg.jpg) no-repeat top left;
	width:205px;
	height: 68px;
	margin:2px 0 0 0;
}


#footer-container{
	margin:auto;
	width:798px;
	height:40px;
}

#footer{
	float:left;
	width:798px;
	height:40px;
	background:url(../images/footer.jpg) no-repeat top left #e9e9e9;
	font-size:0.7em;
	color:#888;
}

#footer-left{
	float:left;
	margin:10px 0 0 20px;
}

#footer-right{
	float:right;
	margin:10px 20px 0 0 ;
	
}

#footer-right a{
	color:#888;
	margin:0px 3px;
	text-decoration:none;
}

#footer-right a:hover{
	color:#666;
	text-decoration:underline;
}

.feature{
	float:right;
}
.weather{
	float:left; 
	width:176px;
	border:1px solid #0066ff;
	margin:5px 2px 0 0;
}

.weather h3{
	text-decoration:none;
	background: #0066ff;
	margin:0;
	padding:0;
	clear:none;
	float:left;
	width:176px;
	text-align:left;
}

.list-thumb-container{
	width:658px;
	height:92px;
	background:#F4F9FF;
	border:1px solid #A6CAFF;
	margin:2px 0 8px 0;
}

.list-thumb{
	float:left;
	width:520px;

}

.list-thumb img{
	margin: 4px 6px 4px 4px;
	border:1px solid #A6CAFF;
	float:left;
}

.list-thumb a img{
	margin: 4px 6px 4px 4px;
	border:1px solid #A6CAFF;
	float:left;
}

.list-thumb a:hover img{
	border:1px solid #0066ff;
}

.list-thumb h5{
	margin:3px 0;
	padding:0;
	color:#0066ff;
	font-size:0.7em
}

.list-thumb a h5, list-thumb a:visited h5{
	margin:3px 0;
	padding:0;
	color:#0066ff;
	text-decoration:none;
}

.list-thumb a:hover h5{
	text-decoration:underline;
}

.list-thumb p{
	margin:0;
	padding:0;
}

.list-thumb-bookings{
	margin:12px 0 0 0;
	padding:6px 0 0 20px;
	float:right;
	width:100px;
	height:62px;
	border-left: 1px solid #A6CAFF;
}

.list-thumb-bookings img{
	margin:1px 0;
	padding:0;
}

.list-thumb-bookings a img{
	margin:1px 0;
	padding:0;
	border:0;
}

.regions{
	font-size:0.7em;
	color:#0066ff;
	line-height:135%;
	margin:0;
	padding:0;
}

.regions a{
	color:#0066ff;
}

.regions a:hover{
	color:#0000CC;
}

#feature-gallery{
	float:right;
	width:300px;
	margin:30px 0 0 0;
}

#loadarea{
	width:275px;
	margin: 0;
	border: solid 1px #999;
}
#gallerythumbs{
	width:282px;
	margin: 5px 0 10px 0px;
}

#gallerythumbs img {
	width:88px;
	height:70px;
	margin: 0px 3px 5px 0px;
	border: solid 1px #999;
	text-decoration:none;
}

#gallerythumbs img a{

	text-decoration:none;
}

#booking{
	float:left;
	margin:0 0 0 37px;
}

.more-info{
	float:right;
	width:300px;
}

ul.facilities{
	margin:0 0 0 22px;
	padding:0;
}


ul.facilities li{
	font-size:0.7em;
	color:#444;
	line-height:150%;
	list-style:none;
	background:url(../images/dot.jpg) center left no-repeat;
	padding:0 0 0 10px;
	margin:0;
}