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

#mobile {display:none;}
#desktop {visibility:visible;}

/* Top slide show holder box */

/* logo and book online button */
.header{
	background:#7accc8;
	margin:0 auto;
	width:100%;
	height:auto;
	display:block;
}

.header .logo     {margin:4px 0 0 0; padding:0 0 0 10px; font:normal 3em/60px "Palatino Linotype", Palatino, "Times New Roman", serif; vertical-align:top; display:inline-block; float:left;}
.header .logo a   {color:#FFFFFF; text-decoration:none;}

/* book online button */
.header .btn-header			
{
	margin:0;
	padding:5px 10px;
	display:inline-block;
	float:right;
}
.header .btn-header a
{
	background:#707070; 
	margin:0;
	padding:0 20px;
	font:normal 1em/60px "Palatino Linotype", Palatino, "Times New Roman", serif; 
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	border:solid 1px #FFFFFF;
	border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;	 
	display:block; 
}
.header .btn-header a:hover {background:#4a3a2f; color:#FFFFFF; text-decoration:none;}

/** Header Menu **/
.header-menu-holder {background:#28bfb8; margin:0; padding:0; width:100%; height:50px; display:block;}

.header-menu		{
	margin:0 auto;
	padding:0; 
	width:1000px; 
	height:40px; 
	text-align:center;
	display:block;
	background:#28bfb8;
}
.header-menu a
{
	margin:0px auto;
	padding:0px 20px;	
	height:40px;
	font:normal 0.9em/40px 'Calibri',sans-serif,arial,verdana;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.04em;
	display:inline-block;
}
.header-menu a:hover{background:#707070; color:#FFFFFF; font-weight:normal; display:inline-block;}

#mobile-top {display:none;}
@media only screen and (max-device-width:480px)
{
	#mobile-top {visibility:visible; display:block;}
	#desktop {display:none;}
	.header-m
	{
		background:#4fb9b3;
		/*margin: 0 -9999rem;
		 add back negative margin value
		padding: 0.25rem 9999rem 1em 9999rem;*/
		position:relative;
		left:0;
		right:0;
		margin:0;
		padding:0 0 2em 0;
		width:1000px;
		display:block;
		height:cal(120px + 5em);
		color:#FFFFFF;
	}
	.header-m .logo-m           {width:100%; margin:0 auto; padding:0; text-align:center; display:block;}
	.header-m .logo-m a         {font:normal 5em/1.5em "Palatino Linotype", Palatino, "Times New Roman", serif; color:#FFFFFF; text-decoration:none;}
	.header-m-icons             {padding:0; width:43%; height:120px; display:inline-block; float:left;}
	.header-m-icons img         {float:right; margin-right:0.5em; height:120px; width:auto;}
	.header-m .btn-header-m		{margin-right:2%; padding:0; width:38%; height:120px; display:inline-block; float:left;}
	.header-m .btn-header-m a
	{
		background:#707070; 
		margin:0;
		padding:0;
		font:normal 2.5em/120px "Palatino Linotype", Palatino, "Times New Roman", serif; 
		color:#FFFFFF; 
		text-decoration:none;
		border:solid 2px #FFFFFF;
		border-radius:0.2em;
		-webkit-border-radius:0.2em;
		-moz-border-radius:0.2em;
		text-align:center;
		display:block; 
	}
	.header-m .header-menu-toggle
	{
		background:#FFFFFF url(../images/icon-nav-open.png) 50% 50% no-repeat; 
		background-size:contain; 
		margin-right:2%;
		padding:0;
		width:15%; /*calc(100% - 26vw - 45%) total width - logo-m - btn-header-m*/
		height:120px;
		line-height:120px;
		display:inline-block;
		border-radius:0.2em;
		-webkit-border-radius:0.2em;
		-moz-border-radius:0.2em;
		float:left;
		right:0;
		visibility:visible;
	}
	.header-m .header-menu-toggle img {height:120px;}
	.header-m .header-menu-m
	{
		margin:0;
		padding:0;
		width:95%;
		height:auto; 	 
		position:absolute;
		top:280px;
		right:0%;
		z-index:2000;
		display:block;
	}
	.header-m .header-menu-m a:link, .header-menu-m a:visited
	{
		background:#000000; opacity:0.9; 
		color:#FFFFFF; 
		font-size:3em;
		line-height:3em;
		height:3em;
		border-bottom:solid 1px #CCCCCC;
		text-align:center;
		float:none; 
		display:block; 
	}
}

/* slider layout */
.lof-slidecontent  {background:#f3f3f3 url(../images/slider/slider-bg.gif) left top repeat; margin:0 auto; padding:0; width:100%; height:450px; position:relative; overflow:hidden; display:block;}
.lof-slidecontent .preload				{background:#FFFFFF; height:100%; width:1000px; position:absolute; top:0; left:0;	z-index:100000;	text-align:center;}
.lof-slidecontent .preload div			{height:100%; width:100%;}
.lof-slidecontent .main-slider-content	{left:0; right:0; width:1000px; max-width:100%; max-height:450px; overflow:hidden; display:block;}
.lof-slidecontent .sliders-wrapper		{position:relative;	width:100%; height:450px; z-index:0; overflow:hidden; display:block;}
.lof-slidecontent ul.sliders-wrap-inner	{margin:0 auto; padding:0px; left:-100%; height:450px; width:calc(100% * 20);/*width = no of photos x width of photo*/ overflow:hidden; position:relative;}

.lof-slidecontent ul.sliders-wrap-inner li
{
	background-repeat:no-repeat; background-position:left 50%; 
	background-size:1000px 450px; /*background-size:contain; auto resize background image to fit screen size. or use background-size:cover;*/ 
	margin:0 !important; padding:0px !important; width:100%; height:450px; float:left; position:relative;
	list-style:none !important; list-style-type:none !important;
	}

.lof-slidecontent ul.sliders-wrap-inner li img	{min-width:1000px; width:1000px; height:auto; width: auto\9; /* ie8 */ display:block;}

.lof-slidecontent .lof-opacity li		{position:absolute;	top:0; left:0; float:inherit; }

/*******************************************************/

/* main pic slideshow */
.lof-slidecontent  .item-meta a:hover{text-decoration:underline;}
.lof-slidecontent  .item-meta i {font-size:70%; }

.slider-description {
	background:url(../images/transparent_bg.png) repeat;
	z-index:100;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:auto;
	padding:5px 0 5px 0;
	display:block;
	text-align:center;
}
.slider-description p {margin:0; font-family:"Palatino Linotype", Palatino, "Times New Roman", serif; font-size:0.8em; color:#FFFFFF !important;}

/* item navigator */
.slider-description .navigator-wrapper{	
	position:relative;
	margin:0px auto;
	padding:0px;
	width:100%;
	overflow:hidden;
	display:block;
}

.slider-description  ul.navigator-wrap-inner	{
	position:relative; 
	margin:0 auto; 
	padding:0; 
}
.slider-description  ul.navigator-wrap-inner li	{
	cursor:hand; 
	list-style:none; 
	margin:0 auto; 
	padding:0; 
	overflow:hidden;
	width:15px;
	display:inline-block; 
	float:left;
	text-align:center; 
}
.slider-description ul.navigator-wrap-inner li img{
	margin:5px 5px 0px 5px;
	padding:0px;
	border:none;
	width:10px;
	height:10px;
	display:block;
}
.slider-description ul.navigator-wrap-inner li.active img {background:url("../images/slider/slider-bullet-black.png"); cursor:pointer;}
.slider-description ul.navigator-wrap-inner li img {background:url("../images/slider/slider-bullet.png"); cursor:pointer;}
.slider-description ul.navigator-wrap-inner li:hover img {background:url("../images/slider/slider-bullet-black.png"); cursor:pointer;}

.sliders-previous{
    right:960px;
	/*left:20px;*/
    z-index:1000;
}
.sliders-next{    
    right: 10px;
    z-index:1000;
}
.sliders-previous, .sliders-next{
	position: absolute;
	bottom:0;
	display:block;
	padding:202px 0px;
	width:30px;
	height:30px;
	color:#FFF;
	cursor:pointer;
}

@media only screen and (max-device-width:640px)
{
	
	.lof-slidecontent {background-image:none; margin:0; padding:0; width:1000px; display:block;}
	.lof-slidecontent .main-slider-content         {margin:0; padding:0; width:100%; display:block;}
	.lof-slidecontent ul.sliders-wrap-inner        {left:-100%; }
	.lof-slidecontent ul.sliders-wrap-inner li     {width:1000px; height:420px; }
	.lof-slidecontent ul.sliders-wrap-inner li img {width:1000px; height:420px;}

	.slider-description {padding:0.5em 0; width:1000px; height:auto; display:block;}
	/*.slider-description p {padding:0.5em 1em 0.2em 0.5em; font-size:1.5em; width:calc(100% - 1.5em); display:block;}
	.slider-description p br {display:none;}*/
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px)
{
	#desktop .holder-box{left:0; width:100%; display:block;}
	.header         {left:0; margin:0; width:100%; display:block;}
	.header .header-menu a:link, .header-menu a:visited {padding-left:12px; padding-right:12px;}
	.lof-slidecontent   {left:0; width:100%; display:block;}
	.lof-slidecontent .sliders-wrapper {left:0; width:100%; display:block;}
	.lof-slidecontent ul.sliders-wrap-inner li img {width:100%; height:auto;}
	.slider-description {left:0; width:100%; display:block;}
}