acharset "UTF-8";
/* CSS EDGE** Document */

/* RESETS */
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
article, aside, footer, header, hgroup, nav, section { display: block; }
input,select { vertical-align: middle; }
input[type=text],textarea { padding: 3px 5px; }
nav ul{list-style-type: none; padding: 0;}
nav a{text-decoration: none;}
a {border:none;}


@font-face {
	font-family: 'HeadlineTwoHPLHS';
	src: url('https://media.guestdesk.com/sites/seawatchresort_com/media/fonts/HeadlineTwoHPLHS.eot');
	src: local('☺'), url('https://media.guestdesk.com/sites/seawatchresort_com/media/fonts/HeadlineTwoHPLHS.woff') format('woff'), 
	url('https://media.guestdesk.com/sites/seawatchresort_com/media/fonts/HeadlineTwoHPLHS.ttf') format('truetype'), 
	url('https://media.guestdesk.com/sites/seawatchresort_com/media/fonts/HeadlineTwoHPLHS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{margin-top: -10px; font-family: 'Century Gothic W01'; font-size: 11px; line-height: 1.2em; background: #fff url(https://media.guestdesk.com/sites/seawatchresort_com/media/layout/body-bg.jpg) no-repeat bottom right;}
a{color: #00538b; text-decoration: none;}
h1, h2, h3, h4{font-weight: normal; color: #00538b; line-height: 1em; margin:0 0 5px 0;}
h1{font-size: 22px; padding-bottom: 7px; border-bottom: 1px dotted #b2bcd5; margin-bottom: 7px;}
h2{font-size: 18px;}
h3{font-size: 16px;}


/* -- BASE + MAX WIDTH SETTINGS -- */

	header{width: 100%; min-width: 479px; max-width: 1520px; height:500px; margin: 0px auto; position: relative; overflow: hidden;}
	
	.container{max-width: 1000px; margin: 0px auto;position: relative; z-index: 50;}
			

	#header-inner{ width: 90%; max-width: 1000px; margin: 0px auto; padding: 15px 25px 0 0px; background: rgba(247, 248, 249, 0.9); border-radius: 0px 0px 8px 8px;z-index: 103; position: relative; background-color:#fff \9;}
	#logo{position: absolute; z-index: 103; top: 0; left: 50px; z-index: 60; border: 0; }
	nav{margin-left: 255px;}
		nav ul li{list-style: none; float: left;}
		
		#top-nav, #top-nav a{color: #00538b; font-size: 9px; letter-spacing: 1px;font-family: 'Century Gothic W01', sans-serif; font-weight: bold;}
			#top-nav li{margin: 0 5px; }
		#social-nav { position: absolute; top: 5px; right: 20px;}
		#social-nav li{float: left; list-style: none;margin-left: 10px;}
		
		.dotted-bottom{height: 1px; padding-bottom: 7px; border-bottom: 1px dotted #b2bcd5; margin-bottom: 7px;}
		
		#main-nav{float: left; margin: 0 0 5px 0; padding: 0;}
			#main-nav li.main-nav-li{margin-right: 25px; padding-right: 15px;line-height: 1em; background:url(https://media.guestdesk.com/sites/seawatchresort_com/media/layout/main-nav-li-bg.png) no-repeat bottom right;}
			#main-nav li.main-nav-li-active{margin-right: 25px; padding-right: 15px;line-height: 1em; background:url(https://media.guestdesk.com/sites/seawatchresort_com/media/layout/main-nav-li-bg-active.png) no-repeat bottom right;}
			
			#main-nav a.main-nav-link{cursor: pointer; color: #00538b; font-size: 11px; letter-spacing: 1px; font-family: 'Century Gothic W01 Bold', sans-serif; text-transform: uppercase;}
			#main-nav a.main-nav-link-active {color: #669cd3;cursor: pointer;font-size: 11px; letter-spacing: 1px; font-family: 'Centruy Gothic W01 Bold', sans-serif; text-transform: uppercase;}
			
			
			.main-nav-dropdown{display: none; padding: 20px 25px; line-height: 1.2em; color: #fff; width: 395px; position: absolute; top: 76px; box-shadow: 3px 3px 3px #454545;
					background: #0f4d7c;
					background: -moz-radial-gradient(center, ellipse cover, #0f4d7c 30%, #063154 100%);
					background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%,#0f4d7c), color-stop(100%,#063154));
					background: -webkit-radial-gradient(center, ellipse cover, #0f4d7c 30%,#063154 100%);
					background: -o-radial-gradient(center, ellipse cover, #0f4d7c 30%,#063154 100%);
					background: -ms-radial-gradient(center, ellipse cover, #0f4d7c 30%,#063154 100%);
					background: radial-gradient(ellipse at center, #0f4d7c 30%,#063154 100%);}
			
			#main-nav li.main-nav-li:hover .main-nav-dropdown{display: block;}
					
				.main-nav-dropdown h4, .main-nav-dropdown h3{color: #fff;}
				.main-nav-dropdown a{color: #8cd7f8;}
				
				.main-nav-dropdown .leftside{float: left; margin-right: 25px; width: 120px;}
				.main-nav-dropdown .rightside{float: right; width: 225px;}
				
				.leftside ul li{list-style-type: none; padding: 0 0 5px 0; width: 100%; border-bottom: 1px dotted #8cd7f8; margin: 0 0 5px 0; }
				.rightside ol{margin-left: 20px;padding-left: 0;}
				.rightside ol li{list-style-type: inherit;}
				.rightside h3{font-family: 'Century Gothic W01'; font-size: 18px; line-height: 1.1em;font-weight: lighter;}
				.rightside ul li{float: none;}
				
			#main-nav-4, #main-nav-5{width: 300px;}
				#main-nav-4 .rightside, #main-nav-5 .rightside{width: 150px;}			
					#main-nav-1{left: 240px;}
					#main-nav-2{left: 270px;}
					#main-nav-3{left: 300px;}
					#main-nav-4{left: 500px;}
					#main-nav-5{left: 550px;}
					
		
		header #phone{display: inherit; float: right; color: #00538b; font-size: 30px; letter-spacing: 2px; font-family: 'HeadlineTwoHPLHS';}
		header #phone2{display: none;float: right; margin-left: 40px;font-size: 18px;}
	
	#weather{background: #0b83c6 url(https://media.guestdesk.com/sites/seawatchresort_com/media/layout/weather-bg.png) no-repeat top left; max-width: 980px; width: 90%; margin: 0px auto; text-align: right; color: #fff; border-radius: 0 0 8px 8px; padding: 5px; font-size: 11px; text-transform: uppercase; position: relative; z-index: 101;box-shadow: 3px 3px 3px #393939;}
		#weather a{color: #fff;}
		#weather .temp{font-size: 15px;font-weight: bold;}

	
	#promo-panel{ width: 100%; max-width: 1520px;height: 400px; margin: 0 auto; overflow: hidden; margin: 0 auto; position:absolute; top: 0;left: 0;z-index: 1;}
		#promo-panel #slideshow img{width: 100% !important; margin: 75px auto;
			height:auto !important;}	
				
				
	#navis-wrapper {position:absolute; right:-120px; top:20px;}
			.navis-button {
				text-align:center;padding:4px; margin:2px 3px 2px 3px; width:100px;border-radius:4px; background: #ffe988;
				background: #104471;
				background: -moz-linear-gradient(top,  #104471 0%, #146aa3 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#104471), color-stop(100%,#146aa3)); 
				background: -webkit-linear-gradient(top,  #104471 0%,#146aa3 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104471', endColorstr='#146aa3',GradientType=0 );
				}
			.navis {font-size:10px; color:#fff; font-weight:bold;}
			#click-to-talk {text-decoration:none;}
			#click-to-chat {text-decoration:none;}
		
	/* ====== WRAPPER ====== */
		/*.wrapper changed by Bryce. Z-Index commented out and top changed from 0px to 57px*/
	.wrapper{margin:-150px auto 0 auto; position: relative; top: 57px; /*z-index: 100;*/ background: #fff; box-shadow: 0 0 10px #a9a9a9; width: 1000px; padding: 20px; border-radius: 5px 5px 0 0; }
	

	#content-wide{float: left; padding: 0px 0 10px 20px; width: 730px;}	
	
	
	
	.hideFull{display: none;}
	
	
	
	
	footer{width: 880px; height: 594px; margin: 0px auto; position: relative; background: url(https://media.guestdesk.com/sites/seawatchresort_com/media/layout/footer-bg.png) no-repeat top left; color: #fff; padding: 15px 60px;}
		footer h3, footer h4{color: #fff; line-height: 1.1em;}
		#googleSearch{position: absolute; top: 20px; left: 60px;}
		#googleSearch label{font-size: 11px;}
		#googleSearch input{width: 120px;padding: 3px; height: 10px; border-radius: 5px; border: 1px solid #fff;}
		#googleSearch input#gse-submit{width: 60px; border-radius: 1px;height: 20px;border-radius: 5px;border: 1px solid #20ace3; background: #20ace3; color: #fff; }
		
		#social-footer{position: absolute; left: 350px;top: 0px; }
			#social-footer div{height: 40px;margin-top: 10px;float: left;overflow: hidden;}
			#social-footer div:hover{height: 60px;margin-top: -5px;}
			#social-footer div#vmbcard:hover{height: 90px;margin-top: -30px;}
		
		.footer-list-container{margin: 80px 0 40px 0;}
		.footer-list{float: left; margin:0 33px 0 0; font-weight: bold;}
			.footer-list a{color: #8cd7f8;}
			.footer-list p{margin-bottom: 5px;}
		
		#footer-logo{float: right; width: 200px;}	
			
		.footer-address{float: left; width: 670px;font-size: 14px; color: #fff; font-weight: bold;font-family: 'Century Gothic W01';}	
			.footer-phone{font-size: 18px; color: #fff;}
			#sister-properties{width: 670px;float: left;margin: 20px 0 0 0;}
			#sister-properties a{color: #fff;}
	
	
	.hideFull{display: none;}
	.hideDesktop{display: none;}	
			
			
/* === TABLET landsape === */	
	@media only screen and (min-width: 1024px) and (max-width: 1140px) {
		
		
		
	}

/* === TABLET portrait === */	
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		.hideTablet{display: none;}
		.showTablet{display: inherit;}
		
		header{height: 400px; margin: 0px auto; position: relative;}
		#header-inner{width: 100%;}
			#social-nav{position: absolute; left: 50px; top: 120px;}
				
			#main-nav li{margin-right: 25px;line-height: .8em;}
			
			#main-nav-1,
			#main-nav-2,
			#main-nav-3,
			#main-nav-4,
			#main-nav-5{left: 245px; top: 105px;}
					
					
			#phone1{display: none;}
			#phone2{display: inherit;}
		
		#weather{width: 95%;}
		#home-intro{width: 95%; margin: 0px auto; }
		
		#popup-nav{display: none;}
		
		.wrapper{width: 750px; overflow: hidden;}
				
		#content{max-width: 900px; min-width: 750px; margin: 0;padding: 0;overflow: hidden;}
		
			/* -- ACCOM -- */		
			#accom-media{position: relative; background:#F7F8F9; }
				#accom-media .ad-image-wrapper{height: 300px; }
				.ad-gallery .ad-nav{width: 360px;}
				
			.details-image{width: 100%;height: auto;}
			
			/* events */
			#events-email .btn{clear: both; display: block;}
			
		footer{width: 710px; margin: 0px auto; position: relative; background:url(https://media.guestdesk.com/sites/seawatchresort_com/media/layout/footer-bg.png) no-repeat top left; color: #fff; padding: 15px;}
			.footer-list{float: left; margin:0 20px 0 0;}
	}
	



/* === MOBILE === */
	@media (max-width: 767px) {
		#mobile-check { display:none; }
		.hideMobile{display: none;}
		.showMobile{display: inherit;}
		
		body{background-image: none;}
		.container{width: 100%;max-width: 100%;}
		
		#phone1{display: inherit; top: 30px; font-size: 35px; right: 0px; position: absolute;text-shadow: 1px 1px 1px #333;color: #fff;font-family: 'Century Gothic W01';}
		#phone1 a{color: #fff;}
		#phone2{display: none;}
	
	
		header{position: relative;min-width: 326px; margin-left: -8px; max-width: 100%; height: 320px; background: url('https://media.guestdesk.com/sites/seawatchresort_com/media/layout/mobile-header.jpg') no-repeat top left;;}
		#header-inner{border-radius: 0; background: none;}
		#logo{width: 120px;top: 0px; left: 10px;}
		
		nav{margin-left:0px;}
		#top-nav {display: none;}
		
		#main-nav-mobile{position: absolute; left: 10px; top: 101px; padding: 10px 0;text-align: center;width: 100%; background: rgba(255, 255, 255, .95);border-radius: 0 0 5px 5px;}
			#main-nav-mobile a{color: #00538B; font-size: 22px; cursor: pointer;}
			#mobile-nav-dropdown{display: none;}
			
		#main-nav-mobile li{float: none; padding: 5px 10px; border-bottom: 1px dotted #669cd3; margin: 0 0 5px 0;}
		
		#main-nav-mobile li.main-nav-li{ background: none;}
			#main-nav-mobile a.main-nav-link{cursor: pointer; color: #00538b; font-size: 11px; letter-spacing: 1px; font-family: 'Century Gothic W01 Bold'; text-transform: uppercase;}
		
		
		
					
					
		#weather{border-radius: 0; width: 100%;padding: 5px 0; text-align: left; position: absolute; top: 76px;}
			#weather a{margin-left: 28px;}
		
		#promo-panel{display: none; height: 270px; width: 100%; max-width: 100%;position: absolute; top: 98px;}
			#promo-panel img{height:270px;width: auto; }
			
		#popup-nav{display: none;}
		
		#social-nav{display: none;}	
		
		.wrapper{box-shadow: 0 0 0; margin: 0; width: 100%; position: relative; top: 0; padding: 10px 0;}
			#content, #content-wide, #sidebar{width: 100%;}
			
			#sidebar-specials-header{width: 100%; max-width: 310px;}
		
			#content{width: 97%;}
			#content-tabs-top{width: 103%;}
		
		#home-intro{position: relative;}
		
		footer{position: relative; width:99%; margin: 0; padding: 5px;background:#00538b; border-radius: 8px; height: auto; }
		.footer-list-container{margin: 0;}
		.footer-list{float: none; width: 100%; border-bottom: 1px dotted #669cd3; margin:0 0 5px 0; padding-bottom: 5px;}
		
		.footer-address{line-height: 1em; width: 90%;}
		#sister-properties{margin: 20px 0;}
			
		
	}
	
		
	
/* === SUPER SIZE (only for header stuff because its so large)  === */	
	
	@media only screen and (min-width: 1007px) and (max-width: 1080px){		
		#phone1{font-size: 13px;}				
	}
	@media only screen and (min-width: 1080px) and (max-width: 1110px){		
		#phone1{font-size: 22px;}				
	}
						
/* --- Classes --- */

.clear { clear:both; overflow:hidden; margin: 0;}
.entry{margin-bottom: 10px; border-bottom: 2px dotted #e6e2d8; padding-bottom: 10px;}
	.entry-left{padding-right: 10px;}
	.entry-right{padding-left: 10px;}
.entry20{margin-bottom: 20px; border-bottom: 2px dotted #e6e2d8; padding-bottom: 20px;}

.alignLeft { float:left; margin:0 15px 15px 0; }
.alignRight { float:right; margin:0 0px 15px 15px; }
.center{text-align: center;}

.bold{font-weight: bold;}
.italic{font-style: italic;}
.caps{text-transform: capitalize;}
.lowercase{text-transform: lowercase;}

.noBull{list-style-type: none;}

.error { color: #ff0000; }

.btn{padding: 5px 8px; border-radius: 5px; border: 1px solid #fff; color: #fff;
		background: #20ace3;
		background: -moz-linear-gradient(top, #20ace3 42%, #477ec1 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#20ace3), color-stop(100%,#477ec1));
		background: -webkit-linear-gradient(top, #20ace3 42%,#477ec1 100%);
		background: linear-gradient(to bottom, #20ace3 42%,#477ec1 100%);}


.bottom40{margin-bottom:40px;}
.bottom20{margin-bottom:20px;}
.bottom15{margin-bottom:15px;}
.bottom10{margin-bottom:10px;}
.bottom5{margin-bottom:5px;}
.bottom0{margin-bottom:0;}

.bottom-20{margin-bottom: -20px;}

.top10{margin-top: 10px;}

.right10{margin-right: 10px;}
.right0{margin-right: 0;}

.left20{padding-left: 20px;}
.left10{padding-left: 10px;}

.noBorder{border: none;}
.noBackground{background: none;}


.dots{background: #fff; margin: -10px auto 0 auto; width: 30%; padding: 0 10px;}

.ltblue{color: #20ace3;}
.blue{color: #00538b;}
.midblue{color: #477ec1;}
.orange{color: #faa419;}
.white{color: #fff;}
.green-yellow{color: #a3b73c;}

.relative{position: relative;}
.displayNone{display: none; height: 0; width: 0; overflow: hidden;}