/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	/*********** MAIN CONTENT **********/
	.content { min-height: 800px; z-index: 8; }
	.content#theRomance, .content#theBlog, .content#connect {
		-webkit-box-shadow: 0px -15px 80px 5px #000;
		-moz-box-shadow: 0px -15px 80px 5px #000;
        box-shadow: 0px -15px 80px 5px #000;
	}
	.content.slide h1 { margin-left: 0; }
	.caroufredsel_wrapper {
		-webkit-box-shadow: 0px -15px 40px 5px #000;
		-moz-box-shadow: 0px -15px 40px 5px #000;
        box-shadow: 0px -15px 40px 5px #000;
        height: auto;
        z-index: 9;
    }
    .information .caroufredsel_wrapper { 
    	box-shadow: none; 
	    -webkit-box-shadow: none; 
	    -moz-box-shadow: none;
	}

    .information .caroufredsel_wrapper .vert-slide { width: 100% !important; }

	.content#theHome { 
		background: #062460 url(../img/home/home-back.jpg) 50% 0 no-repeat;
		padding-top: 150px;
		z-index: 10;
		min-height: 1000px;
	}
	#theHome .main { 
		background: url(../img/home/main-back.jpg) center 0 no-repeat;
		background-size: 100% 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height: 444px; 
		margin: 170px auto 50px auto;
		z-index: 1;
	}
	/* HERO (EXPLORE) */
	#theHome .main .explore {
		background: url(../img/home/explore-back.jpg) center 0 no-repeat;
		background-size: 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height: 287px;
		margin: 15px 15px 10px 15px;
	}
	/* HERO (EXPLORE) COPY */
	#theHome .main .explore .tour { margin-top: 27%; margin-right: 5%; padding: 0; width: 170px; }
	#theHome .main .explore .resort { margin-top: 3%; }
	#theHome .main .explore .tour:hover, .content .main .explore .resort:hover { text-shadow: 3px 1px 1px #000; }
	#theHome .main .explore .tour h4 a, .content .main .explore .tour h6 a,
	#theHome .main .explore .resort h4 a, .content .main .explore .resort h6 a {
		color: #b8a271;
		position: absolute;
		top: 0;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,.6)));
		z-index: 2;
	}
	#theHome .main .explore .tour h4 a { font-size: 44px; margin-top: 25px; }
	#theHome .main .explore .tour h6 a { font-size: 24px; }
	#theHome .main .explore .resort h4, .content .main .explore .resort h6 { display: inline-block; }
	#theHome .main .explore .resort h4 a { font-size: 44px; margin-left: 58px; width: 140px; }
	#theHome .main .explore .resort h6 a { font-size: 24px; margin-top: 4px; }

	/* Sub-Guide */
	#theHome .main .guide ul { list-style: none; }
	#theHome .main .guide ul li { display: inline-block; }
	#theHome .main .guide ul li:last-child { margin: 0; }
	#theHome .main .guide ul li div { width: 100%; }
	#theHome .main .guide .theResort { 
		background: url(../img/home/resort-icon.jpg) center center no-repeat;
		background-size: 100%;
	}
	#theHome .main .guide .experience { 
		background: url(../img/home/exp-icon.jpg) center center no-repeat;
		background-size: 100%;
	}
	#theHome .main .guide .romance { 
		background: url(../img/home/romance-icon.jpg) center center no-repeat;
		background-size: 100%;
	}
	#theHome .main .guide .reserve { 
		background: url(../img/home/reserve-icon.jpg) center center no-repeat;
		background-size: 100%;
	}
	#theHome .main .guide .blog { 
		background: url(../img/home/life-icon.jpg) center center no-repeat;
		background-size: 100%;
	}
	#theHome .main .guide .connect { 
		background: url(../img/home/connect-icon.jpg) center center no-repeat;
		background-size: 100%;
	}
	#theHome .main .guide ul li div a { 
		background-color: rgba(6,35,93,.5);
		color: #fff;
		display: block;
		font-size: 19px;
		opacity: 0; 
		padding: 35% 0;
		text-align: center;
		-webkit-transition: opacity;
		-moz-transition: opacity;
		-ms-transition: opacity;
		-o-transition: opacity;
		transition: opacity;
		-webkit-transition-timing-function: ease-in-out;
		-moz-transition-timing-function: ease-in-out;
		-ms-transition-timing-function: ease-in-out;
		-o-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		-webkit-transition-duration: 500ms;
		-moz-transition-duration: 500ms;
		-ms-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms;
	}
	#theHome .main .guide ul li div a:hover {
		opacity: 1;
		-webkit-transition: opacity;
		-moz-transition: opacity;
		-ms-transition: opacity;
		-o-transition: opacity;
		transition: opacity;
		-webkit-transition-timing-function: ease-in-out;
		-moz-transition-timing-function: ease-in-out;
		-ms-transition-timing-function: ease-in-out;
		-o-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		-webkit-transition-duration: 500ms;
		-moz-transition-duration: 500ms;
		-ms-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms;
	}

	/* Home Page Parallaxing Animals */
	#urchin1 { 
		background: url(../img/home/urchin.png) transparent 0 0 no-repeat;
		min-height: 650px;
		margin-top: -600px;
		position: relative;
		width: 163px;
	}
	#urchin2 {
		background: url(../img/home/urchin.png) transparent 0 0 no-repeat;
		float: right;
		min-height: 800px;
		margin-top: -600px;
		position: relative;
		width: 303px;
	}
	#coral1 {
		background: url(../img/home/coral.png) transparent center center no-repeat;
		min-height: 450px;
		margin-top: -400px;
		position: relative;
		width: 100%;
	}
	#reef1 {
		background: url(../img/home/reef.png) transparent right center no-repeat;
		min-height: 450px;
		margin-top: -400px;
		position: relative;
		width: 323px;
	}
	#reef2 {
		background: url(../img/home/reef.png) transparent right center no-repeat;
		min-height: 350px;
		margin-top: -400px;
		position: relative;
		width: 100%;
	}
	#thing1 {
		background: url(../img/home/thing1.png) transparent right center no-repeat;
		float: right;
		min-height: 400px;
		margin-top: -400px;
		position: relative;
		width: 181px;
	}
	#thing2 {
		background: url(../img/home/thing2.png) transparent right center no-repeat;
		min-height: 500px;
		margin-top: -400px;
		position: relative;
		width: 100%;
	}
	.nextHome { position: absolute; right: 80%; top: 45%; z-index: 1; }
	.prevHome { position: absolute; left: 0; top: 45%; z-index: 1; }

	/* Sub-Titles Universal Style */
	.sub-title { height: auto; padding-top: 40px; }
	.sub-title img, .sub-title h1 { float: left; }
	.sub-title img {
		-webkit-box-shadow: 0px 2px 10px 1px #000;
		-moz-box-shadow: 0px 2px 10px 1px #000;
        box-shadow: 0px 2px 10px 1px #000;
	}
	.sub-title h1 { 
		color: #b8a271;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,.6)));
		font-size: 60px;
		margin: 40px 0 0 10px;
		text-shadow: 3px 1px 1px #000;
	}

	/* Information Universal Styles */
	.information { clear: both; font-family: 'PTserif', sans-serif; margin: 150px 0 50px 0; }
	.information h4, .information h5, .information h6, .information p { font-family: 'PTserif', sans-serif; }
	.information h4 { font-size: 24px; font-weight: 500; line-height: 1.1em; margin-bottom: 30px; }
	.information p { color: #fff; font-size: 14px; }

	/* Ecology Slide */
	.content#ecology {
		background: url(../img/home/ecology-bkg.png) center bottom no-repeat fixed;
		padding-top: 150px;
	}

	#ecology .information { margin-top: 120px; }
	#ecology .information h4 { margin: 0; }

	/***** THE RESORT *****/
	.content#theResort {
		background: url(../img/home/resort-bkg.png) transparent center bottom no-repeat fixed;
		padding-bottom: 140px;
		z-index: 2;
	}
	.nextResort { position: absolute; top: 34%; right: 93.34%; }
	.prevResort { position: absolute; left: 0; top: 34%; }

	/* Suites Slide */
	.content#suites { 
		background: url(../img/home/suites-bkg.png) center bottom no-repeat fixed;
		padding-bottom: 40px;
		padding-top: 60px;
	}
	.information p.close { margin: 0; }
	#suites h1 { margin-top: 50px; }
	#suites .information { margin-top: 120px; }
	#suites .information .eight.columns { padding-left: 0; }
	#suites .information ul li { color: #fff; }

	/* Rooms Slide */
	.content#rooms { padding-top: 120px; }
	#rooms h1 { margin: 0; }
	#rooms .information { margin: 60px 0 20px 0; }
	#rooms .image img { margin-top: 80px; }
	#rooms .undersea { margin-bottom: 40px; }

	/* Construction Slide */
	.content#construct { 
		background: url(../img/home/construct-bkg.png) center bottom no-repeat fixed; 
		padding-top: 60px; 
	}
	#construct .information { margin-top: 120px; padding-bottom: 80px; }
	#construct .information p { line-height: 1.6em; }

	/* Safety Slide */
	.content#safety { padding-top: 60px; }
	#safety .information { margin-top: 125px; padding-bottom: 100px; }
	#safety #urchin3 {
		background: url(../img/home/urchin.png) transparent 0 0 no-repeat;
		float: right;
		min-height: 600px;
		margin-top: -650px;
		position: relative;
		width: 163px;
	}

	/* Location Slide */
	.content#location { padding-top: 60px; }
	#location .information { margin-top: 115px; padding-bottom: 20px; }
	#location .information p { margin-bottom: 30px; }

	/* History Slide */
	#history { background: url(../img/home/history-bkg.png) center bottom no-repeat fixed; padding-top: 60px; }
	#history .information { margin-top: 120px; padding-bottom: 80px; }

	/* Jellyfish 1 */
	#jellyfish1 {
		background: url(../img/home/jellyfish.png) transparent 0 0 no-repeat;
		background-size: 18%;
		min-height: 335px;
		margin-bottom: -240px;
		opacity: .7;
		position: relative;
		z-index: 1;
	}

	/***** THE EXPERIENCE *****/
	.content#theExperience { padding: 80px 0 110px 0; min-height: 800px; }

	#theExperience .information { margin-bottom: 30px; }
	#theExperience .gallery a img {
		transition: transform .2s linear;
		-moz-transition: -moz-transform .2s linear; 
		-webkit-transition: -webkit-transform .2s linear; 
		-o-transition: -o-transform .2s linear;
	}
	#theExperience .gallery a:hover img {
		transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1); 
	}

	.nextExp { position: absolute; top: 30%; right: 85.7%; }
	.prevExp { position: absolute; left: 0; top: 30%; }

	/* Adventures and Amenities Slides */
	#adventures, #amenities { padding-bottom: 100px; margin-bottom: 20px; }
	#adventures h1, #amenities h1 { margin-top: 0; }
	#adventures .information, #amenities .information { margin-top: 30px; padding-bottom: 400px; }
	ul.accordion>li>div.title, ul.accordion li.active .title { background: none; border: none; }
	ul.accordion li.active .content { background: none; border: none; min-height: 350px; }
	.vert-slide .twelve.columns.picture, .vert-slide .twelve.columns.info { width: 50%; float: left; }
	.vert-slide .twelve.columns.picture span { color: #fff; }

	/***** THE ROMANCE *****/
	.content#theRomance { 
		background: url(../img/home/romance-bkg.png) center 105% no-repeat fixed;
		padding-top: 100px;
	}

	#theRomance .information a { color: #0066ff; }
	#theRomance .information a:hover { text-decoration: underline; }
	#theRomance .information .romanceContent { margin-bottom: 20px; }
	#theRomance .information .romanceContent h4 { font-size: 30px; margin: 25px 0 10px 0; }
	#theRomance .information .romanceContent p { padding-right: 15%; }

	/***** RESERVATIONS *****/
	.content#reservations { background: url(../img/home/reservation-bkg.png) center bottom no-repeat fixed; padding-top: 80px; }

	#reservations .information { margin-top: 170px; padding-bottom: 200px; }
	#reservations .information h4 { margin-top: 15px; }

	/* Reservation Sub-Pages */
	.content#planning { background: url(../img/home/planning-bkg.png) center bottom no-repeat fixed; }
	#planning, #rates, #corporate { padding-top: 60px; }

	#planning .information { margin-top: 125px; padding-bottom: 200px; }
	#planning .information p { margin: 0; }
	#planning .information ul li, #rates .information ul li { color: #fff; line-height: 1.6em; }
	#rates .information { margin-top: 130px; }
	#rates .information ul { padding-bottom: 20px; margin: 0; }
	#rates .information a { color: #0066ff; display: block; font-size: 15px; margin-bottom: 180px; }
	#rates .information a:hover { text-decoration: underline; }
	#corporate .information { margin-top: 130px; margin-bottom: 80px; }

	.nextReserve { position: absolute; top: 30%; right: 88.88%; }
	.prevReserve {  position: absolute; top: 30%; left: 0; }

	/***** THE BLOG *****/
	.content#theBlog { padding-top: 80px; padding-bottom: 80px; }

	#theBlog .information h4 { font-weight: bold; }
	#theBlog .information h5#more a { color: #0066ff; }
	#theBlog .information h5#more a:hover { text-decoration: underline; }
	#theBlog .information .post { margin-bottom: 25px; }
	#theBlog .information .post img { width: 100%; }
	#theBlog .information .post a { color: #0066ff; }
	#theBlog .information .post a:hover { text-decoration: underline; }
	#theBlog .information .post h5 { 
		border-bottom: 1px dashed #aaa;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	#theBlog .information .post h5 a { color: #fff; display: block; }
	#theBlog .information .post h5 a:hover { color: #0066ff; text-decoration: none; }
	#theBlog .information .post img { margin-bottom: 10px; }
	#theBlog .information .post blockquote { color: #ccc; font-style: italic; padding-top: 0; }

	/***** THE SHOP *****/
	.content#shop { background: url(../img/home/shop-bkg.png) center bottom no-repeat fixed;  padding-top: 80px; padding-bottom: 80px; }


	/***** CONNECT *****/
	.content#connect { background: url(../img/home/connect-bkg.png) center bottom no-repeat fixed; padding-bottom: 10px; padding-top: 80px; }

	#connect .row.contain { background: url(../img/home/logo2.png) center bottom no-repeat;}
	#connect .information h5 { font-size: 24px; clear: both; }
	#connect .information h5#share { display: block; margin-top: 30px; }
	#connect .information h5#share a {
		background: url(../img/home/plus-button.png) 0 0 no-repeat;
		-webkit-box-shadow: 0px 1px 5px 1px #111;
		-moz-box-shadow: 0px 1px 5px 1px #111;
        box-shadow: 0px 1px 5px 1px #111;
		display: block;
		float: left;
		height: 30px;
		margin-right: 9px;
		margin-top: -2px;
		width: 30px;
	}
	#connect .information h5#share a.minus {
		background: url(../img/home/minus-button.png) 0 0 no-repeat;
	}
	#connect .information .shareThis {
		position: absolute;
		top: 70px;
		left: -4px;
	}
	#connect .stButton .stLarge { height: 31px; width: 31px; }

	#connect .information .connect-left { padding-left: 0; margin-bottom: 80px; }
	.connect-left .facebook { margin-top: 55px; }
	.connect-left .facebook h5 { margin-bottom: 10px; }
	.connect-left .facebook div { background-color: #fff; border-radius: 5px; padding: 6px; }
	.connect-left .twitter { margin: 40px 0; }
	.connect-left .twitter h5 { margin-bottom: 20px; }
	.connect-left .twitter .tweet { margin-bottom: 20px; }
	.connect-left .twitter .tweet h6 { font-weight: bold; font-size: 15px; margin-bottom: 2px; }
	.connect-left .twitter .tweet h6 a { color: #0066cc; font-size: 12px; }
	.connect-left .twitter .tweet h6 a:hover { text-decoration: underline; }
	.connect-left .twitter .tweet p { line-height: 1.2em; margin: 0; }
	.connect-left .twitter .tweet span { color: #fff; font-size: 12px; }

	.connect-right { margin-top: -15px; margin-bottom: 90px; }
	.connect-right h2 {
		color: #0053a4;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,.6)));
		font-size: 46px;
		margin-bottom: 15px;
		text-shadow: 0px -1px 0px rgba(255,255,255,.6), 3px 3px 6px rgba(0,0,0,.6);
	}
	.connect-right h3 {
		color: #0053a4;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,.6)));
		font-size: 28px;
		margin-top: 50px;
		text-shadow: 0px -1px 0px rgba(255,255,255,.6), 3px 3px 6px rgba(0,0,0,.6);
	}
	.connect-right form { 
		background: url(../img/home/form-bkg.png) 0 0 no-repeat;
		background-size: 100% 100%;
		height: auto;
		padding: 15px;
		-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.25);
		-moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.25);
		box-shadow: 1px 1px 10px 1px rgba(0,0,0,.25);
	}
	.connect-right form label { 
		color: #0066ff;
		margin-right: 5px;
		text-shadow: 0px -1px 0px rgba(255,255,255,.3), 1px 1px 0px #000;
	}
	.connect-right form input { 
		background: url(../img/home/input-bkg.png) 0 0 no-repeat;
		background-size: 100% 100%;
		border-radius: 0;
		border: none;
		color: rgb(139, 139, 139);
		padding-left: 10px;
		/* box-shadow: -1px -1px 0px rgba(255,255,255,.3), 1px 1px 0px #000; */
		/* -webkit-box-shadow: -1px -1px 0px rgba(255,255,255,.3), 1px 1px 0px #000; */
	}
	.connect-right form input[type="submit"] {
		color: #3085cb;
		font-size: 24px;
		font-family: 'BirchStd', sans-serif;
		letter-spacing: 2px;
		margin-top: 15px;
		padding: 8px 20px 1px 20px;
		text-shadow: 0px -1px 0px rgba(255,255,255,.2), 1px 1px 0px #000;
	}

	.arrow { width: 60px; z-index: 2; }
	.arrow a img { width: 100%; }

	#container.template { padding-top: 160px; }

	.gallery { margin-top: 20px; }
	.gallery h2 { margin-bottom: 10px; }
	.gallery p { color: #fff; font-size: 16px; }
	.gallery [class*="column"] + [class*="column"]:last-child { float: left; }
	.gallery img { 
		border: 3px solid #D6AD33 !important;
		border-radius: 100px;
		min-height: 100px;
		min-width: 100px; 
		margin-bottom: 20px; 
	}

	
/* ========================================= */
/* ! Layout for tablet (landscape) version   */
/* ========================================= */

@media handheld, only screen and (max-width: 940px) and (min-width: 768px) {

	body { }
	#theHome .main { height: 400px; }
	#theHome .main .explore { background-size: 100% 100%; height: 270px; margin-bottom: 15px; }
	#theHome .main .guide ul li:last-child { float: left; }
	#theHome .main .guide ul li div { float: left; width: 100%; }
	#theHome .main .guide ul li div a { font-size: 18px; padding: 34% 0; }
	#theHome .main .explore .tour { margin-top: 200px; margin-right: 0; }
	#theHome .main .explore .tour h4 a { font-size: 36px; margin-top: 20px; }
	#theHome .main .explore .tour h6 a { font-size: 20px; }
	#theHome .main .explore .resort h4 a { font-size: 36px; margin-left: 48px; }
	#theHome .main .explore .resort h6 a { font-size: 20px; }

	#theExperience .caroufredsel_wrapper { width: 58.33333% !important; }
	#theExperience .caroufredsel_wrapper .seven.columns { width: 100% !important; }

	.arrow { width: 40px; }
	.arrow a img { width: 100%; }
}

/* ========================================= */
/* ! Layout for Devices smaller than 767px   */
/* ========================================= */

@media handheld, only screen and (max-width: 767px) {

	body { }

	.content { padding-top: 0 !important; }

	#theHome .main { background: none; height: auto; margin: 0; }
	#theHome .main .explore { 
		background: url(../img/home/explore-back.jpg) center center no-repeat !important;
		background-size: inherit !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		height: 300px !important;
		margin: 0 0 15px 0;
	}
	#theHome .main .explore .resort {
		height: auto;
		margin: 0 !important;
		padding: 15px;
		position: relative;
		text-shadow: 3px 1px 1px #000;
		width: 100% !important;
	}
	#theHome .main .explore .tour h4 a, #theHome .main .explore .tour h6 a,
	#theHome .main .explore .resort h4 a, #theHome .main .explore .resort h6 a {
		position: relative;
		margin: 0;
	}
	#theHome .main .explore .resort h4 a { font-size: 34px; margin-left: 4px !important; }
	#theHome .main .explore .tour h4 a { font-size: 34px; }
	#theHome .main .explore .resort h6 a, #theHome .main .explore .tour h6 a { font-size: 20px; }
	#theHome .main .explore .tour {
		float: none;
		margin: 150px 0 0 0 !important;
		padding: 10px 15px;
		position: relative;
		text-align: right;
		text-shadow: 3px 1px 1px #000;
		width: 100% !important;
	}
	#theHome .main .explore .tour h6 a { margin-top: 6px; }

	#theHome .main .guide { margin: 0 auto; width: 96%; }
	#theHome .main .guide ul { margin: 0 auto; width: 450px !important; }
	#theHome .main .guide ul li, #theHome .main .guide ul li:last-child {
		height: 123px;
		padding: 0;
		width: 120px !important;
		margin: 10px 2%;
	}
	#theHome .main .guide ul li div { 
		background-position: center center; 
		float: left; 
		height: 123px; 
		width: 120px; 
	}
	#theHome .main .guide ul li div a { 
		background-color: rgba(6,35,93,.3);
		font-size: 20px;
		padding: 45px 0 !important;
		opacity: 1;
		text-shadow: 3px 3px 3px #000;
	}

	.content#ecology { padding-bottom: 50px; }

	.content#theRomance { background: url(../img/home/romance-bkg.png) center bottom no-repeat fixed; }

	#rooms .image img { margin-top: 20px; }
	#rooms .villas { margin-bottom: 40px; }

	.experienceHead h1 { font-size: 45px; margin-top: 45px; }
	#theExperience .exp { float: left; width: 24% !important; }
	#adventures .information, #amenities .information { padding-bottom: 10px; }
	#adventures .information .caroufredsel_wrapper, #adventures .information .five.columns.list,
	#amenities .information .caroufredsel_wrapper, #amenities .information .five.columns.list {
		width: 47% !important;
		float: left;
	}
	#adventures .information dl dd:hover, #amenities .information dl dd:hover, #adventures .information dl dd.active, #amenities .information dl dd.active { background-size: 100% 100%; }

	#rates .information ul { padding-bottom: 0; margin-bottom: 0; }

	#theBlog .information h5#more { text-align: center; }
	#theBlog .information .latest hr { margin: 25px auto; width: 25%; }
	#theBlog .information .post { float: left; margin: 25px 0; width: 49% !important; }
	#theBlog .information .post:last-child { display: none; }

	/* Arrow Adjustments */
	.arrow { width: 30px; }
	.ecologyHead h1 { float: none; display: block; text-align: center; }
	#ecology .information { margin-top: 50px; }
	.nextHome, .prevHome { top: 80px; }
	.resortHead, .roomsHead { padding-top: 80px; }
	.nextResort, .prevResort { top: 1%; }
	.experienceHead, .adventureHead, .amenitiesHead { padding-top: 80px; }
	.nextExp, .prevExp { top: 10px; }
	.reserveHead { padding-top: 80px; }
	.nextReserve, .prevReserve { top: 10px; }

	#container.template { padding-top: 0; }

}

/* ========================================= */
/* ! Layout for Devices smaller than 480px   */
/* ========================================= */

@media handheld, only screen and (max-width: 480px) {

	.content.slide { padding-top: 10px !important; }

	#theHome .main .explore .resort { top: 3%; }
	#theHome .main .explore .resort h4 a { margin-left: 46px; }
	#theHome .main .explore .resort h4 a, #theHome .main .explore .tour h4 a { font-size: 30px; }
	#theHome .main .explore .resort h6 a, #theHome .main .explore .tour h6 a { font-size: 18px; }


	#theHome .main .guide { margin: 0; width: 100%; }
	#theHome .main .guide ul { margin: 0 auto; width: 420px !important; }
	#theHome .main .guide ul li, #theHome .main .guide ul li:last-child {
		height: 123px;
		padding: 0;
		width: 120px !important;
		margin: 10px 1%;
	}
	#theHome .main .guide ul li div { float: left; height: 123px; width: 120px; }
	#theHome .main .guide ul li div a { font-size: 16px; padding: 49px 0 !important; }


	.content#theResort { height: 1000px; }
	.content#theExperience { min-height: 1200px; }
	.content#reservations { height: 800px; }

	.sub-title h1 { font-size: 48px; margin-top: 45px; }
	.experienceHead h1 { font-size: 30px; margin-top: 50px; }
	#theExperience .exp { float: left; width: 47% !important; }
	#adventures .information .caroufredsel_wrapper, #adventures .information .five.columns.list,
	#amenities .information .caroufredsel_wrapper, #amenities .information .five.columns.list {
		width: 98% !important;
		float: none;
	}
	#rooms .image img { margin: 0; width: 100%; }

	#theBlog .information .post { float: none; width: 100% !important; }
	#theBlog .information .post:last-child, #theBlog .information hr { display: block; }
	#theBlog .information .post img { width: 100%; }
	#theBlog .information .post h5 { border: none; font-size: 20px; text-align: center; }

	.gallery img { min-height: 75px; min-width: 75
		px; }


}

/* ========================================= */
/* ! Layout for Devices smaller than 360px   */
/* ========================================= */

@media handheld, only screen and (max-width: 360px) {

	#theHome .main .guide ul { margin: 0 auto; width: 285px !important; }
	#theHome .main .guide ul li, #theHome .main .guide ul li:last-child {
		height: 123px;
		padding: 0;
		width: 120px !important;
		margin: 10px 1%;
	}
	#theHome .main .guide ul li div { float: left; height: 123px; width: 120px; }
	#theHome .main .guide ul li div a { padding: 49px 0 !important; }

	.sub-title img, .sub-title h1 { float: none; }
	.sub-title img { width: 75%; margin: 0 14%; }
	.sub-title h1 { margin-top: 15px; text-align: center; }
	.information { margin-top: 25px !important; }

	.content#theResort { height: 1400px; }
	.content#reservations { height: 1000px; }

	.connect-left .facebook { margin-top: 95px; }
	.connect-left .facebook div { margin-left: -7px; }
	.connect-right form label { font-size: 11px; }

	/* Arrow Adjustments */
	.arrow { z-index: 1; }
	.ecologyHead { padding-top: 75px; }
	.sub-title { padding-top: 50px; }

	/* Gallery Template */
	.gallery img { float: none; width: auto !important; }

	/* Mobile Overrides / Tweeks */
	.TTWForm .submit input { margin-left: 17% !important; }

	/* Facebook */
	.fb-like.fb_edge_widget_with_comment.fb_iframe_widget { width: 280px !important; }
	.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span { width: 280px !important; }
	iframe#f2105b316c.fb_ltr, .fb-like.fb_edge_widget_with_comment.fb_iframe_widget iframe { width: 280px !important; }
	.fb-like.fb_edge_widget_with_comment.fb_iframe_widget iframe table#u_0_0.uiGrid.pluginConnectButtonLayoutRoot { width: 270px !important; }





}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}