@charset "utf-8";
body, html {
	text-size-adjust: none
}
body, form, h1, h2, h3, h4, html {
	padding: 0;
	margin: 0
}
form, img {
	border: 0
}
* {
	box-sizing: border-box
}
h1, h2, h3, h4 {
	font-weight: 400
}
img {
	max-width: 100%;
	height: auto;
	float: left
}
body, html {
	border: 0
}
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	background: #FFF;
	text-align: left;
	line-height: 22px;
	color: #FFF
}

#navbutton
{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: url(../Images/NavIcon.svg) no-repeat center center;
	background-size: cover;	
	display: none;
}

#navbutton span
{
	display: none;	
}



.clear {
	clear: both;
	overflow: hidden;
	display: none;
	height: 0
}
input, textarea {
	font-family: Tahoma;
	font-size: 100%;
	color: #666
}
a {
	color: #6daec5;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N;
     Licensed MIT */.lSSlideWrapper, .lSSlideWrapper .lSFade {
	position: relative
}
.lSSlideOuter, .lSSlideOuter .lSPager.lSGallery {
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	overflow: hidden
}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper>.lightSlider:after {
	clear: both
}
.lSSlideOuter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.lightSlider:after, .lightSlider:before {
	content: " ";
	display: table
}
.lightSlider {
	overflow: hidden;
	margin: 0
}
.lSSlideWrapper {
	max-width: 100%;
	overflow: hidden
}
.lSSlideWrapper .lSSlide {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 1s;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform, height;
	transition-property: transform, height;
	-webkit-transition-duration: inherit!important;
	transition-duration: inherit!important;
	-webkit-transition-timing-function: inherit!important;
	transition-timing-function: inherit!important
}
.lSSlideWrapper .lSFade>* {
	position: absolute!important;
	top: 0;
	left: 0;
	z-index: 9;
	margin-right: 0;
	width: 100%
}
.lSSlideWrapper.usingCss .lSFade>* {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: inherit!important;
	transition-duration: inherit!important;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: inherit!important;
	transition-timing-function: inherit!important
}
.lSSlideWrapper .lSFade>.active {
	z-index: 10
}
.lSSlideWrapper.usingCss .lSFade>.active {
	opacity: 1
}
.lSSlideOuter .lSPager.lSpg {
	margin: 10px 0 0;
	padding: 0;
	text-align: center
}
.lSSlideOuter .lSPager.lSpg>li {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px
}
.lSSlideOuter .lSPager.lSpg>li a {
	background-color: #222;
	border-radius: 30px;
	display: inline-block;
	height: 8px;
	overflow: hidden;
	text-indent: -999em;
	width: 8px;
	position: relative;
	z-index: 99;
	-webkit-transition: all .5s linear 0s;
	transition: all .5s linear 0s
}
.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
	background-color: #428bca
}
.lSSlideOuter .media {
	opacity: .8
}
.lSSlideOuter .media.active {
	opacity: 1
}
.lSSlideOuter .lSPager.lSGallery {
	list-style: none;
	padding-left: 0;
	margin: 0;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.lSSlideOuter .lSPager.lSGallery li {
	overflow: hidden;
	-webkit-transition: border-radius .12s linear 0s .35s linear 0s;
	transition: border-radius .12s linear 0s .35s linear 0s
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
	border-radius: 5px
}
.lSSlideOuter .lSPager.lSGallery img {
	display: block;
	height: auto;
	max-width: 100%
}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {
	content: " ";
	display: table
}
.lSAction>a {
	width: 32px;
	display: block;
	top: 50%;
	height: 32px;
	background-image: url(/Images/controls.png);
	cursor: pointer;
	position: absolute;
	z-index: 99;
	margin-top: -16px;
	opacity: .5;
	-webkit-transition: opacity .35s linear 0s;
	transition: opacity .35s linear 0s
}
.lSAction>a:hover {
	opacity: 1
}
.lSAction>.lSPrev {
	background-position: 0 0;
	left: 10px
}
.lSAction>.lSNext {
	background-position: -32px 0;
	right: 10px
}
.lSAction>a.disabled {
	pointer-events: none
}
.cS-hidden {
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden
}
.lSSlideOuter.vertical {
	position: relative
}
.lSSlideOuter.vertical.noPager {
	padding-right: 0!important
}
.lSSlideOuter.vertical .lSGallery {
	position: absolute!important;
	right: 0;
	top: 0
}
.lSSlideOuter.vertical .lightSlider>* {
	width: 100%!important;
	max-width: none!important
}
.lSSlideOuter.vertical .lSAction>a {
	left: 50%;
	margin-left: -14px;
	margin-top: 0
}
.lSSlideOuter.vertical .lSAction>.lSNext {
	background-position: 31px -31px;
	bottom: 10px;
	top: auto
}
.lSSlideOuter.vertical .lSAction>.lSPrev {
	background-position: 0 -31px;
	bottom: auto;
	top: 10px
}
.lSSlideOuter.lSrtl {
	direction: rtl
}
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {
	padding-left: 0;
	list-style: none
}
.lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {
	padding-right: 0
}
.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider>* {
	float: left
}
.lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider>* {
	float: right!important
}
@-webkit-keyframes rightEnd {
 0%, 100% {
 left: 0
}
50% {
 left: -15px
}
}
@keyframes rightEnd {
 0%, 100% {
 left: 0
}
50% {
 left: -15px
}
}
@-webkit-keyframes topEnd {
 0%, 100% {
 top: 0
}
50% {
 top: -15px
}
}
@keyframes topEnd {
 0%, 100% {
 top: 0
}
50% {
 top: -15px
}
}
@-webkit-keyframes leftEnd {
 0%, 100% {
 left: 0
}
50% {
 left: 15px
}
}
@keyframes leftEnd {
 0%, 100% {
 left: 0
}
50% {
 left: 15px
}
}
@-webkit-keyframes bottomEnd {
 0%, 100% {
 bottom: 0
}
50% {
 bottom: -15px
}
}
@keyframes bottomEnd {
 0%, 100% {
 bottom: 0
}
50% {
 bottom: -15px
}
}
.lSSlideOuter .rightEnd {
	-webkit-animation: rightEnd .3s;
	animation: rightEnd .3s;
	position: relative
}
.lSSlideOuter .leftEnd {
	-webkit-animation: leftEnd .3s;
	animation: leftEnd .3s;
	position: relative
}
.lSSlideOuter.vertical .rightEnd {
	-webkit-animation: topEnd .3s;
	animation: topEnd .3s;
	position: relative
}
.lSSlideOuter.vertical .leftEnd {
	-webkit-animation: bottomEnd .3s;
	animation: bottomEnd .3s;
	position: relative
}
.lSSlideOuter.lSrtl .rightEnd {
	-webkit-animation: leftEnd .3s;
	animation: leftEnd .3s;
	position: relative
}
.lSSlideOuter.lSrtl .leftEnd {
	-webkit-animation: rightEnd .3s;
	animation: rightEnd .3s;
	position: relative
}
.lightSlider.lsGrab>* {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}
.lightSlider.lsGrabbing>* {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing
}
#footerbox, #footerbox #footerinner #footerlogo, #footerbox #footerinner #footertext, #javabox, #map_canvas, #upper, #wrapper {
	float: left;
	width: 100%
}
#footerbox #footerinner, #homenews #homenewsinner, #hometour #hometourinner, #localareanav #localareanavinner, #maincontent #contentinner, #upper #upperinner {
	margin-left: auto;
	margin-right: auto;
	width: 1400px
}
#upperinner
{
	font-size: 120%;
}
#footerbox, #homenews {
	background: url(../Images/shellBeachBG.jpg) no-repeat center center #5697b4;
	background-size: cover;
	/* background-position: fixed; */
}
#footerbox, #homenews, #hometour {
	padding-top: 50px;
	padding-bottom: 50px
}
#footerbox #footerinner #footerlogo #footerlogoinner a span, #header #headerinner #navmenu span, #header #headerinner h1 a span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .facebookicon span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .googleicon span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .twittericon span, #ratings #aarating span, #welcometext #welcomeinner #aabox span, #welcometext #welcomeinner #tripbox span {
	display: none
}
#map_canvas {
	height: 380px
}
#wrapper {
	padding: 0;
	margin: 0
}
#javabox {
	background: #FFF;
	height: 50vh;
	overflow: hidden;
	margin-top: -30px;
}
#upper {
	height: 30px;
	background: #698b9b;
	line-height: 30px;
	font-size: 16px;
	text-align: right
}
#upper #upperinner a {
	color: #FFF;
	text-decoration: underline
}
#footerbox #footercounter {
	text-align: center;
	float: left;
	width: 100%;
}
#footerbox #footercounter #footercounterinner {
	width: 90px;
	margin-left: auto;
	margin-right: auto;
    font-size: 20px;
    font-weight: bold;
}

.counter
{
    padding: 0px 0px;
    float: left;
    width: 100%;
    background: #FFF;
    color: #333;
    line-height: 30px;
    letter-spacing: 2px;
    text-align: center;
}


#footerbox #footerinner #footerlogo #footerlogoinner {
	margin-left: auto;
	margin-right: auto;
	width: 25%
}
#footerbox #footerinner #footerlogo #footerlogoinner a {
	float: left;
	width: 100%;
	height: 150px;
	background: url(../Images/shellMainLogo_03.png) top left no-repeat;
	background-size: contain;
	padding-top: 30px;
	transition: 1s
}
#footerbox #footerinner #footerlogo #footerlogoinner a.animated {
	transform: translateY(30px)
}
#footerbox #footerinner #footertext {
	color: #FFF;
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}
#homenews #homenewsinner #newstitle, #hometour #hometourinner #hometourtitle {
	font-size: 35px;
	line-height: 38px;
	padding-bottom: 30px;
	width: 100%;
	float: left;
	text-align: center
}
#footerbox #footerinner #footertext a {
	color: #FFF
}
#hometour {
	float: left;
	width: 100%;
	background: #FFF
}
#hometour #hometourinner #hometourtitle {
	color: #5697b4
}
#hometour #hometourinner .tourcontainer {
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	width: 50%
}

#hometour #hometourinner .tourcontainer a
{
	float: left;
	width: 100%;
}
	#hometour #hometourinner .tourcontainer a img
	{
		float: left;
		width: 100%;
	}
#homenews {
	float: left;
	width: 100%;
	position: relative;
}
#homenews #homenewsinner #newstitle {
	color: #FFF
}
#homenews #homenewsinner #homenewslist {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0
}
#homenews #homenewsinner #homenewslist li {
	float: left;
	width: 31%;
	list-style-type: none;
	display: inline;
	margin: 0 1%;
}
#homenews #homenewsinner #homenewslist li .newsimage, #homenews #homenewsinner #homenewslist li .newsimage img {
	float: left;
	width: 100%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
}
#homenews #homenewsinner #homenewslist li .homenewstitle {
	float: left;
	width: 100%;
	color: #FFF;
	font-size: 20px;
	padding-top: 14px;
	font-weight: bold;
	text-align: center;
}
#homenews #homenewsinner #homenewslist li .homenewstext {
	float: left;
	width: 90%;
	color: #FFF;
	padding-top: 4px;
	font-size: 14px;
	height: 60px;
	line-height: 20px;
	overflow: hidden
}
#homenews #homenewsinner #homenewslist li .newslink {
	float: left;
	padding: 5px 20px;
	background: #FFF;
	color: #5697b4;
	margin-top: 14px
}
#localareanav {
	float: left;
	width: 100%;
	background: #6daec5;
	color: #FFF;
	height: 64px
}
#localareanav #localareanavinner #areanav {
	padding: 0 0 0 281px;
	margin: 0;
	float: left
}
#localareanav #localareanavinner #areanav li {
	list-style-type: none;
	display: inline;
	padding-left: 15px;
	padding-right: 10px;
	height: 64px;
	line-height: 64px;
	float: left;
	background: url(../Images/shellLocalAreaNavBar_03.gif) top left no-repeat
}
#localareanav #localareanavinner #areanav li.first {
	padding-left: 0;
	background: 0 0
}
#localareanav #localareanavinner #areanav li a {
	color: #FFF;
	font-size: 16px
}
#maincontent {
	float: left;
	width: 100%;
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
    z-index: 10000;
    position:  relative;
}
#maincontent #contentinner #contactmain {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 30px
}
#maincontent #contentinner #contactmain #contactleft, #maincontent #contentinner #contactmain #contactright {
	float: left;
	width: 50%
}
#maincontent #contentinner #contactmain #contactform #contactformtitle, #maincontent #contentinner #contactmain #contactleft #contactitle {
	float: left;
	width: 100%;
	font-size: 35px;
	color: #6daec5;
	padding-bottom: 30px
}
#maincontent #contentinner #contactmain #contactleft #contacttext {
	float: left;
	width: 100%;
	font-size: 16px
}
#maincontent #contentinner #contactmain #contacttext {
	float: left;
	width: 100%;
	font-size: 16px;
	padding-top: 14px
}
#maincontent #contentinner #contactmain #contactform {
	float: left;
	width: 100%;
	margin-top: 40px
}
#maincontent #contentinner #contactmain #contactform .contactformline {
	float: left;
	width: 100%;
	padding-bottom: 16px
}
#maincontent #contentinner #contactmain #contactform .contactformline .sendnow {
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	background: #f07f14;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 0;
	color: #FFF
}
#maincontent #contentinner #contactmain #contactform .contactformline .message {
	float: left;
	width: 100%;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 100px;
	line-height: 20px;
	padding: 12px
}
#maincontent #contentinner #contactmain #contactform .contactformline .contactformleft {
	float: left;
	width: 50%;
	padding-right: 10px
}
#maincontent #contentinner #contactmain #contactform .contactformline input {
	float: left;
	width: 100%;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	padding-left: 12px
}
#maincontent #contentinner #contactmain #contactform .contactformline .contactformright {
	float: left;
	width: 50%;
	padding-left: 10px
}
#maincontent #contentinner #reviewbox {
	float: left;
	width: 100%
}
#maincontent #contentinner #reviewbox .reviewcolumn {
	float: left;
	width: 33%
}
#maincontent #contentinner #reviewbox .review {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px
}
#maincontent #contentinner #reviewbox .review .reviewinner {
	float: left;
	width: 100%;
	color: #666;
	padding: 40px;
	font-size: 16px;
	background: red;
	background: -webkit-linear-gradient(left top, #e5e5e5, #f4f4f4);
	background: -o-linear-gradient(bottom right, #e5e5e5, #f4f4f4);
	background: -moz-linear-gradient(bottom right, #e5e5e5, #f4f4f4);
	background: linear-gradient(to bottom right, #e5e5e5, #f4f4f4)
}
#maincontent #contentinner #reviewbox .review .reviewinner .reviewname {
	float: left;
	width: 100%;
	margin-top: 12px;
	font-weight: 700
}
#maincontent #contentinner #newsbox {
	float: left;
	width: 100%;
	padding-bottom: 40px
}
#maincontent #contentinner #newsbox #newsleft {
	float: left;
	width: 100%;
	padding-right: 20px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle {
	float: left;
	width: 100%;
	padding-bottom: 40px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x;
	margin-bottom: 40px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleleft {
	float: left;
	width: 40%;
	padding-right: 20px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleright {
	float: left;
	width: 60%
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articletitle {
	float: left;
	width: 100%;
	font-size: 26px;
	line-heightL: 28px;
	color: #5697b4;
	margin-top: 5px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleauthor {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #666;
	padding-top: 4px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleauthor a {
	color: #6daec5
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .artileimage {
	float: left;
	width: 100%;
	margin-top: 4px;
	border: 1px solid #5697b4
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articlecontent {
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 40px;
	padding-left: 0
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom {
	float: left;
	width: 100%;
	margin-top: 25px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #artiletags {
	float: left;
	width: 60%
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #artiletags a {
	float: left;
	height: 35px;
	line-height: 35px;
	background: #f07f14;
	color: #FFF;
	padding: 0 14px;
	margin-right: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare {
	float: left;
	width: 40%;
	padding-top: 4px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare #sharetext {
	float: left
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .facebookicon {
	float: right;
	width: 20px;
	height: 20px;
	background: url(../Images/shellFacebookIcon_03.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .twittericon {
	float: right;
	width: 20px;
	height: 20px;
	background: url(../Images/shellTwitterLogo_05.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .googleicon {
	float: right;
	width: 32px;
	height: 20px;
	background: url(../Images/shellGoogleIcon_03.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsright {
	float: left;
	width: 100%;
	padding-left: 0
}
#maincontent #contentinner #newsbox #newsright #listnav {
	float: left;
	width: 100%;
	margin-top: 40px
}
#maincontent #contentinner #newsbox #newsright #listnav .prev {
	float: left;
	color: #5697b4;
	font-size: 16px
}
#maincontent #contentinner #newsbox #newsright #listnav .next {
	float: right;
	color: #5697b4;
	font-size: 16px
}
#maincontent #contentinner #newsbox #newsright #newsrighttitle {
	float: left;
	width: 100%;
	font-size: 26px;
	line-height: 30px;
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist {
	float: left;
	width: 100%;
	padding: 10px 0 0;
	margin: 0
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li {
	list-style-type: none;
	display: inline;
	float: left;
	width: 33%;
	position: relative;
	margin-top: 12px
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft {
	float: left;
	width: 40%;
	padding-right: 14px;
	overflow: hidden;
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft a {
	border: 1px solid #5697b4;
	float: left;
	overflow: hidden;
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft a img {
	float: left;
	max-width: 100%;
	width: 100%;
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright {
	float: left;
	width: 60%
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .newstitlelink {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .listauthor {
	float: left;
	width: 100%
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .listauthor a {
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .readmore {
	position: absolute;
	bottom: 0;
	left: 156px;
	color: #FFF;
	line-height: 35px;
	height: 35px;
	background: #f07f14;
	padding-left: 12px;
	padding-right: 12px
}
#maincontent #contentinner #bookonline #bookonlinetitle, #maincontent #contentinner #roomtitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	padding: 30px 0
}
#maincontent #contentinner #roomtoptext {
	float: left;
	width: 100%;
	color: #666;
	font-size: 16px
}

#maincontent #contentinner #bookonline {
	float: left;
	width: 100%
}

#bookingoverlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: #FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	display: none;
}
#maincontent #contentinner #bookonline #bookingbottom {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x;
	color: #666;
	position: relative;
}
#maincontent #contentinner #bookonline #bookingbottom .bookingsmalltitle {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #5697b4;
	margin-top: 50px
}
#maincontent #contentinner #bookonline #bookingbottom .formline {
	float: left;
	width: 100%;
	padding-bottom: 10px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .commentinput, #maincontent #contentinner #bookonline #bookingbottom .formline .commenttitle {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingbottom .formline .commentinput .commenttext {
	float: left;
	width: 100%;
	max-width: 586px;
	padding-left: 12px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 140px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .bookingsubmit {
	float: left;
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	background: #f99d1c;
	text-align: center;
	border: 0;
	border-radius: 3px;
	margin-top: 20px;
	font-family: 'Crete Round', serif;
	font-size: 18px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox {
	float: left;
	width: 25%;
	padding-right: 14px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot, #maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputtitle {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot .bookdrop {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot .bookinput {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	padding-left: 12px
}
#maincontent #contentinner #bookonline #bookingtop {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox {
	float: left;
	width: 15%;
	padding: 0 8px
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox.bookingwide {
	width: 25%
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookingtitle {
	float: left;
	width: 100%;
	color: #666
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .inputdate, #maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .inputdropdown, #maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .priceinput {
	float: left;
	width: 100%;
	height: 35px;
	border: 1px solid #666;
	line-height: 35px;
	border-radius: 3px;
	padding-left: 12px
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .booknow {
	float: left;
	width: 100%;
	line-height: 35px;
	height: 35px;
	background: #f99d1c;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	border-radius: 3px
}
.roombox .roomboxright .roomboxtitle, .section.border {
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x
}
#breakfast {
	float: left;
	width: 100%
}

.breakfastleft
{
	float: left;
	width: 50%;
	padding: 0 1%;	
}

.fruitbar
{
	float: left;
	width: 100%;
	background: #5697b4;
	color: #FFF;
	padding: 30px;
	margin-top: 30px;	
	text-align: center;
	font-size: 16px;
	line-height: 18px;
}

.fruitbar strong
{
	font-size: 18px;	
}

.breakfastright
{
	float: left;
	width: 50%;
	padding: 0 1%;	
}


#breakfast #breakfasttitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 40px
}
#breakfast #breakfastcontent {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #666;
	text-align: center;
	padding-bottom: 60px
}
#breakfast #infobox {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #999;
	text-align: left;
	padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.roombox.odd .roomboxright .roomboxdescription, .roombox.odd .roomboxright .roomboxdetail, .roombox.odd .roomboxright .roomboxtitle, .section .sectionleft .sectionlefttext {
	text-align: right
}
#breakfast #breakfastcontent strong {
	font-size: 18px;
	color: #5697b4
}
.roombox {
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px
}
.roombox .roomboxleft {
	float: left;
	width: 50%
}
.roombox.odd .roomboxleft {
	float: right
}
.roombox .roomboxright {
	float: left;
	width: 50%;
	padding-left: 20px;
	height: 100%;
	position: relative;
}
.roombox.odd .roomboxright {
	float: left;
	padding-left: 0;
	padding-right: 20px;
	height: 100%;
	position: relative;
}
.roombox .roomboxright .roomboxtitle {
	float: left;
	width: 100%;
	font-size: 29px;
	line-height: 34px;
	color: #666;
	padding-bottom: 12px;
	padding-top: 6px
}
.roombox .roomboxright .roomboxdetail {
	float: left;
	width: 100%;
	padding-top: 8px;
	line-height: 22px;
	font-size: 16px
}
.roombox .roomboxright .roomboxdescription {
	float: left;
	width: 100%;
	padding-top: 8px;
	font-size: 14px;
}
.section {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative
}
.section .sectionleft {
	float: left;
	width: 50%;
	padding-right: 20px
}
.section .sectionleft .sectionlefttitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: right
}
.section .sectionleft .sectionlefttext {
	float: left;
	width: 100%;
	color: #666;
	padding-top: 20px;
	font-size: 16px;
	line-height: 20px
}
.section .sectionleft.roommbox .sectionlefttext, .section .sectionleft.roommbox .sectionlefttitle, .section.left .sectionleft .sectionlefttext, .section.left .sectionleft .sectionlefttitle {
	text-align: left
}
.section .sectionleft .sectionlefttext a {
	color: #5697b4
}
.section .sectionright {
	float: left;
	width: 50%
}
.section.left .sectionleft {
	float: right;
	padding-right: 0;
	padding-left: 20px
}
.section .sectionleft .sectionlefttext .walkimage {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px
}
#homehotbox, #homeseo {
	padding-top: 50px;
	padding-bottom: 50px
}
.section.left .sectionright {
	float: right;
	width: 50%
}
.section .sectionleft.roommbox {
	width: 100%;
	text-align: left
}
#homeseo {
	float: left;
	width: 100%;
	background: #E5E5E5;
	color: #666
}
#homehotbox #hotboxinner, #homeseo #homeseoinner {
	margin-left: auto;
	margin-right: auto;
	width: 1400px
}
#homeseo #homeseoinner #homeseotitle {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #5697b4;
	line-height: 40px;
	text-align: center
}
#homeseo #homeseoinner #homeseocontent {
	float: left;
	width: 100%;
	margin-top: 30px;
	height: 400px;
	overflow: hidden;
	position: relative
}
#homeseo #homeseoinner #bgfade {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../Images/shellFadeBG.png) top left repeat-x;
	z-index: 2000
}
#homeseo #homeseoinner #homeseoexpand {
	float: left;
	width: 100%
}
#homeseo #homeseoinner #homeseoexpand #homeseolinkinner {
	width: 140px;
	margin-left: auto;
	margin-right: auto
}
#homeseo #homeseoinner #homeseoexpand #homeseolinkinner a {
	float: left;
	width: 100%;
	height: 35px;
	color: #FFF;
	background: #f07f14;
	margin-top: 20px;
	text-align: center;
	line-height: 35px
}
#homehotbox {
	float: left;
	width: 100%;
	background: url(../Images/shellBeachBG.jpg) top center fixed #5697b4;
	position: relative;
	background-size: cover;
	background-position: fixed;
	
	overflow: hidden;
	
	
}
#homehotbox #hotboxinner .hotboxbottom {
	float: left;
	width: 33%;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 40px;
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner {
	float: left;
	width: 100%;
	background: #FFF;
	height: 340px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxtitle {
	float: left;
	width: 100%;
	font-size: 30px;
	line-height: 38px;
	color: #5697b4;
	text-align: center;
	margin-top: 30px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tripadvisor {
	padding-left: 80px;
	float: left;
	margin-top: 12px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewbox, #homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tidetimes {
	float: left;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewbox a {
	color: #666
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewboxname {
	float: left;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 12px
}
#homehotbox #hotboxinner .hotbox {
	float: left;
	width: 33%;
	padding-left: 20px;
	padding-right: 20px;

}
#homehotbox #hotboxinner .hotbox .hotboximage, #homehotbox #hotboxinner .hotbox .hotboximage img {
	float: left;
	width: 100%;
	padding-bottom: 60%;
	-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#homehotbox #hotboxinner .hotbox .hotboxwhite {
	float: left;
	width: 100%;
	padding-bottom: 10%;
	background: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxtitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxtitle a {
	float: left;
	width: 100%;
	color: #5697b4;
	text-align: center
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxlink {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 120px
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxlink a {
	float: left;
	background: #5697b4;
	padding: 10px 20px;
	color: #FFF;
	width: 120px;
	margin-top: 20px
}
.javalist, .javalist li, #tripadvisor, #welcometext, #welcometexttext {
	float: left;
	width: 100%
}



#ratings {
	width: 1200px;
	position: absolute;
	top: 0;
	left: 0
}
#ratings #aarating {
	float: left;
	width: 291px;
	height: 100px
}
#ratings #triprating {
	float: left;
	width: 50%
}

#welcometext p
{
	padding: 0;
	margin: 0;
}

#welcometext {
	background: #FFF;
	padding-top: 0px;
	padding-bottom: 30px;
	position: relative;
}
#welcometext #welcomeinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1200px;
	position: relative;
	display: block;
	background: #FFF;

}
#welcometextbox
{
	float: left;
	width: 100%;	
	position: relative;
	background:#FFF;
}

#accredit
{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;	
}

#welcometext #welcomeinner #aabox {
	float: left;
	width: 100%;
	padding-bottom: 0%;
	height: 100px;
	margin-right: 0;
	background: url(/Images/Accredit_August_2021.png) no-repeat center center;
	background-size: contain;
}

.webcamouter
{
	float: left;
	width: 50%;
	max-width: 580px;
	padding: 0 1%;
	margin: 0 auto;
}

.webcamnew
{
	float: right;
	width: 20%;
}

.webcamlink
{
	float: left;
	width: 100%;
	background: #5697b4;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
	margin-top: 20px;
	
}

.webcamtitle
{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
    padding-bottom: 10px;
    padding-top: 30px;
	padding-left: 0px;
	color: #FFF;
}

.webcamimg
{
    float: left;
    width: 100%;
    height: 100px;
    background: url(/Images/WebcamSummer.jpg) no-repeat center center #5697b4;
    background-size: contain;
}

.virtualtourimg
{
    float: left;
    width: 33.333%;
    padding-bottom: 20%;
    background: url(/Images/3DTour.jpg) no-repeat center center #5697b4;
    background-size: cover;
}

.webcamtext
{
	float: left;
	width: 100%;
	font-size: 16px;
	text-align: center;	
	line-height: 18px;
	color: #FFF;
	padding-top: 4px;
}

#webcambox
{
	width: 100%;
	max-width: 700px;
	margin: 20px auto 0 auto;
	padding-top: 20px;	
}

#webcambox iframe
{
	margin-top: 20px;
	float: left;
	width: 100%;	
}

#welcometext #welcomeinner #tripbox {
	position: absolute;
	top: -40px;
	right: 0;
	width: 178px;
	height: 80px;
	background: url(../Images/shellTripAdvisorNew.gif) top left no-repeat;
	background-size: contain
}

#welcometext #welcomeinner #lifeboat {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 150px;
	color: #666;
}

#lifeboattext
{
	float: left;
	width: 100%;
	color: #666;
	text-align: center;	
	line-height: 14px;
	padding-bottom: 4px;
}

#welcometext #welcomeinner #videobox {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 150px;
	color: #666;
}

#videotext
{
	float: left;
	width: 100%;
	color: #666;
	text-align: center;	
	line-height: 14px;
	padding-bottom: 4px;
}

#welcometext #welcomeinner #videobox a
{
	float: left;
	width: 100%;
	height: 75px;
	background: url(../Images/YouTube_03.png) no-repeat top center;
}

	#welcometext #welcomeinner #videobox a span
	{
		display: none;	
	}

#welcometext #welcomeinner #welcometitle {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #5697b4;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
}
#tripadvisor {
	height: 108px;
	background: url(../Images/shellAARating.gif) top center no-repeat
}
#welcometexttext {
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 20px
}
.javalist {
	padding: 0;
	margin: 0;
	height: auto;
	height: 50vh;
	overflow: hidden
}
.javalist li {
	list-style-type: none;
	display: inline;
	position: relative;
	height: 50vh;
	overflow: hidden;
	float: left;
	width: 100%;
}
.javalist li .listcontainer {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	z-index: 2000;
	max-height: 500px;
	overflow: hidden
}


#socialbox
{
	float: left;
	width: 100%;
	margin-top: 20px;	
}

	#socialbox #socialinner
	{
		margin-left: auto;
		margin-right: auto;
		width: 190px;	
	}
	
		#socialbox #socialinner .facebook
		{
			float: left;
			width: 50px;
			height: 50px;
			background: url(../Images/socialIcons_06.png) no-repeat top left;
			background-size: contain;	
		}
		
		#socialbox #socialinner .twitter
		{
			float: left;
			width: 50px;
			height: 50px;
			background: url(../Images/socialIcons_03.png) no-repeat top left;
			margin-left: 20px;
			background-size: contain;	
		}
		
		#socialbox #socialinner .googleplus
		{
			float: left;
			width: 50px;
			height: 50px;
			background: url(../Images/socialIcons_09.png) no-repeat top left;
			margin-left: 20px;
			background-size: contain;	
		}

#socialbox #socialinner a span
{
	display: none;	
}

@media (min-width:800px) and (max-width:1200px) {
	

#footerbox, #footerbox #footerinner #footerlogo, #footerbox #footerinner #footertext, #javabox, #map_canvas, #upper, #wrapper {
	float: left;
	width: 100%
}
#footerbox #footerinner, #localareanav #localareanavinner, #maincontent #contentinner, #upper #upperinner {
	margin-right: auto;
	margin-left: auto
}
#footerbox, #homenews {
	background: url(../Images/shellBeachBG.jpg) top center fixed #5697b4
}
#map_canvas {
	height: 380px
}
#wrapper {
	padding: 0;
	margin: 0
}
#javabox {
	background: #FFF
}
#upper {
	height: 26px;
	background: #698b9b;
	line-height: 26px;
	font-size: 16px;
	text-align: right
}
#upper #upperinner {
	width: 100%
}
#upper #upperinner a {
	color: #FFF;
	text-decoration: underline
}
#footerbox {
	padding-top: 50px;
	padding-bottom: 50px
}
#footerbox #footerinner {
	width: 100%
}
#footerbox #footerinner #footerlogo #footerlogoinner {
	margin-left: auto;
	margin-right: auto;
	width: 25%
}
#footerbox #footerinner #footerlogo #footerlogoinner a {
	float: left;
	width: 100%;
	height: 150px;
	background: url(../Images/shellMainLogo_03.png) top left no-repeat;
	background-size: contain;
	padding-top: 30px;
	transition: 1s
}
#footerbox #footerinner #footerlogo #footerlogoinner a span {
	display: none
}
#footerbox #footerinner #footerlogo #footerlogoinner a.animated {
	transform: translateY(30px)
}
#footerbox #footerinner #footertext {
	color: #FFF;
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}
#homenews #homenewsinner #newstitle, #hometour #hometourinner #hometourtitle {
	font-size: 35px;
	line-height: 38px;
	padding-bottom: 30px;
	width: 100%;
	float: left;
	text-align: center
}
#footerbox #footerinner #footertext a {
	color: #FFF
}
#hometour {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 50px 20px
}
#homenews #homenewsinner, #hometour #hometourinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
#hometour #hometourinner #hometourtitle {
	color: #5697b4
}
#hometour #hometourinner .tourcontainer {
	float: left;
	width: 50%;
}

#hometour #hometourinner .tourcontainer a
{
	float: left;
	width: 100%;
}
	#hometour #hometourinner .tourcontainer a span
	{
		display: none;	
	}
#homenews {
	float: left;
	width: 100%;
	padding: 50px 20px
}
#homenews #homenewsinner #newstitle {
	color: #FFF
}
#homenews #homenewsinner #homenewslist {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0
}
#homenews #homenewsinner #homenewslist li {
	float: left;
	width: 33%;
	list-style-type: none;
	display: inline
}
#homenews #homenewsinner #homenewslist li .newsimage, #homenews #homenewsinner #homenewslist li .newsimage img {
	float: left;
	width: 100%
}
#homenews #homenewsinner #homenewslist li .homenewstitle {
	float: left;
	width: 90%;
	color: #FFF;
	font-size: 18px;
	padding-top: 14px
}
#homenews #homenewsinner #homenewslist li .homenewstext {
	float: left;
	width: 90%;
	color: #FFF;
	padding-top: 4px;
	font-size: 14px;
	height: 60px;
	line-height: 20px;
	overflow: hidden
}
#homenews #homenewsinner #homenewslist li .newslink {
	float: left;
	padding: 5px 20px;
	background: #FFF;
	color: #5697b4;
	margin-top: 14px
}
#localareanav {
	float: left;
	width: 100%;
	background: #6daec5;
	color: #FFF;
	height: 64px
}
#localareanav #localareanavinner {
	width: 100%
}
#localareanav #localareanavinner #areanav {
	padding: 0 0 0 281px;
	margin: 0;
	float: left
}
#localareanav #localareanavinner #areanav li {
	list-style-type: none;
	display: inline;
	padding-left: 15px;
	padding-right: 10px;
	height: 64px;
	line-height: 64px;
	float: left;
	background: url(../Images/shellLocalAreaNavBar_03.gif) top left no-repeat
}
#header #headerinner #navmenu, #header #headerinner #navmenu span, #header #headerinner h1 a span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .facebookicon span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .googleicon span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .twittericon span, #ratings #aarating span, #welcometext #welcomeinner #aabox span, #welcometext #welcomeinner #tripbox, #welcometext #welcomeinner #tripbox span {
	display: none
}
#localareanav #localareanavinner #areanav li.first {
	padding-left: 0;
	background: 0 0
}
#localareanav #localareanavinner #areanav li a {
	color: #FFF;
	font-size: 16px
}
#maincontent {
	float: left;
	width: 100%;
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
    z-index: 1000;
}
#maincontent #contentinner {
	width: 100%
}
#maincontent #contentinner #contactmain {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px
}
#maincontent #contentinner #contactmain #contactleft, #maincontent #contentinner #contactmain #contactright {
	float: left;
	width: 50%
}
#maincontent #contentinner #contactmain #contactform #contactformtitle, #maincontent #contentinner #contactmain #contactleft #contactitle {
	float: left;
	width: 100%;
	font-size: 35px;
	color: #6daec5;
	padding-bottom: 30px
}
#maincontent #contentinner #contactmain #contactleft #contacttext {
	float: left;
	width: 100%;
	font-size: 16px
}
#maincontent #contentinner #contactmain #contacttext {
	float: left;
	width: 100%;
	font-size: 16px;
	padding-top: 14px
}
#maincontent #contentinner #contactmain #contactform {
	float: left;
	width: 100%;
	margin-top: 40px
}
#maincontent #contentinner #contactmain #contactform .contactformline {
	float: left;
	width: 100%;
	padding-bottom: 16px
}
#maincontent #contentinner #contactmain #contactform .contactformline .sendnow {
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	background: #f07f14;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 0;
	color: #FFF
}
#maincontent #contentinner #contactmain #contactform .contactformline .message {
	float: left;
	width: 100%;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 100px;
	line-height: 20px;
	padding: 12px
}
#maincontent #contentinner #contactmain #contactform .contactformline .contactformleft {
	float: left;
	width: 50%;
	padding-right: 10px
}
#maincontent #contentinner #contactmain #contactform .contactformline input {
	float: left;
	width: 100%;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	padding-left: 12px
}
#maincontent #contentinner #contactmain #contactform .contactformline .contactformright {
	float: left;
	width: 50%;
	padding-left: 10px
}
#maincontent #contentinner #reviewbox {
	float: left;
	width: 100%
}
#maincontent #contentinner #reviewbox .reviewcolumn {
	float: left;
	width: 33%
}
#maincontent #contentinner #reviewbox .review {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px
}
#maincontent #contentinner #reviewbox .review .reviewinner {
	float: left;
	width: 100%;
	color: #666;
	padding: 40px;
	font-size: 16px;
	background: red;
	background: -webkit-linear-gradient(left top, #e5e5e5, #f4f4f4);
	background: -o-linear-gradient(bottom right, #e5e5e5, #f4f4f4);
	background: -moz-linear-gradient(bottom right, #e5e5e5, #f4f4f4);
	background: linear-gradient(to bottom right, #e5e5e5, #f4f4f4)
}
#maincontent #contentinner #reviewbox .review .reviewinner .reviewname {
	float: left;
	width: 100%;
	margin-top: 12px;
	font-weight: 700
}
#maincontent #contentinner #newsbox {
	float: left;
	width: 100%;
	padding-bottom: 40px
}
#maincontent #contentinner #newsbox #newsleft {
	float: left;
	width: 100%;
	padding-right: 20px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle {
	float: left;
	width: 100%;
	padding-bottom: 40px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x;
	margin-bottom: 40px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleleft {
	float: left;
	width: 40%;
	padding-right: 20px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleright {
	float: left;
	width: 60%
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articletitle {
	float: left;
	width: 100%;
	font-size: 26px;
	line-heightL: 28px;
	color: #5697b4;
	margin-top: 5px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleauthor {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #666;
	padding-top: 4px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleauthor a {
	color: #6daec5
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .artileimage {
	float: left;
	width: 100%;
	margin-top: 4px;
	border: 1px solid #5697b4
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articlecontent {
	float: left;
	width: 75%;
	margin-top: 20px;
	padding-bottom: 40px;
	padding-left: 0
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom {
	float: left;
	width: 100%;
	margin-top: 25px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #artiletags {
	float: left;
	width: 60%
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #artiletags a {
	float: left;
	height: 35px;
	line-height: 35px;
	background: #f07f14;
	color: #FFF;
	padding: 0 14px;
	margin-right: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare {
	float: left;
	width: 40%;
	padding-top: 4px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare #sharetext {
	float: left
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .facebookicon {
	float: right;
	width: 20px;
	height: 20px;
	background: url(../Images/shellFacebookIcon_03.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .twittericon {
	float: right;
	width: 20px;
	height: 20px;
	background: url(../Images/shellTwitterLogo_05.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .googleicon {
	float: right;
	width: 32px;
	height: 20px;
	background: url(../Images/shellGoogleIcon_03.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsright {
	float: left;
	width: 100%;
	padding-left: 0
}
#maincontent #contentinner #newsbox #newsright #listnav {
	float: left;
	width: 100%;
	margin-top: 40px
}
#maincontent #contentinner #newsbox #newsright #listnav .prev {
	float: left;
	color: #5697b4;
	font-size: 16px
}
#maincontent #contentinner #newsbox #newsright #listnav .next {
	float: right;
	color: #5697b4;
	font-size: 16px
}
#maincontent #contentinner #newsbox #newsright #newsrighttitle {
	float: left;
	width: 100%;
	font-size: 26px;
	line-height: 30px;
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist {
	float: left;
	width: 100%;
	padding: 10px 0 0;
	margin: 0
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li {
	list-style-type: none;
	display: inline;
	float: left;
	width: 50%;
	position: relative;
	margin-top: 12px
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft {
	float: left;
	width: 40%;
	padding-right: 14px
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft a {
	border: 1px solid #5697b4;
	float: left
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft a img {
	float: left
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright {
	float: left;
	width: 60%
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .newstitlelink {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .listauthor {
	float: left;
	width: 100%
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .listauthor a {
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .readmore {
	position: absolute;
	bottom: 0;
	left: 156px;
	color: #FFF;
	line-height: 35px;
	height: 35px;
	background: #f07f14;
	padding-left: 12px;
	padding-right: 12px;
	display: none
}
#header #headerinner #navlist li, .javalist li {
	display: inline;
	position: relative;
	list-style-type: none
}
#maincontent #contentinner #roomtitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	padding: 30px 20px
}
#maincontent #contentinner #roomtoptext {
	float: left;
	width: 100%;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px
}
#maincontent #contentinner #bookonline {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookonlinetitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	padding: 30px 0
}
#maincontent #contentinner #bookonline #bookingbottom {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x;
	color: #666;
	padding-left: 20px;
	padding-right: 20px
}
#maincontent #contentinner #bookonline #bookingbottom .bookingsmalltitle {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #5697b4;
	margin-top: 50px
}
#maincontent #contentinner #bookonline #bookingbottom .formline {
	float: left;
	width: 100%;
	padding-bottom: 10px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .commentinput, #maincontent #contentinner #bookonline #bookingbottom .formline .commenttitle {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingbottom .formline .commentinput .commenttext {
	float: left;
	width: 100%;
	max-width: 586px;
	padding-left: 12px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 140px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .bookingsubmit {
	float: left;
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	background: #f99d1c;
	text-align: center;
	border: 0;
	border-radius: 3px;
	margin-top: 20px;
	font-family: 'Crete Round', serif;
	font-size: 18px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox {
	float: left;
	width: 25%;
	padding-right: 14px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot, #maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputtitle {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot .bookdrop {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot .bookinput {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	padding-left: 12px
}
#maincontent #contentinner #bookonline #bookingtop {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox {
	float: left;
	width: 15%;
	padding: 0 8px
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox.bookingwide {
	width: 25%
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookingtitle {
	float: left;
	width: 100%;
	color: #666
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .inputdate, #maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .inputdropdown, #maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .priceinput {
	float: left;
	width: 100%;
	height: 35px;
	border: 1px solid #666;
	line-height: 35px;
	border-radius: 3px;
	padding-left: 12px
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .booknow {
	float: left;
	width: 100%;
	line-height: 35px;
	height: 35px;
	background: #f99d1c;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	border-radius: 3px
}
.roombox .roomboxright .roomboxtitle, .section.border {
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x
}
#breakfast {
	float: left;
	width: 100%
}
#breakfast #breakfasttitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 40px
}
#breakfast #breakfastcontent {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #666;
	text-align: center;
	padding-bottom: 60px
}
.roombox.odd .roomboxright .roomboxdescription, .roombox.odd .roomboxright .roomboxdetail, .roombox.odd .roomboxright .roomboxtitle, .section .sectionleft .sectionlefttext {
	text-align: right
}
#breakfast #breakfastcontent strong {
	font-size: 18px;
	color: #5697b4
}
.roombox {
	float: left;
	width: 100%;
	padding: 30px 20px
}
.roombox .roomboxleft {
	float: left;
	width: 50%
}
.roombox.odd .roomboxleft {
	float: right
}
.roombox .roomboxright {
	float: left;
	width: 50%;
	padding-left: 20px
}
.roombox.odd .roomboxright {
	float: left;
	padding-left: 0;
	padding-right: 20px
}
.roombox .roomboxright .roomboxtitle {
	float: left;
	width: 100%;
	font-size: 29px;
	line-height: 34px;
	color: #666;
	padding-bottom: 12px;
	padding-top: 6px
}
.roombox .roomboxright .roomboxdetail {
	float: left;
	width: 100%;
	padding-top: 8px;
	line-height: 22px;
	font-size: 16px
}
.roombox .roomboxright .roomboxdescription {
	float: left;
	width: 100%;
	padding-top: 8px;
	font-size: 14px
}
.section {
	float: left;
	width: 100%;
	position: relative;
	padding: 20px
}
.section .sectionleft {
	float: left;
	width: 50%;
	padding-right: 20px
}
.section .sectionleft .sectionlefttitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: right
}
.section .sectionleft .sectionlefttext {
	float: left;
	width: 100%;
	color: #666;
	padding-top: 20px;
	font-size: 16px;
	line-height: 20px
}
#header, .section .sectionleft.roommbox .sectionlefttext, .section .sectionleft.roommbox .sectionlefttitle, .section.left .sectionleft .sectionlefttext, .section.left .sectionleft .sectionlefttitle {
	text-align: left
}
.section .sectionleft .sectionlefttext a {
	color: #5697b4
}
.section .sectionright {
	float: left;
	width: 50%
}
.section.left .sectionleft {
	float: right;
	padding-right: 0;
	padding-left: 20px
}
.section .sectionleft .sectionlefttext .walkimage {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 50%
}
.section.left .sectionright {
	float: right;
	width: 50%
}
.section .sectionleft.roommbox {
	width: 100%;
	text-align: left
}
#homeseo {
	float: left;
	width: 100%;
	background: #E5E5E5;
	color: #666;
	padding: 50px 20px
}
#homeseo #homeseoinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
#homeseo #homeseoinner #homeseotitle {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #5697b4;
	line-height: 40px;
	text-align: center
}
#homeseo #homeseoinner #homeseocontent {
	float: left;
	width: 100%;
	margin-top: 30px;
	height: 400px;
	overflow: hidden;
	position: relative
}
#homeseo #homeseoinner #bgfade {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../Images/shellFadeBG.png) top left repeat-x;
	z-index: 2000
}
#homehotbox #hotboxinner, #homeseo #homeseoinner #homeseoexpand {
	float: left;
	width: 100%
}
#homeseo #homeseoinner #homeseoexpand #homeseolinkinner {
	width: 140px;
	margin-left: auto;
	margin-right: auto
}
#homeseo #homeseoinner #homeseoexpand #homeseolinkinner a {
	float: left;
	width: 100%;
	height: 35px;
	color: #FFF;
	background: #f07f14;
	margin-top: 20px;
	text-align: center;
	line-height: 35px
}
#homehotbox {
	float: left;
	width: 100%;
	background: url(../Images/shellBeachBG.jpg) top center fixed #5697b4;
	padding-top: 50px;
	padding-bottom: 50px
}
#homehotbox #hotboxinner .hotboxbottom {
	float: left;
	width: 33%;
	padding-left: 0;
	padding-right: 0;
	margin-top: 40px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner {
	float: left;
	width: 100%;
	background: #FFF;
	height: 266px;
	overflow: hidden
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxtitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4;
	text-align: center;
	margin-top: 30px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tripadvisor {
	width: 194px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	padding: 0;
	float: none
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tripadvisor a {
	float: left;
	width: 100%;
	background: #ff0
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tripadvisor a img {
	float: left;
	width: 100%
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewbox, #homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tidetimes {
	float: left;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewbox a {
	color: #666
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewboxname {
	float: left;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 12px
}
#homehotbox #hotboxinner .hotbox {
	float: left;
	width: 33%;
	padding-left: 10px;
	padding-right: 10px
}
#homehotbox #hotboxinner .hotbox .hotboximage img {
	float: left;
	width: 100%
}
	#homehotbox #hotboxinner .hotbox .hotboximage
	{
		float: left;
		width: 100%;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
#homehotbox #hotboxinner .hotbox .hotboxwhite {
	float: left;
	width: 100%;
	background: #FFF;
	padding-top: 30px;
	padding-bottom: 30px
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxtitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxtitle a {
	float: left;
	width: 100%;
	color: #5697b4;
	text-align: center
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxlink {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 120px
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxlink a {
	float: left;
	background: #5697b4;
	padding: 10px 20px;
	color: #FFF;
	width: 120px;
	margin-top: 20px
}
#welcometext, #welcometexttext {
	padding-bottom: 30px;
	float: left
}
#ratings {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}
#ratings #aarating {
	float: left;
	width: 291px;
	height: 100px;
	background: url(../Images/shellAARatingImage.gif) top left no-repeat
}
#ratings #triprating {
	float: left;
	width: 50%
}
#welcometext {
	width: 100%;
	background: #FFF;
	padding-top: 20px
}
#welcometext #welcomeinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
	padding-left: 20px;
	padding-right: 20px
}
#welcometext #welcomeinner #welcometitle {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #5697b4;
	line-height: 40px;
	text-align: center
}
#tripadvisor {
	float: left;
	width: 100%;
	height: 108px;
	background: url(../Images/shellAARating.gif) top center no-repeat
}
#welcometexttext {
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-top: 30px
}
.javalist {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	height: auto;
	max-height: 600px;
	overflow: hidden
}
.javalist li, .javalist li .listcontainer {
	max-height: 500px;
	overflow: hidden;
	width: 100%
}
.javalist li {
	float: left
}
.javalist li .listcontainer {
	margin-left: auto;
	margin-right: auto;
	z-index: 2000
}
#tripbox {
	float: left;
	width: 100%
}

}


@media (min-width:320px) and (max-width:800px) {

#breakfast {
	float: left;
	width: 100%
}

.breakfastleft
{
	float: right;
	width: 100%;
	padding: 0 20px;	
}

.breakfastright
{
	float: left;
	width: 100%;
	padding: 0 20px;	
}

#welcometext #welcomeinner #lifeboat {
	display: none;
}

#welcometext #welcomeinner #videobox {
	display: none;
}	
	
#footerbox, #footerbox #footerinner, #footerbox #footerinner #footerlogo, #footerbox #footerinner #footerlogo #footerlogoinner, #footerbox #footerinner #footertext, #javabox, #map_canvas, #wrapper {
	float: left;
	width: 100%
}
#footerbox, #homenews {
	background: url(../Images/shellBeachBG.jpg) top center fixed #5697b4
}
#map_canvas {
	height: 380px
}
#wrapper {
	padding: 0;
	margin: 0
}
#javabox {
	background: #FFF
}
#footerbox #footerinner #footerlogo #footerlogoinner a span, #upper {
	display: none
}
#upper #upperinner {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
#upper #upperinner a {
	color: #FFF;
	text-decoration: underline
}
#footerbox {
	padding-top: 50px;
	padding-bottom: 50px
}
#footerbox #footerinner {
	padding-left: 20px;
	padding-right: 20px
}
#footerbox #footerinner #footerlogo #footerlogoinner a {
	float: left;
	width: 100%;
	height: 200px;
	background: url(../Images/shellMainLogo_03.png) top left no-repeat;
	background-size: contain;
	padding-top: 30px;
	transition: 1s
}
#footerbox #footerinner #footerlogo #footerlogoinner a.animated {
	transform: translateY(30px)
}
#footerbox #footerinner #footertext {
	color: #FFF;
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}
#homenews #homenewsinner #newstitle, #hometour #hometourinner #hometourtitle {
	font-size: 35px;
	line-height: 38px;
	padding-bottom: 30px;
	width: 100%;
	float: left;
	text-align: center
}
#footerbox #footerinner #footertext a {
	color: #FFF
}
#hometour {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 50px 20px
}
#homenews #homenewsinner, #hometour #hometourinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
#hometour #hometourinner #hometourtitle {
	color: #5697b4
}
#hometour #hometourinner .tourcontainer {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}

#hometour #hometourinner .tourcontainer a
{
	float: left;
	width: 100%;
}
	#hometour #hometourinner .tourcontainer a img
	{
		float: left;
		width: 100%;
	}
#homenews {
	float: left;
	width: 100%;
	padding: 50px 20px
}
#homenews #homenewsinner #newstitle {
	color: #FFF
}
#homenews #homenewsinner #homenewslist {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0
}
#homenews #homenewsinner #homenewslist li {
	float: left;
	width: 100%;
	list-style-type: none;
	display: inline;
	padding-bottom: 40px
}
#homenews #homenewsinner #homenewslist li .newsimage, #homenews #homenewsinner #homenewslist li .newsimage img {
	float: left;
	width: 100%
}
#homenews #homenewsinner #homenewslist li .homenewstitle {
	float: left;
	width: 90%;
	color: #FFF;
	font-size: 18px;
	padding-top: 14px
}
#homenews #homenewsinner #homenewslist li .homenewstext {
	float: left;
	width: 90%;
	color: #FFF;
	padding-top: 4px;
	font-size: 14px;
	height: 60px;
	line-height: 20px;
	overflow: hidden
}
#localareanav, #localareanav #localareanavinner {
	width: 100%;
	float: left
}
#homenews #homenewsinner #homenewslist li .newslink {
	float: left;
	padding: 5px 20px;
	background: #FFF;
	color: #5697b4;
	margin-top: 14px
}
#localareanav {
	background: #6daec5;
	color: #FFF;
	height: 85px;
	padding-top: 5px;
	padding-bottom: 5px
}
#localareanav #localareanavinner #areanav {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%
}
#localareanav #localareanavinner #areanav li {
	list-style-type: none;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	line-height: 25px;
	float: left;
	background: url(../Images/shellLocalAreaNavBar_03.gif) top left no-repeat;
	width: 50%
}
#header #headerinner #navlist, #header #headerinner #navmenu span, #header #headerinner h1 a span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .facebookicon span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .googleicon span, #maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .twittericon span, #ratings #aarating span, #welcometext #welcomeinner #aabox span, #welcometext #welcomeinner #tripbox, #welcometext #welcomeinner #tripbox span {
	display: none
}
#localareanav #localareanavinner #areanav li.first {
	padding-left: 10px;
	background: 0 0
}
#localareanav #localareanavinner #areanav li a {
	color: #FFF;
	font-size: 16px
}
#maincontent {
	float: left;
	width: 100%;
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
    z-index: 1000;
    position:  relative;
}
#maincontent #contentinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	float: left
}
#maincontent #contentinner #contactmain {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px
}
#maincontent #contentinner #contactmain #contactleft {
	float: left;
	width: 100%
}
#maincontent #contentinner #contactmain #contactform #contactformtitle, #maincontent #contentinner #contactmain #contactleft #contactitle {
	float: left;
	width: 100%;
	font-size: 35px;
	color: #6daec5;
	padding-bottom: 30px
}
#maincontent #contentinner #contactmain #contactleft #contacttext {
	float: left;
	width: 100%;
	font-size: 16px
}
#maincontent #contentinner #contactmain #contactright {
	float: left;
	width: 100%;
	margin-top: 30px
}
#maincontent #contentinner #contactmain #contacttext {
	float: left;
	width: 100%;
	font-size: 16px;
	padding-top: 14px
}
#maincontent #contentinner #contactmain #contactform {
	float: left;
	width: 100%;
	margin-top: 40px
}
#maincontent #contentinner #contactmain #contactform .contactformline {
	float: left;
	width: 100%;
	padding-bottom: 16px
}
#maincontent #contentinner #contactmain #contactform .contactformline .sendnow {
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	background: #f07f14;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 0;
	color: #FFF
}
#maincontent #contentinner #contactmain #contactform .contactformline .message {
	float: left;
	width: 100%;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 100px;
	line-height: 20px;
	padding: 12px
}
#maincontent #contentinner #contactmain #contactform .contactformline .contactformleft {
	float: left;
	width: 50%;
	padding-right: 10px
}
#maincontent #contentinner #contactmain #contactform .contactformline input {
	float: left;
	width: 100%;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	padding-left: 12px
}
#maincontent #contentinner #contactmain #contactform .contactformline .contactformright {
	float: left;
	width: 50%;
	padding-left: 10px
}
#maincontent #contentinner #reviewbox, #maincontent #contentinner #reviewbox .reviewcolumn {
	float: left;
	width: 100%
}
#maincontent #contentinner #reviewbox .review {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px
}
#maincontent #contentinner #reviewbox .review .reviewinner {
	float: left;
	width: 100%;
	color: #666;
	padding: 40px;
	font-size: 16px;
	background: red;
	background: -webkit-linear-gradient(left top, #e5e5e5, #f4f4f4);
	background: -o-linear-gradient(bottom right, #e5e5e5, #f4f4f4);
	background: -moz-linear-gradient(bottom right, #e5e5e5, #f4f4f4);
	background: linear-gradient(to bottom right, #e5e5e5, #f4f4f4)
}
#maincontent #contentinner #reviewbox .review .reviewinner .reviewname {
	float: left;
	width: 100%;
	margin-top: 12px;
	font-weight: 700
}
#maincontent #contentinner #newsbox {
	float: left;
	width: 100%;
	padding-bottom: 20px
}
#maincontent #contentinner #newsbox #newsleft {
	float: left;
	width: 100%;
	padding-right: 0
}
#maincontent #contentinner #newsbox #newsleft .newsarticle {
	float: left;
	width: 100%;
	padding-bottom: 40px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x;
	margin-bottom: 40px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleleft, #maincontent #contentinner #newsbox #newsleft .newsarticle .articleright {
	float: left;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articletitle {
	float: left;
	width: 100%;
	font-size: 28px;
	line-height: 32px;
	color: #5697b4;
	margin-top: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleauthor {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #666;
	padding-top: 4px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articleauthor a {
	color: #6daec5
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .artileimage {
	float: left;
	width: 100%;
	margin-top: 4px;
	border: 1px solid #5697b4
}
#maincontent #contentinner #newsbox #newsleft .newsarticle .articlecontent {
	float: left;
	width: 100%;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom {
	float: left;
	width: 100%;
	margin-top: 25px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #artiletags {
	float: left;
	width: 50%
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #artiletags a {
	float: left;
	height: 25px;
	line-height: 25px;
	background: #f07f14;
	color: #FFF;
	padding: 0 10px;
	margin-right: 3px;
	margin-top: 5px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare {
	float: left;
	width: 40%;
	padding-top: 4px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare #sharetext {
	float: left;
	width: 100%
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .facebookicon {
	float: left;
	width: 20px;
	height: 20px;
	background: url(../Images/shellFacebookIcon_03.gif) top left no-repeat;
	margin-left: 0
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .twittericon {
	float: left;
	width: 20px;
	height: 20px;
	background: url(../Images/shellTwitterLogo_05.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsleft .newsarticle #articlebottom #articleshare .googleicon {
	float: left;
	width: 32px;
	height: 20px;
	background: url(../Images/shellGoogleIcon_03.gif) top left no-repeat;
	margin-left: 10px
}
#maincontent #contentinner #newsbox #newsright {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}
#maincontent #contentinner #newsbox #newsright #listnav {
	float: left;
	width: 100%;
	margin-top: 40px
}
#maincontent #contentinner #newsbox #newsright #listnav .prev {
	float: left;
	color: #5697b4;
	font-size: 16px
}
#maincontent #contentinner #newsbox #newsright #listnav .next {
	float: right;
	color: #5697b4;
	font-size: 16px
}
#maincontent #contentinner #newsbox #newsright #newsrighttitle {
	float: left;
	width: 100%;
	font-size: 26px;
	line-height: 30px;
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist {
	float: left;
	width: 100%;
	padding: 10px 0 0;
	margin: 0
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li {
	list-style-type: none;
	display: inline;
	float: left;
	width: 100%;
	position: relative;
	margin-top: 12px
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft {
	float: left;
	width: 40%;
	padding-right: 14px
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft a {
	border: 1px solid #5697b4;
	float: left
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistleft a img {
	float: left
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright {
	float: left;
	width: 60%
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .newstitlelink {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .listauthor {
	float: left;
	width: 100%
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .listauthor a {
	color: #5697b4
}
#maincontent #contentinner #newsbox #newsright #newsrightlist li .newslistright .readmore {
	position: absolute;
	bottom: 0;
	left: 156px;
	color: #FFF;
	line-height: 35px;
	height: 35px;
	background: #f07f14;
	padding-left: 12px;
	padding-right: 12px;
	display: none
}
#maincontent #contentinner #roomtitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	padding: 30px 20px
}
#maincontent #contentinner #roomtoptext {
	float: left;
	width: 100%;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px
}
#maincontent #contentinner #bookonline {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookonlinetitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	padding: 30px 0
}
#maincontent #contentinner #bookonline #bookingbottom {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x;
	color: #666;
	padding-left: 20px;
	padding-right: 20px
}
#maincontent #contentinner #bookonline #bookingbottom .bookingsmalltitle {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #5697b4;
	margin-top: 50px
}
#maincontent #contentinner #bookonline #bookingbottom .formline {
	float: left;
	width: 100%;
	padding-bottom: 10px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .commentinput, #maincontent #contentinner #bookonline #bookingbottom .formline .commenttitle {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingbottom .formline .commentinput .commenttext {
	float: left;
	width: 100%;
	max-width: 586px;
	padding-left: 12px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	height: 140px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .bookingsubmit {
	float: left;
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	background: #f99d1c;
	text-align: center;
	border: 0;
	border-radius: 3px;
	margin-top: 20px;
	font-family: 'Crete Round', serif;
	font-size: 18px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox {
	float: left;
	width: 100%;
	padding-right: 14px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot, #maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputtitle {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot .bookdrop {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px
}
#maincontent #contentinner #bookonline #bookingbottom .formline .inputbox .inputboxbot .bookinput {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #FFF;
	border: 1px solid #666;
	border-radius: 3px;
	padding-left: 12px
}
#maincontent #contentinner #bookonline #bookingtop {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox {
	float: left;
	width: 100%;
	padding: 0 8px
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox.bookingwide {
	width: 100%
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookingtitle {
	float: left;
	width: 100%;
	color: #666
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput {
	float: left;
	width: 100%
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .inputdate, #maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .inputdropdown, #maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .priceinput {
	float: left;
	width: 100%;
	height: 35px;
	border: 1px solid #666;
	line-height: 35px;
	border-radius: 3px;
	padding-left: 12px
}
#maincontent #contentinner #bookonline #bookingtop .bookingbox .bookinginput .booknow {
	float: left;
	width: 100%;
	line-height: 35px;
	height: 35px;
	background: #f99d1c;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	border-radius: 3px
}
.roombox .roomboxright .roomboxtitle, .section.border {
	background: url(../Images/shellBorderBG_17.gif) bottom left repeat-x
}
#breakfast {
	float: left;
	width: 100%
}
#breakfast #breakfasttitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 40px
}
#breakfast #breakfastcontent {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #666;
	text-align: center;
	padding-bottom: 60px
}
.roombox.odd .roomboxright .roomboxdescription, .roombox.odd .roomboxright .roomboxdetail, .roombox.odd .roomboxright .roomboxtitle, .section .sectionleft .sectionlefttext, .section .sectionleft.roommbox, .section .sectionleft.roommbox .sectionlefttext, .section .sectionleft.roommbox .sectionlefttitle, .section.left .sectionleft .sectionlefttext, .section.left .sectionleft .sectionlefttitle {
	text-align: left
}
#breakfast #breakfastcontent strong {
	font-size: 18px;
	color: #5697b4
}
.roombox {
	float: left;
	width: 100%;
	padding: 30px 20px
}
.roombox .roomboxleft {
	float: left;
	width: 100%
}
.roombox.odd .roomboxleft {
	float: right
}
.roombox .roomboxright {
	float: left;
	width: 100%;
	padding-left: 0
}
.roombox.odd .roomboxright {
	float: left;
	padding-left: 0;
	padding-right: 0
}
.roombox .roomboxright .roomboxtitle {
	float: left;
	width: 100%;
	font-size: 29px;
	line-height: 34px;
	color: #666;
	padding-bottom: 12px;
	padding-top: 6px
}
.roombox .roomboxright .roomboxdetail {
	float: left;
	width: 100%;
	padding-top: 8px;
	line-height: 22px;
	font-size: 16px
}
.roombox .roomboxright .roomboxdescription {
	float: left;
	width: 100%;
	padding-top: 8px;
	font-size: 14px
}
.section {
	float: left;
	width: 100%;
	position: relative;
	padding: 20px
}
.section .sectionleft {
	float: left;
	width: 100%
}
.section .sectionleft .sectionlefttitle {
	float: left;
	width: 100%;
	color: #5697b4;
	font-size: 35px;
	line-height: 38px;
	text-align: left
}
.section .sectionleft .sectionlefttext {
	float: left;
	width: 100%;
	color: #666;
	padding-top: 20px;
	font-size: 16px;
	line-height: 20px
}
.section .sectionleft .sectionlefttext a {
	color: #5697b4
}
.section .sectionright {
	float: left;
	width: 100%;
	margin-top: 20px
}
.section.left .sectionleft {
	float: left;
	padding-left: 0
}
.section .sectionleft .sectionlefttext .walkimage {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 50%
}
.section.left .sectionright {
	float: left;
	width: 100%
}
.section .sectionleft.roommbox {
	width: 100%
}
#homeseo {
	float: left;
	width: 100%;
	background: #E5E5E5;
	color: #666;
	padding: 50px 20px
}
#homehotbox #hotboxinner, #homeseo #homeseoinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
#homeseo #homeseoinner #homeseotitle {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #5697b4;
	line-height: 40px;
	text-align: center
}
#homeseo #homeseoinner #homeseocontent {
	float: left;
	width: 100%;
	margin-top: 30px;
	height: 400px;
	overflow: hidden;
	position: relative
}
#homeseo #homeseoinner #bgfade {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../Images/shellFadeBG.png) top left repeat-x;
	z-index: 2000
}
#homeseo #homeseoinner #homeseoexpand {
	float: left;
	width: 100%
}
#homeseo #homeseoinner #homeseoexpand #homeseolinkinner {
	width: 140px;
	margin-left: auto;
	margin-right: auto
}
#homeseo #homeseoinner #homeseoexpand #homeseolinkinner a {
	float: left;
	width: 100%;
	height: 35px;
	color: #FFF;
	background: #f07f14;
	margin-top: 20px;
	text-align: center;
	line-height: 35px
}
#homehotbox {
	float: left;
	width: 100%;
	background: url(../Images/shellBeachBG.jpg) top center fixed #5697b4;
	padding-top: 50px;
	padding-bottom: 50px
}
#homehotbox #hotboxinner .hotboxbottom {
	float: left;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-top: 40px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner {
	float: left;
	width: 100%;
	background: #FFF;
	height: auto;
	overflow: hidden
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxtitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4;
	text-align: center;
	margin-top: 30px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tripadvisor {
	width: 194px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	padding: 0;
	float: none
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tripadvisor a {
	float: left;
	width: 100%;
	background: #ff0
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tripadvisor a img {
	float: left;
	width: 100%
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewbox, #homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .tidetimes {
	float: left;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewbox a {
	color: #666
}
#homehotbox #hotboxinner .hotboxbottom .hotboxbottominner .hotboxcontent .reviewboxname {
	float: left;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 12px
}
#homehotbox #hotboxinner .hotbox {
	float: left;
	width: 100%;
	padding: 0
}
#homehotbox #hotboxinner .hotbox .hotboximage, #homehotbox #hotboxinner .hotbox .hotboximage img {
	float: left;
	width: 100%
}
#homehotbox #hotboxinner .hotbox .hotboxwhite {
	float: left;
	width: 100%;
	background: #FFF;
	padding-top: 30px;
	padding-bottom: 30px
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxtitle {
	float: left;
	width: 100%;
	font-size: 35px;
	line-height: 38px;
	color: #5697b4
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxtitle a {
	float: left;
	width: 100%;
	color: #5697b4;
	text-align: center
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxlink {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 120px
}
#homehotbox #hotboxinner .hotbox .hotboxwhite .hotboxlink a {
	float: left;
	background: #5697b4;
	padding: 10px 20px;
	color: #FFF;
	width: 120px;
	margin-top: 20px
}
#welcometext, #welcometexttext {
	padding-bottom: 30px;
	float: left
}
#ratings {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

#ratings #triprating {
	float: left;
	width: 50%
}
#welcometext {
	width: 100%;
	background: #FFF;
	padding-top: 10px
}
#welcometext #welcomeinner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
	padding-left: 20px;
	padding-right: 20px
}
#welcometext #welcomeinner #welcometitle {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #5697b4;
	line-height: 40px;
	text-align: center;
    margin-top: 10px;
}
#tripadvisor {
	float: left;
	width: 100%;
	height: 108px;
	background: url(../Images/shellAARating.gif) top center no-repeat
}
#welcometexttext {
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-top: 30px
}
.javalist {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	height: auto;
	max-height: 600px;
	overflow: hidden
}
.javalist li, .javalist li .listcontainer {
	max-height: 500px;
	overflow: hidden;
	width: 100%
}
.javalist li {
	list-style-type: none;
	display: inline;
	float: left;
	position: relative
}
.javalist li .listcontainer {
	margin-left: auto;
	margin-right: auto;
	z-index: 2000
}
#tripbox {
	float: left;
	width: 100%
}
#header {
	float: left;
	width: 100%;
	height: 124px;
	background: #5697b4;
	text-align: left;
	z-index: 10000;
	position: relative
}
#header #headerinner {
	float: left;
	width: 100%;
	position: relative
}
#header #headerinner h1 {
	padding: 0;
	margin: 0
}
#header #headerinner h1 a {
	position: absolute;
	left: 20px;
	top: 15px;
	width: 199px;
	height: 86px;
	background: url(../Images/shellMainLogo_03.png) top left no-repeat;
	margin-left: 0;
	background-size: contain
}
#header #headerinner #navmenu {
	display: block
}
#header #headerinner #navlist {
	float: left;
	width: 100%;
	padding: 0;
	margin: 124px 0 0;
	height: auto;
	z-index: 5000;
	background: #fff;
	border-bottom: 1px solid #5697b4;
	border-top: 1px solid #FFF
}
#header #headerinner #navlist li .sublist li:hover a, #header #headerinner #navlist li:hover a {
	background: #5697b4;
	color: #FFF
}
#header #headerinner #navlist li {
	float: left;
	width: 100%;
	list-style-type: none;
	display: inline;
	position: relative;
	height: auto;
	border-bottom: 1px solid #5697b4
}
#header #headerinner #navlist li a {
	text-align: left;
	color: #5697b4;
	font-size: 18px;
	width: 100%;
	float: left;
	line-height: 40px;
	margin-top: 0;
	height: 40px;
	padding-left: 10px
}
#header #headerinner #navlist li .sublist {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: #5697b4;
	padding: 0;
	margin: 0;
	height: 100%;
	line-height: 40px;
	display: none;
	z-index: 4000
}
#header #headerinner #navlist li:hover .sublist {
	display: block
}
#header #headerinner #navlist li.empty {
	display: none
}
#header #headerinner #navlist li .sublist li {
	float: left;
	width: 100%;
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	height: auto;
	background: #5697b4;
	color: #FFF;
	border-top: 1px solid #FFF
}
#header #headerinner #navlist li .sublist li a {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	text-align: left;
	padding-left: 40px;
	margin: 0;
	font-size: 16px
}
}



.roombox .roomboxright .roomboxforlink {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.roombox .roomboxright .roomboxforlink .booklink
{
	float: left;
	height: 40px;
	line-height: 40px;
	background: #6daec5;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 20px;
}

.roombox.odd .roomboxright .roomboxforlink .booklink
{
	float: right;
	height: 40px;
	line-height: 40px;
	background: #6daec5;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 20px;
}

.roombox .roomboxright .roomboxforlink .virttourbut
{
	float: left;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	text-align: left;
	margin-left: 20px;
	padding-right: 20px;
	background: rgb(255,165,0);
    background: linear-gradient(180deg, rgba(255,165,0,1) 0%, rgba(181,123,17,1) 100%);
	-webkit-transition: 1s ease-out;  
    -moz-transition: 1s ease-out;  
    -o-transition: 1s ease-out;  
    transition: 1s ease-out;  
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.roombox .roomboxright .roomboxforlink .virttourbut img
{
	float: left;
	width: 40px;
	height: 40px;
}

.roombox .roomboxright .roomboxforlink .virttourbut:hover
{
	
}

.roombox.odd .roomboxright .roomboxforlink .virttourbut
{
	float: right;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	text-align: left;
	margin-right: 20px;
	padding-right: 20px;
	background: rgb(255,165,0);
    background: linear-gradient(180deg, rgba(255,165,0,1) 0%, rgba(181,123,17,1) 100%);
	-webkit-transition: 1s ease-out;  
    -moz-transition: 1s ease-out;  
    -o-transition: 1s ease-out;  
    transition: 1s ease-out;  
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.roombox.odd .roomboxright .roomboxforlink .virttourbut img
{
	float: left;
	width: 40px;
	height: 40px;
}

.roombox .roomboxright .roomboxforlink .virttourbut:hover
{
	background: rgb(57,151,186);
    background: linear-gradient(180deg, rgba(57,151,186,1) 0%, rgba(38,108,134,1) 100%);
	text-decoration: none;
}

.roombox.odd .roomboxright .roomboxforlink .virttourbut:hover
{
	background: rgb(57,151,186);
    background: linear-gradient(180deg, rgba(57,151,186,1) 0%, rgba(38,108,134,1) 100%);
	text-decoration: none;
}


#videocontainer
{
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: url(/Video/DefaultImg.jpg) no-repeat top left;
    background-size: cover; 
}


@media screen and (max-device-width: 800px) {
    video {
       /*  display: none; */
    }
	
	#videocontainer
	{
		background: url(../Video/DefaultImg.jpg) no-repeat;
    	background-size: cover; 	
	}
}

#roombox
{
	float: left;
	width: 100%;
	background: #EFEFEF;
	padding-top: 20px;
	color: #666;
	padding-bottom: 20px;	
}

.roomboxinner
{
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 20px;
	padding-right: 20px;
}

.roomboxinner h2
{
	float: left;
	width: 100%;
	text-align: center;
	color: #5697b4;	
	padding-bottom: 14px;
}

.leftbox
{
	float: left;
	width: 25%;	
}

.rightbox
{
	float: left;
	width: 75%;	
}

.leftbox img
{
	float: left;	
	width: 100%;
}

.result-container-left
{
	float: left;
	width: 100%;	
	padding-top: 10px;
	padding-left: 20px;
}

.result-container-left h3
{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 10px;	
}

.result-container-right
{
	float: left;
	width: 100%;	
	padding-left: 20px;
}

.price-details
{
	float: left;
	width: 75%;
	line-height: 20px;
	padding-top: 10px;
}

.price-details span
{
	font-size: 20px;
	line-height: 20px;		
}

#newbookonline
{
	float: right;
	width: 25%;
	height: 40px;
	line-height: 40px;
	background: #f99d1c;	
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	text-align: center;
	color: #FFF;
}

@media (min-width:320px) and (max-width:800px) {

#roombox
{
	padding: 20px 20px;	
}
	
.leftbox
{
	float: left;
	width: 100%;
}

.rightbox
{
	float: left;
	width: 100%;	
}

.result-container-left
{
	float: left;
	width: 100%;	
	padding-top: 10px;
	padding-left: 0px;
}

.result-container-right
{
	float: left;
	width: 100%;	
	padding-left: 0px;
}

.price-details
{
	float: left;
	width: 100%;
	line-height: 40px;
	padding-right: 20px;
	padding-left: 0px;
}

#newbookonline
{
	float: left;
	width: 100%;
	margin-left: 0px;
}

}

.breakfastsmall
{
	font-size: 10px;	
}

#savebox
{
	float: left;
	width: 100%;
}

#saveboxinner
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 700px;	
}

#saveboxcont
{
	float: left;
	width: 100%;
	padding: 12px;
	background: #5697b4;	
}

#saveboxcont:hover
{
	background: #54add4;	
}

#saveboxleft
{
	float: left;
	width: 25%;
}

#saveboxright
{
	float: left;
	width: 75%;
	padding-left: 12px;
	color: #FFF;
	line-height: 16px;	
}

#saveboxright h3
{
	float: left;
	width: 100%;
	font-size: 20px;
	line-height: 22px;	
}

@media (min-width:600px) and (max-width:800px) {
	
#saveboxleft
{
	float: left;
	width: 50%;
}

#saveboxleft img
{
	width: 100%;	
}

#saveboxright
{
	float: left;
	width: 50%;
}

}

@media (min-width:320px) and (max-width:599px) {
	
#saveboxleft
{
	float: left;
	width: 100%;
	text-align: center;
}

#saveboxleft img
{
	width: 100%;	
}

#saveboxright
{
	float: left;
	width: 100%;
	margin-top: 12px;
	padding-left: 0px;
}

}

#roomtopleft
{
	float: left;
	width: 100%;
	padding: 1em;
	text-align: center;
}

#roomtopleft p
{
	padding: 0px;
	margin: 0px;	
}

#roomtopright
{
	float: left;
	width: 100%;

}

.fiftybox
{
	float: left;
	width: 100%;
	padding: 1em;	
}

#roomtopright table
{
	font-size: 13px;	
	line-height: 22px;
	border: 1px solid #EFEFEF;
}

#roomtopright table td
{
	padding-left: 10px;	
}
#roomtopright .head td
{
	background: #5697b4;	
	padding: 2px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	height: 66px;
}

.darktable
{
	background: #def5ff;	
}

.lighttable
{
	background: #FFF;	
}

.lighttable span, .darktable span
{
	font-size: 14px;
	font-weight: bold;
}

@media (min-width:600px) and (max-width:1000px) {
	
#roomtopleft
{
	width: 100%;
}


#roomtopright
{
	width: 100%;
}

}

@media (min-width:320px) and (max-width:600px) {
	
#roomtopleft
{
	width: 100%;
}

#roomtopright
{
	width: 100%;
}

.fiftybox
{
	width: 100%;
}


}

#roomtextnew
{
	float: left;
	width: 100%;
	padding: 0px 1em;	
}




@media (min-width:320px) and (max-width:900px) {
#aabox
{
	display: none;	
}

#header #headerinner #navlist li.mobile
{
	display: block;	
}


}


#notice
{
    float: left;
    width: 100%;
    background: #20b099;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
}

.noticeinner
{
    margin: 0 auto;
    width: 100%;
    max-width: 550px;
}

.noticetext
{
    font-size: 16px;
    float: left;
    width: 100%;
    display: block;
    line-height: 36px;
}

.noticetext a
{
    float: right;
    background: #FFF;
    color: #20b099;
    height: 36px;
    width: 140px;
    line-height: 36px;
    font-weight: bold;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#javabox
{
    position: relative;
}

.notice
{
    position: absolute;
    top: 100px;
    left: 30px;
    width: 50%;
    max-width: 300px;
    padding: 20px;
    color: #FFF;
    background: #175381;
    font-size: 14px;
    line-height: 20px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300;
    text-align:  center;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
}

.notice a
{
    font-weight: bold;
    color: #FFF;
}


.javacovid
{
    float: left;
    width: 100%;
    text-align:  center;
    color: #FFF;
	background: #698b9b;
    font-size: 20px;
    line-height: 40px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
    font-weight: 400;
	 z-index: 5000;
}

.javacovidtwo
{
    float: left;
    width: 100%;
    text-align:  center;
    color: #FFF;
	background: #5697b4;
    font-size: 24px;
    line-height: 40px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
    font-weight: 400;
	 z-index: 5000;
	 border-bottom: 10px solid #FFF;
}



#header
{
    z-index: 20000;
}

.counternew
{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 30px;
    text-align:  center;
}

.javalist.mobile
{
    display: none;
}

.javalist.desktop
{
    display: block;
}

@media (min-width:320px) and (max-width:600px) {

.webcamnotice
{
	display: none;	
}
	
.javalist {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 300px;
	overflow: hidden
}
.javalist li, .javalist li .listcontainer {
	max-height: 300px;
	overflow: hidden;
	width: 100%
}
.javalist li {
	list-style-type: none;
	display: inline;
	float: left;
	position: relative
}
.javalist li .listcontainer {
	margin-left: auto;
	margin-right: auto;
	z-index: 2000
}

.javacovidinner
{
    font-size: 16px;
}

.webcamlink
{
	float: left;
	width: 100%;
	background: #5697b4;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    display: block;
    padding: 10px;
}

.webcamtitle
{
	float: right;
	width: 60%;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
    padding-bottom: 5px;
    padding-top: 0px;
	color: #FFF;
    padding-left: 10px;
}

.webcamimg
{
    float: left;
    width: 100%;
    height: 100px;
    background: url(/Images/WebcamSummer.jpg) no-repeat center center #5697b4;
    background-size: contain;
}

.webcamtext
{
	float: right;
	width: 60%;
	font-size: 16px;
	text-align: center;	
	line-height: 20px;
	color: #FFF;
    padding-bottom: 0px;
    padding-top: 6px;
    padding-left: 10px;
}

#welcometitle
{
    margin-top: 10px;
}

}

.javalist li a .open
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	font-size: 40px;
	color: #FFF;
	font-weight: bold;
	text-align:  center;
	background: none;
	padding: 0px;
	
}

.javalist li a .booknow
{
	position: absolute;
	top: 200px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align:  center;
}

.weregood
{
	position: absolute;
	top: 40px;
	right: 40px;
	width: 240px;
	height: 80px;
	background: url(/Images/shellCovidImage.png) no-repeat center center; background-size: contain;
}

.weregoodmain span
{
	display: none;
}

.weregoodtwo
{
	position: relative;
	float: left;
	width: 100%;
	margin-left: 0%;
	height: 200px;
	background: url(/Images/shellCovidImage.png) no-repeat center center; background-size: contain;
	margin-bottom: 20px;
}

.eatoutinner
{
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100%;
}

.eatoutlogo
{
	float: left;
	width: 100%;
	height: 200px;
	background: url(/Images/EatOutLogo.png) no-repeat center center;
	background-size: contain;
	z-index: 1000;
}

.eatouttext
{
	float: left;
	width: 100%;
	z-index: 1000;
	text-align:  center;
	font-size: 40px;
	margin-top: 20px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.eatoutlink
{
	float: left;
	width: 15%;
	margin-left: 42.5%;
}

.eatoutlink a
{
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #FFF;
	text-align:  center;
	background: #5697b4;
	margin-top: 20px;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.eatoutlink a:hover
{
	text-decoration:  none;
	background: #f99d1c;
}

.eatoutsubtext
{
	float: left;
	width: 100%;
	z-index: 1000;
	text-align:  center;
	font-size: 20px;
	margin-top: 20px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

@media (min-width:320px) and (max-width:800px) {

.weregoodmain
{
	float: left;
	width: 100%;
	height: 90px;
	background: url(/Images/shellCovidImage.png) no-repeat center center; background-size: contain;
	margin-bottom: 20px;
}

}

@media (min-width:800px) and (max-width:2000px) {

.weregoodmain
{
	display: none;
}



}

.headernotice
{
	float: left;
	width: 100%;
	background: #5697b4;
	border-top: 2px solid #FFF;
	text-align:  center;
	font-size: 28px;
	line-height: 42px;
}

.headernotice a
{
	color: #FFF;
}



.tickbox
{
	float: left;
	width: 33.333%;
	text-align:  center;
	padding: 14px 0;
}

.ticknew
{
	width: 40px;
	display: inline-block;
	height: 40px;
	margin-right: 10px;
	margin-top: 0px;
	overflow: hidden;
	vertical-align: middle;
}

.ticknew img
{
	width: 40px;
	height: 40px;
	float: left;
}

.ticktext
{
	height: 40px;
	display: inline-block;
	line-height: 40px;
	font-size: 20px;
	margin: 0px;
	vertical-align: middle;
}

.covidtable
{
	float: left;
	width: 100%;
	margin-top: 30px;
	font-size: 18px;
}

.covidheader
{
	float: left;
	width: 100%;
}

.unableheader
{
	float: left;
	width: 100%;
	background: #3997ba;
	height: 50px;
	line-height: 50px;
	text-align:  center;
	color: #FFF;
}

.covidheaderright
{
	float: left;
	width: 100%;
	background: #97aab1;
	color: #FFF;
	height: 130px;
	line-height: 130px;
	text-align:  center;
}


.covidleft
{
	float: left;
	width: 100%;
	text-align:  center;
	vertical-align: center;
	padding: 40px 40px;
	background: #f1f1f1;
	color: #777;
}

.covidright
{
	float: left;
	width: 100%;
	text-align:  center;
	padding: 40px;
	background: #f8f8f8;
	color: #777;
}

.infotext
{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	color: #999;	
}

.infotext h2
{
	padding-top: 10px;	
	padding-bottom: 10px;
	font-size: 18px;
}

.infotext a, .infotext strong
{
    color: #3997ba;
    font-weight: bold;
}

.infotexttwo
{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	color: #999;	
	padding-left: 10%;
	padding-right: 10%;
}

.infotexttwo h2
{
	padding-top: 10px;	
	padding-bottom: 10px;
	font-size: 18px;
}

.infotexttwo a, .infotexttwo strong
{
    color: #3997ba;
    font-weight: bold;
}

.locations
{
	background: #5697b4;
	text-align: left;
	float: left;
	width: 100%;
	padding: 30px 0px;
}

.footerinner
{
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}

.footercol
{
	float: left;
	width: 33.333%;
	padding: 0 1%;
}

.footerheading
{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 20px;
}

.locationlink
{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #EFEFEF;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #EFEFEF;
}

.virtualtourbox
{
	float: left;
	width: 1000px;
	height: 600px;
}

.modalbox
{
	float: left;
	width: 100%;
}

.bluebordertop
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	background: url(/Images/shellBlueBorder_04.png) repeat-x bottom center;
	z-index: 20000;
}

.whiteborderbot
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	background: url(/Images/whiteborderbot.png) repeat-x top center;
	z-index: 20000;
}

.whitebordertop
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	background: url(/Images/whitebordertop.png) repeat-x bottom center;
	z-index: 20000;
}

.webcamnotice
{
    position: absolute;
    top: 40px;
    right: 40px;
    width: 100%;
    max-width: 300px;
    background: #3997ba;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300;
    text-align:  center;
    color: #FFF;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
}

.webcamtop
{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #FFF;
}

.webcamimg
{
    float: left;
    width: 100%;
    height: 100px;
    background: url(/Images/WebcamSummer.jpg) no-repeat center center;
    background-size: contain;
    margin-top: 12px;
}

.webcamhometext
{
    float: left;
    width: 100%;
    margin-top: 14px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #FFF;
}

.javaoverlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50vh;
	z-index: 10000;
}

.javainner
{
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;	
}

.slidetextthree
{
	float: left;
	width: 100%;
	margin-top: 0px;
	color: #FFF;	
	text-align: center;
	margin-top: 14vh;
}

.slidetitle
{
	float: left;
	width: 90%;	
	margin-left: 5%;
}

.slidenorm
{
	float: left;
	width: 100%;
	padding: 0px;
	font-family: 'Pacifico', cursive;	
	font-size: 30px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	line-height: 36px;
	margin-top: 0px;
	padding-bottom: 20px;
}

.slidenormtwo
{
	float: left;
	width: 100%;
	padding: 0px;
	font-family: 'Pacifico', cursive;	
	font-size: 28px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	line-height: 30px;
	margin-top: 0px;
	padding-bottom: 20px;
}

.slidesmall
{
	float: left;
	width: 100%;
	margin-top: 12px;
	font-size: 16px;
	line-height: 22px;

}

.dealtitle
{
	float: left;
	width: 100%;
	font-weight: bold;
    font-size: 20px;
    line-height: 24px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	margin-top: 0px;
	padding-bottom: 10px;
	color: #FFF;
}
.dealtitle span
{
	font-weight: normal;
}

.redbox
{
	float: left;
	width: 20%;
	height: 45px;
	background: #FFF;
	color: #3997ba;	
	margin: 30px 40% 0 40%;
	line-height: 45px;
	font-weight: bold;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
}

.javalabel
{
	position: absolute;
	bottom: 50px;
	left: 20px;
	padding: 6px 8px;
	background: #FFA500;
	font-size: 11px;	
}

.slidetextthree
{
	float: left;
	width: 100%;
	color: #FFF;	
	text-align: center;
}

/* UPDATE HEADER */


#header
{
	float: left;
	width: 100%;
	background: url(/Images/shellHeaderBorder_02.png) repeat-x bottom center #3997ba;
	padding-bottom: 36px;	
	position: relative;
	z-index: 10000;
}

#headerinner
{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;	
}

.logo
{
	float: left;
	width: 50%;
	margin-top: 20px;	
}

.logoicon
{
	float: left;
	width: 60px;
	height: 60px;
	background: url(/Images/Logo.svg) no-repeat center center;
	background-size: cover;	
	margin-top: 10px;
}

.logoright
{
	float: left;
	width: 500px;
	padding-left: 12px;	
}

.logotop
{
	float: Left;
	width: 100%;
	font-size: 22px;
	font-weight: 700;
	color: #FFF;
	margin-top: 6px;	
}

.logobot
{
	float: Left;
	width: 100%;
	font-size: 16px;
	color: #FFF;
	font-style: italic;
	margin-top: 5px;
	font-weight: 300;	
}

.headerright
{
	float: right;
	width: 20%;	
	margin-top: 60px;
}

.telephone
{
	float: left;
	padding-right: 12px;
	font-size: 20px;	
	color: #FFF;
	line-height: 30px;
}

.facebook
{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 8px;
	background: url(../Images/FacebookIcon.svg) no-repeat center center;
	background-size: cover;	
}

.facebook span
{
	display: none;	
}

.webcamheader
{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 8px;
	background: url(../Images/WebcamIcon.svg) no-repeat center center;
	background-size: cover;		
}

.webcamheader span
{
	display: none;	
}

.twitter
{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 8px;
	background: url(../Images/TwitterIcon.svg) no-repeat center center;
	background-size: cover;	
}

.twitter span
{
	display: none;	
}

.instagram
{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 8px;
	background: url(../Images/InstagramIcon.svg) no-repeat center center;
	background-size: cover;	
}

.instagram span
{
	display: none;	
}


#navigation
{
	float: left;
	width: 100%;
	background: url(/Images/shellNavBG_01.png) repeat-x bottom left;
	position: relative;
	z-index: 19500;
	padding-bottom: 36px;
}

#navinner
{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;		
}

.navlist
{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 4px 0px 0px 0px;	
}

.navlist li
{
	float: left;
	width: 12.5%;	
	list-style-type: none;
	display: inline;
	position: relative;
}

.navlist li a
{	
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: #3997ba;
	font-size: 16px;
	line-height: 25px;
}

.navlist li a:hover
{
	color: #FFA500;
	text-decoration: none;	
}

.subnav
{
	position: absolute;
	left: 0px;
	width: 240px;
	top:25px;
	background: #3997ba;;	
	padding: 10px 0px 10px 0px;
	margin: 0px;
	display: none;
}

.navlist li:hover .subnav
{
	display: block;	
}

.subnav li
{
	float: left;
	width: 100%;
	padding: 0px;
	text-align: center;	
}

.subnav li a
{
	float: left;
	width: 100%;
	line-height: 40px;
	color: #FFF;
	text-align: left;
	padding-left: 20px;	
}

.subnav li a:hover
{
	background: #FFF;
	color: #3997ba;
	text-decoration: none;	
}

.slidenorm
{
	float: left;
	width: 100%;
    padding: 0 0%;
	font-family: 'Pacifico', cursive;	
	font-size: 60px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
	line-height: 70px;
	text-align: center;
	margin-top: 0vh;
}


#myVideo {
  position: absolute;
  top: 0px;
  left: 0px;
	width: 100%;
	height: 50vh;
	object-fit: cover;
	z-index: 5000;
}



/* UPDATE HEADER END */

.roomtextnew
{
	float: left;
	width: 100%;
	text-align: center;
}

.blueborder
{
	float: left;
	width: 100%;
	position: relative;
	z-index: 1000;
}

.bluetop
{
	float: left;
	width: 100%;	
	height: 34px;
	background: url(../Images/shellBlueBorder_02.gif) repeat-x top center;
}

.bluemid
{
	float: left;
	width: 100%;
	background: #3997ba;
	padding-top: 20px;
	padding-bottom: 20px;	
}

.bluemidinner
{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}

.bluebot
{
	float: left;
	width: 100%;
	height: 32px;
	background: url(../Images/shellBlueBorder_04.gif) repeat-x top center;	
}

.petleft
{
	float: left;
	width: 30%;
}

.petleftimg
{
	float: left;
	width: 100%;
	padding-bottom: 60%;
	background: url(/Images/DogFriendlyNew.jpg) no-repeat center center;
	background-size: cover;
}

.petleftimg span
{
	display: none;
}

.petright
{
	float: left;
	width: 70%;
	padding-left: 2.5%;
}

.petbluetitle
{
	float: left;
	width: 100%;	
	font-size: 24px;
	line-height: 28px;
	color: #FFF;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	margin-top: 10px;
}

.petbluetext
{
	float: left;
	width: 100%;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;	
	text-align: center;
	margin-top: 10px;
}

.bluetitle
{
	float: left;
	width: 100%;	
	font-size: 30px;
	line-height: 36px;
	color: #FFF;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

.bluetext
{
	float: left;
	width: 100%;
	color: #FFF;
	font-size: 22px;
	line-height: 28px;	
	text-align: center;
}

.fiftybox table
{
	float: left;
	width: 100%;
}

.fiftybox table .head
{
	padding: 10px 0;
	font-size: 16px;
}

.fiftybox table td
{
	padding: 10px 0;
	font-size: 16px;
}

.webcamnew
{
	float: right;
}

.videoboxnew
{
	float: left;
	width: 100%;
	text-align:  center;
	margin-top: 30px;
	padding-bottom: 30px;
}

@media (min-width: 320px) and (max-width: 600px)
{
	
.slidetitle
{
	float: left;
	width: 90%;	
	margin-left: 5%;
}

.slidenorm
{
	float: left;
	width: 100%;
	padding: 0px;
	font-family: 'Pacifico', cursive;	
	font-size: 30px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	line-height: 36px;
	margin-top: 0px;
	padding-bottom: 20px;
}

.slidesmall
{
	float: left;
	width: 100%;
	margin-top: 12px;
	font-size: 16px;
	line-height: 22px;

}

.dealtitle
{
	float: left;
	width: 100%;
	font-weight: bold;
    font-size: 20px;
    line-height: 24px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	margin-top: 0px;
	padding-bottom: 10px;
	color: #FFF;
}
.dealtitle span
{
	font-weight: normal;
}

	
#javabox {
	background: #FFF;
	height: 300px;
	overflow: hidden;
	margin-top: 0px;
}
	
.headerright
{
	float: right;
	width: 20%;	
	margin-top: 60px;
	display: none;
}
	
	.webcamnew
	{
		display: none;
	}
	
.hidesmall
{
	display: none;	
}
	
#navbutton
{
	display: block;
}
	
#header
{
	float: left;
	width: 100%;
	padding-bottom: 36px;	
	position: relative;
	z-index: 10000;
}

.logo
{
	float: left;
	width: 80%;
	margin-top: 10px;
	padding-left: 10px;
}

.logoicon
{
	float: left;
	width: 50px;
	height: 50px;
	background: url(/Images/Logo.svg) no-repeat top center;
	background-size: contain;	
}

.logoright
{
	float: left;
	width: 80%;
	padding-left: 10px;	
}

.logotop
{
	font-size: 16px;
	line-height: 18px;
	margin-top: 6px;	
}

.logobot
{
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
}


#navigation
{
	float: left;
	width: 100%;
	background: url(../Images/shellNavBG_01.png) repeat-x bottom left;
	position: relative;
	z-index: 100000;
	padding-bottom: 36px;
	display: none;
}

.navlist
{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 4px 0px 0px 0px;	
}

.navlist li
{
	float: left;
	width: 100%;	
}

.navlist li a
{	
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 40px;
}

.navlist li a:hover
{
	color: #FFA500;
	text-decoration: none;	
}

.subnav
{
	position: absolute;
	left: 0px;
	width: 120%;
	top:25px;
	background: #3997ba;;	
	padding: 10px 0px 10px 0px;
	margin: 0px;
	display: none;
}

.navlist li:hover .subnav
{
	display: block;	
}

.subnav li
{
	float: left;
	width: 100%;
}

.subnav li a
{
	float: left;
	width: 100%;
	line-height: 40px;
	color: #FFF;
	text-align: left;
	padding-left: 20px;	
}

	
}

.virtbox
{
	float: left;
	width: 250px;
}

.roombox.odd .virtbox
{
	float: right;
	width: 250px;
}

.virtualtour
{
	float: left;
	width: 100%;
	background: rgb(255,165,0);
    background: linear-gradient(180deg, rgba(255,165,0,1) 0%, rgba(181,123,17,1) 100%);
	height: 80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 600;
	font-size: 20px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.25);
	-webkit-transition: 1s ease-out;  
    -moz-transition: 1s ease-out;  
    -o-transition: 1s ease-out;  
    transition: 1s ease-out;  
	margin-bottom: 20px;
	margin-top: 20px;
}

.virtualtoursmall
{
	float: left;
	width: 100%;
	background: rgb(255,165,0);
    background: linear-gradient(180deg, rgba(255,165,0,1) 0%, rgba(181,123,17,1) 100%);
	
	height: 60px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.25);
	-webkit-transition: 1s ease-out;  
    -moz-transition: 1s ease-out;  
    -o-transition: 1s ease-out;  
    transition: 1s ease-out;  
}

.virtright
{
	float: left;
	width: 75%;
	padding-top: 22px;
}

.smallvirt
{
	float: left;
	width: 100%;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	line-height: 18px;
	text-transform: uppercase;
}

.largevirt
{
	float: left;
	width: 100%;
	line-height: 20px;
	margin-top: 0px;
}

.virtualtour img
{
	float: left;
	width: 25%;
	height: 80px;
}

.virtualtoursmall img
{
	float: left;
	width: 25%;
	height: 60px;
}

.virtualtoursmall .virtright
{
	float: left;
	width: 75%;
	padding-top: 10px;
}

.virtualtourbox
{
	float: left;
	width: 1000px;
	height: 600px;
	
}

#virtualtour
{
	float: left;
	width: 1000px;
	height: 600px;
	background: #FFF;
}

.virtualtour:hover
{
	background: rgb(57,151,186);
    background: linear-gradient(180deg, rgba(57,151,186,1) 0%, rgba(38,108,134,1) 100%);
	text-decoration: none;
}

.slidebuttonnew
{
	width: 560px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

.slidesixty
{
	float: left;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}

.slidesixty .virttourbut
{
	float: left;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #FFF;
	text-align: left;
	margin-left: 10px;
	padding-right: 20px;
	background: rgb(255,165,0);
    background: linear-gradient(180deg, rgba(255,165,0,1) 0%, rgba(181,123,17,1) 100%);
	-webkit-transition: 1s ease-out;  
    -moz-transition: 1s ease-out;  
    -o-transition: 1s ease-out;  
    transition: 1s ease-out;  
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	min-width: 260px;
}

.slidesixty .virttourbut img
{
	float: left;
	width: 60px;
	height: 60px;
}

.bluevirtual
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.bluevirtual .virttourbutnew
{
	float: left;
	width: 100%;
	margin-top: 20px;
	height: 60px;
	line-height: 60px;
	color: #FFF;
	text-align: left;
	margin-left: 10px;
	padding-right: 20px;
	background: rgb(255,165,0);
    background: linear-gradient(180deg, rgba(255,165,0,1) 0%, rgba(181,123,17,1) 100%);
	-webkit-transition: 1s ease-out;  
    -moz-transition: 1s ease-out;  
    -o-transition: 1s ease-out;  
    transition: 1s ease-out;  
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	min-width: 260px;
}

.bluevirtual .virttourbutnew img
{
	float: left;
	width: 60px;
	height: 60px;
}