html, body{
margin:0; padding:0; text-align:left; background:url(../images/gradient-blue.jpg) top left repeat-x;} 

form, h1, h2, h3, h4, h5, h6, ul, li, ol, dl{
margin:0; padding:0;}
	
p{
padding:5px 0; margin:5px 0;}	

hr {
	clear:both;	visibility:hidden;	}
	
.clearboth { clear:both; height:0; line-height:0; font-size:0;	}	
.clearboth15 { clear:both; height:0; line-height:0; font-size:0; padding-top:15px;	}	

/* *** Float containers fix *** */ 
.clearfix:after {
content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

img {border:0;}	
.img_middle{vertical-align:middle}

/*Header*/
#header{background:url(../images/header-bg.jpg) top center no-repeat; width:900px; margin:0 auto; height:497px;}
#header_top{width:900px; height:85px;}
#header_bottom{background:url(../images/menu-bg.jpg) top center repeat-x; width:100%; height:30px;}
#header_banner{border:#FFF solid 1px; border-left:0px; border-right:0px;}

/*Warp*/
#page_fix{width:900px; margin:0 auto;}
#col_left_index{width:635px; float:left; background:url(../images/overview-bg.jpg) top right no-repeat;}
#col_left{width:635px; float:left;}
#col_right{width:265px; float:right;}

/*Footer*/
#footer{background:url(../images/footer-bg.jpg) bottom left repeat-x; width:100%; height:85px;}
#footer_block{padding:20px 0px; width:900px; margin:0 auto;}
#footer_left{width:60%; float:left; font:10px "arial"; color:#555}
#footer_right{width:40%; float:left; text-align:right; padding-top:5px;}

/*Overview*/
.overview{font:12px/15px "arial"; color:#555; padding:20px;}
.overview h1{text-indent:-999px; height:0; font-size:0;}

.other_page{font:12px/15px "arial"; color:#555; padding:20px;}
.other_page h1{font:bold 16px "alrail"; color:#009ace;}
.other_page h2{font:bold 14px "alrail"; color:#FFFFFD; background:#3faad4; padding:5px 3px;}
.other_page h3{font:bold 14px "alrail"; color:#009ace;}

.gotop{text-align:right; padding-top:10px;}

/* jQuery lightBox plugin - Gallery style */
#gallery { margin:10px 0;
	background-color:#90d2e9;
	padding: 10px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #4db9df;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }
	
/*Reservations*/
.reservations_top{width:265px; height:36px; background:url(../images/reservations-top.jpg) top left no-repeat;}
.reservations_top h2{text-indent:-999px; height:0; font-size:0;}
.reservations_bg{width:265px;background:#50b8db;}
.reservations_block{padding:0px 10px;background:#50b8db;}

/*ActivitiesAround*/
.activities_top{width:265px; height:46px; background:url(../images/activities-around-top.jpg) bottom left no-repeat;}
.activities_top h2{text-indent:-999px; height:0; font-size:0;}
.activities_bg{width:265px;}
.activities_bg ul{padding:0 10px; margin:0;}
.activities_bg li{border-bottom:#52b8de dotted 1px; padding:5px 8px; list-style:none;}
.activities_bg li a:link, .activities_bg li a:visited{font:12px "arial"; color:#333; text-decoration:none; background:url(../images/icon-menu-link.jpg) left no-repeat; padding-left:20px;}
.activities_bg li a:hover{color:#3faad4; padding-left:20px;}

/*thecliff*/
.thecliff_top{width:265px; height:46px; background:url(../images/the-cliff-top.jpg) bottom left no-repeat;}
.thecliff_top h2{text-indent:-999px; height:0; font-size:0;}


/*Special offer*/
.special_offer{padding:10px 0;}

.lsitemap:link,.lsitemap:visited,.lsitemap:active {
font:12px/18px "arial"; color:#555; text-decoration:underline; padding:5px 0;}
.lsitemap:hover {
font:12px/18px "arial"; color:#009ace; text-decoration:none; padding:5px 0;}

/*Blacl color*/
.txtblack12{font:12px "arial"; color:#000; text-decoration:none}
.txtblack14{font:14px "arial"; color:#000; text-decoration:none}

/*Blue color*/
.txtblue09c_12{font:12px "arial"; color:#009ace;}
.txtblue039_14{font:14px "arial"; color:#023890;}


.lblue12:link,.lblue12:visited,.lblue12:active {
font:12px "arial"; color:#009ace; text-decoration:underline}
.lblue12:hover {
color:#009ace; text-decoration:none;}

.lblue_blue12:link,.lblue_blue12:visited,.lblue_blue12:active {
font:13px "arial"; color:#023890; text-decoration:underline}
.lblue_blue12:hover {
color:#409bcb; text-decoration:underline;}


.lbluered14:link,.lbluered14:visited,.lbluered14:active {
font:14px "arial"; color:#023890; text-decoration:none}
.lbluered14:hover {
color:#CC3300; text-decoration:none;}

/*Red color*/
.txtred11{font:11px "arial"; color:#CC3300; text-decoration:none}
.txtred12{font:12px "arial"; color:#CC3300; text-decoration:none}
.txtred14{font:16px "arial"; color:#CC3300; text-decoration:none}

.lred14:link,.lred14:visited,.lred14:active {
font:14px "arial"; color:#CC3300; text-decoration:underline}
.lred14:hover {
color:#FF6600; text-decoration:underline;}



/*Gray color*/
.lgray10:link,.lgray10:visited,.lgray10:active {
font:10px "arial"; color:#555; text-decoration:none}
.lgray10:hover {
color:#555; text-decoration:underline;}

.lgray12_:link,.lgray12_:visited,.lgray12_:active {
font:12px "arial"; color:#555; text-decoration:underline}
.lgray12_:hover {
color:#555; text-decoration:none;}

.lgrayblue12:link,.lgrayblue12:visited,.lgrayblue12:active {
font:12px "arial"; color:#555; text-decoration:underline}
.lgrayblue12:hover {
color:#009ace; text-decoration:none;}


/*white color*/
.txtwhite12{font:12px "arial"; color:#FFFFFD; text-decoration:none}
.txtwhite14{font:14px "arial"; color:#FFFFFD; text-decoration:none}

.lwhite11:link,.lwhite11:visited,.lwhite11:active {
font:11px "arial"; color:#FFFFFD; text-decoration:none}
.lwhite11:hover {
color:#FFFFFD; text-decoration:underline;}