/*
Author: TemplateAccess.com (DT/TS)
*/

.contact-icons img { margin-left: 10px;margin-right: 54px; }
.contact-icons img:nth-child(4) { margin-right: 0; }
.captcha
{
  width: 150px;
}
.refresh
{
  position:relative;
  float: right;
  margin-top: -45px;
  margin-right: -22px;
}
#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f3f3f3;}
html { padding:0; margin:0;}

hr { border-left:0; border-right:0; border-bottom:0; border-top: dashed 1px #acacac; }

.style2 {color: #FFFF00}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:985px; margin:0 auto;}

/********** header **********/
.header { background:url(images/header_bg.jpg) top repeat-x; padding:0; margin:0 auto; height:172px; }

.block_header {margin:0 auto; width:993px; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:310px; height:115px;}
.rss { float:left; text-align:left; font: normal 12px Arial, Helvetica, sans-serif; color:#8a8a8a; padding:45px 0 0 0; margin:0; width:100%; }
/* search */
.search { padding:10px 0 0 0; margin:0; float:right; width:440px;}
.search form { display:block; float:right; padding:5px 0;}
.search span { display:block; float:left; background:#fff; width:149px; padding:0 5px; height:30px;}
.search form .keywords { font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c; line-height:14px; float:left; border:0; width:149px; padding:8px 0; height:14px; background:none; margin:0;}
.search form .button { float:left; margin:0; padding:0;}
/* menu */	
.menu { padding:27px 0 0 15px; margin:0; width:990px; }
.menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:left; float:left; margin:0; padding:0; border:0; margin-top: -2px;}
.menu ul li a { float:left; margin:0; border-right:1px solid #c1c1c1; padding:11px 10px 11px 10px; color:#333333; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { color:#7f7f7f; padding:13px 43px 11px 0; font: normal 11px Arial, Helvetica, sans-serif;}
.menu ul li a:hover {padding:12px 10px 11px 10px; color:#FFF; background:url(images/hover.gif) top repeat-x;}
.menu ul li a:hover span { color:#30c8e3;}
.menu ul li a.active {background:url(images/hover.gif) top repeat-x; color:#FFF; }
.menu ul li a.active span {color:#30c8e3; }
/*.accord_top_resize */
.accord_top_resize { width:990px; margin:0 auto; padding:0;}
.accord_top_resize h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 20px; margin:0; text-transform:uppercase;}
/* blog_body */
.blog_body_resize { border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; background:#f8f8f8;}
.blog_body { width:953px; margin:0 auto; padding:10px 20px;}
.blog_body p { font: normal 14px Arial, Helvetica, sans-serif; color:#717171; padding:5px 0 0 0; margin:0; line-height:1.5em;}

/********** block index **********/
.body {padding:0 0 30px 0; margin:0; background:#f2f2f2; }
.body_resize { width:993px; margin:0 auto; padding:0;}
.body h1 { font:normal 19px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 0; margin:0;}
.body h1 span { font:normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 0; margin:0;}
.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#444; padding:10px 0; margin:0; line-height:1.5em;}
.body p span { font: bold 14px Arial, Helvetica, sans-serif; color:#565656;}
.body a { color:#22a0b8; text-decoration:none;}
.left  { width:643px; float:left; margin:0; padding:10px 10px;} 
.gallery  { width:1000px; float:left; margin:0; padding:10px 10px;} 
.right  { width:308px; height:100%; float:right; margin:0; padding:0px 0px; background:url(images/bg.jpg) repeat-y;} 
.sidecontainer { padding:0px 20px; } 
.bottomshadow { position:absolute; margin-top:1595px;}
.bottomshadowaccommodation { position:absolute; margin-top:2585px;}
.bottomshadowrates { position:absolute; margin-top:700px;}
.bottomshadowfacilities { position:absolute; margin-top:1185px;}
.full  { margin:0; padding:0 20px;} 
.port { width:301px; float:left; padding:10px 20px 10px 0; margin:0;}
.port.last { padding:10px 0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px  Arial, Helvetica, sans-serif; color:#444444; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:530px; border:1px solid #d7d7d7; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:530px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; width:auto;}
/*************footer**********/
.footer {padding:0;  margin:0 auto; border-top:1px solid #dedede; background:#ffffff; }
.footer_resize { margin:0 auto; padding:20px; width:953px; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#565656;}
.footer h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 0; margin:0;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; text-decoration:underline; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:370px; margin:0; padding:15px 0 0 0; float:left;} 
.footer p.right { text-align:right; width:370px; margin:0; padding:15px 0 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d7d7d7; padding:0; margin:10px 0; background:none; line-height:0;}
/********** slider **********/
.accord_top { padding:10px 0; margin:0; background:#e9e9e9;}
/* jquery.v1.4.2 */
/* Small reset */
/*Featuread Area*/
#featured, .featured, .fadeout, .newsselect { height:400px; /*this changes the height of the image slider*/ }
#feature_wrap { width:957px; border:5px solid #029cd2; margin:0 auto; }
#featured { position: relative; width:957px; overflow: hidden; }
.featured { width:715px; position:absolute; top:0; left:0; overflow: hidden; display:none; border-left:1px solid #aaa; background: #fff url(images/preload.gif) no-repeat center center; }
.preloading_background { background: transparent url(images/preload.gif) no-repeat 50% 50%; }
#feature_wrap .fadeout { background: transparent url(images/overlay.png) repeat-y right top; }
.bottom_left_rounded_corner { background: transparent url(images/rounded.png) no-repeat left bottom; }
.bottom_right_rounded_corner { background: transparent url(images/rounded.png) no-repeat right bottom; }
#feature_wrap #featured .feature_excerpt { background: #fff; }
#feature_wrap #featured a { color:#444; }
.accord_top .feature_excerpt { width:660px; position: absolute; display: block; bottom: 0; left:0; z-index: 2; padding:10px 20px; font-size: 11.5px; line-height:1.5em; cursor: pointer; }
.sliderdate { display:none; }
/*fadeslider*/
.fadeslider .featured { width:100%; border:none; }
.accord_top .slidecontrolls { position:absolute; width:10px; right:-15px; bottom:0; }
.accord_top .slidecontrolls span { height:10px; padding:2px 0; width:10px; display:block; cursor: pointer; }
.accord_top .fadeslider .feature_excerpt { width:917px; }
/*newsslider*/
.newsselect { position: absolute; overflow: hidden; width:276px; right:0px; top:0px; border-left:1px solid #e1e1e1; background: #fff; z-index: 5; }
.newsslider .newsItems { position: absolute; top:0; left:0; }
.newsslider .featured { border:none; }
.accord_top .newsselect .sliderheading { font-size:13px; font-family: Arial, Helevtica, Verdana, san-serif; font-weight: bold; padding: 0; }
.newsselect .single_item { padding:10px; border-bottom:1px solid #e1e1e1; display: block; text-decoration: none; line-height: 1.3em; }
.newsselect .single_item:hover,
.newsselect .active_item { background-color: #f1f1f1; outline: none; }
.accord_top .newsslider .fadeout { right:155px; }
.newsselect .sliderdate { display:block; font-size: 11px; }
/*accordion slider*/
.featured img { display:block; position: relative; z-index: 1; }
.accord_top .fadeout { position:absolute; width:200px; display:block; right:0px; z-index: 3; }
.accord_top .sliderheading { display:block; font-size: 26px; }
.accord_top .heading_clone { color:#fff; position: absolute; z-index: 4; bottom:20px; left:20px; font-size: 14px; font-weight:bold; padding:0; margin: 0; }
.featured a,
.featured a img,
.featured img { text-decoration: none; border:none; }
.accord_top .featured1 { border:none; display: block; }
.bottom_right_rounded_corner,
.bottom_left_rounded_corner { position: absolute; z-index: 50; display: block; height:7px; width:7px; bottom:0px !important; /* ie6fix */ left:0px; bottom:-1px; }
.accord_top .bottom_right_rounded_corner { right:0px !important; /* ie6fix */ right:-1px; left:auto; }

p { padding: 0.5em 0; }
.flickr { padding: 0.5em 0; }
body .accord_top #main .noborder,
body #footerwrap #footer .noborder { border:none; padding:0; }
.small_block { font-size: 0.9em; line-height: 1.4em; clear:both; }
.entry ol li { list-style-position:inside; list-style-type:decimal; }
pre { background-color:#FEFEFE; border:1px solid #DDDDDD; color:#333333; display:block; font-family:"Courier New", Courier, monospace; font-size:12px; overflow:auto; padding:10px; width:90%; }


.fadein { position:relative; width:645px; height:250px; }
.fadein img { position:absolute; left:0; top:0; }

.fadeintwo { position:relative; width:645px; height:236px; }
.fadeintwo img { position:absolute; left:0; top:0; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#preview{
	position:absolute;
	background:#029dd4;
	padding:5px;
	display:none;
	color:#fff;
	}
	
.breadcrumbs
{
     width:780px;
     margin-top:6px;
     padding: 5px;
     color: #737373;
     font-size: 11px;
     font-weight: bold;
}
.breadcrumbs a
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}
.breadcrumbs a:hover
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}

/** START MOBILE CSS **/

@media only screen and (max-width : 980px) {
	


body { margin: 0; padding: 0; }

.left { width: 100%; height: inherit; float: none; }
.right { width: 100%; height: inherit; float: none; background: none; background-color: #fff; }
.bottomshadowrates { display: none; }

.contact-icons { width: 250px; text-align:center; margin: auto; }
.contact-icons img { margin: 0; margin-bottom: 7px; }
.res, .blog_body, .body_resize, .footer_resize, .footer_resize table { width: 100%; }
.footer_resize table img { width: 100%; height: inherit; }
.block_header, #feature_wrap { width: 100%; border: 0; }
#feature_wrap img { border: 5px solid #029cd2; width: 100%; height: inherit; }
.header { width: 100%; height: inherit; background: none; background-color:#fff; }


.blog_body_resize { border: 0; }

.fadein, .fadeintwo, .sidecontainer { display: none; }

.facilities img { display: none; }
.facilities p { border-bottom: 1px solid #ccc; }

.blog_body, .footer_resize, .footer a, .left, .right { padding: 0; }

#feature_wrap img { border: 0; }

.rss { padding: 0; padding-top: 15px; }

.blog_body { padding-top: 10px; }

.heading { width: 100%; height: inherit; }

.left h1, .left h2 { margin-left: 15px; margin-right: 15px; margin-top: 10px; }
.left p { margin-left: 15px;  margin-right: 15px;margin-top: 10px; }

.accord_top { padding: 0; }

.menu { width: inherit; padding: 0; }

#nav
    {
        position: relative;
		z-index: 9999999;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; float: none; border: 0; background: none; display: block; color: #141414; }
	#nav li:hover {  border-bottom: 2px solid #36b3e3; }
	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 30px; top: -100px;
			background-image: url('images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		margin-top: 0px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #f2f2f2;
			border-bottom: 2px solid #fff;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
background-color: #0a2806!important;
    }
	
	.gallery { float: none; width: 100%; }
	.gallery h2 { text-align: center; }
	
	.activities-img img { width: 100%; max-width: 211px; height: inherit; display: block;margin: auto;  margin-bottom: 10px; }
	
	.gallery-images { width: 100%; max-width: 240px; margin: auto; }

.gallery-images img { width: 100%; max-width: 240px; margin-bottom: 10px; }

.rates { width: 100%; }

.rates-img, .map { width: 100%; max-width: 645px; height: inherit; }

iframe { width: 100%; }

}

/** END MOBILE CSS **/