@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600");

/*

	Snapshot by TEMPLATED
	templated.co @templatedco

	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/






/* Button */



	input[type="submit"],

	input[type="reset"],

	input[type="button"],

	button,
	.button

 {

		-moz-appearance: none;

		-webkit-appearance: none;

		-ms-appearance: none;

		appearance: none;

		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		background: #19B5FE;

		color: #FFF;

		border-radius: 4px;

		border: 0;

		cursor: pointer;

		display: inline-block;

		font-weight: 700;

		height: 2.85em;

		line-height: 2.95em;

		padding: 0 1.5em;

		text-align: center;

		text-decoration: none;

		white-space: nowrap;

	}



		input[type="submit"].active,

		input[type="reset"].active,

		input[type="button"].active,

		button.active,

		.button.active
 {

			color: #FFF;

			background: #22313F;

		}


			input[type="submit"].active:hover,

			input[type="reset"].active:hover,

			input[type="button"].active:hover,

			button.active:hover,

			.button.active:hover
 {

				color: #FFF;

				background: #22313F;

			}



		input[type="submit"]:hover,

		input[type="reset"]:hover,

		input[type="button"]:hover,

		button:hover,
		.button:hover
 {

			color: #FFF;

			background: #019be3;

		}



		input[type="submit"].alt,

		input[type="reset"].alt,

		input[type="button"].alt,

		button.alt,

		.button.alt
 {

			background: none;

			box-shadow: 0 0 0 2px rgba(144, 144, 144, 0.25);

		}



			input[type="submit"].alt:hover,

			input[type="reset"].alt:hover,

			input[type="button"].alt:hover,

			button.alt:hover,

			.button.alt:hover
 {

				background: rgba(144, 144, 144, 0.075);

				box-shadow: 0 0 0 2px rgba(144, 144, 144, 0.25);

			}



		input[type="submit"].icon,

		input[type="reset"].icon,

		input[type="button"].icon,

		button.icon,

		.button.icon
 {

			padding-left: 1.35em;

		}


			input[type="submit"].icon:before,

			input[type="reset"].icon:before,

			input[type="button"].icon:before,

			button.icon:before,

			.button.icon:before
 {

				margin-right: 0.5em;

			}



		input[type="submit"].fit,

		input[type="reset"].fit,
		input[type="button"].fit,

		button.fit,

		.button.fit
 {

			display: block;

			margin: 0 0 1em 0;

			width: 100%;

		}



		input[type="submit"].small,

		input[type="reset"].small,

		input[type="button"].small,

		button.small,

		.button.small
 {

			font-size: 0.8em;

		}



		input[type="submit"].big,

		input[type="reset"].big,

		input[type="button"].big,

		button.big,

		.button.big
 {

			font-size: 1.35em;

			padding: 0 2em;

		}



		input[type="submit"].disabled, input[type="submit"]:disabled,

		input[type="reset"].disabled,

		input[type="reset"]:disabled,

		input[type="button"].disabled,

		input[type="button"]:disabled,

		button.disabled,

		button:disabled,

		.button.disabled,

		.button:disabled
 {

			-moz-pointer-events: none;

			-webkit-pointer-events: none;

			-ms-pointer-events: none;

			pointer-events: none;

			opacity: 0.25;

		}



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


			input[type="submit"],

			input[type="reset"],

			input[type="button"],

			button,

			.button
 {

				padding: 0;

			}



		}


/* Gallery */



	@-moz-keyframes gallery
 {

		100%
 {

			opacity: 1;
		}

	}



	@-webkit-keyframes gallery
 {

		100%
 {

			opacity: 1;
		}

	}



	@-ms-keyframes gallery
 {

		100%
 {

			opacity: 1;
		}

	}



	@keyframes gallery
 {

		100%
 {

			opacity: 1;
		}

	}




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


			.gallery
 {

				padding: 1em;

			}


		}






		.gallery .content
 {

			display: -ms-flexbox;

			display: -moz-flex;

			display: -webkit-flex;

			display: -ms-flex;

			display: flex;

			-moz-flex-wrap: wrap;

			-webkit-flex-wrap: wrap;

			-ms-flex-wrap: wrap;

			flex-wrap: wrap;

			-moz-justify-content: -moz-flex-start;

			-webkit-justify-content: -webkit-flex-start;

			-ms-justify-content: -ms-flex-start;

			justify-content: flex-start;


		}


/*Controls the size of the image and the zoom*/

			.gallery .content .media
 {

				-moz-animation: gallery 0.75s ease-out 0.4s forwards;

				-webkit-animation: gallery 0.75s ease-out 0.4s forwards;

				-ms-animation: gallery 0.75s ease-out 0.4s forwards;

				animation: gallery 0.75s ease-out 0.4s forwards;

				margin-bottom: 0;

				overflow: hidden;

				opacity: 0;

				position: relative;

				width: 50%;

			}



				.gallery .content .media a
 
					display: block;

				}



				.gallery .content .media img
 {

					-moz-transition: -moz-transform 0.2s ease-in-out;

					-webkit-transition: -webkit-transform 0.2s ease-in-out;

					-ms-transition: -ms-transform 0.2s ease-in-out;

					transition: transform 0.2s ease-in-out;

					max-width: 100%;

					height: auto;

					vertical-align: middle;


				}



				.gallery .content .media:hover img
 {

					-moz-transform: scale(1.075);

					-webkit-transform: scale(1.075);

					-ms-transform: scale(1.075);

					transform: scale(1.075);

				}






#galleries .gallery .content .media img
 {

	padding: 15px 10px 0px 5px;
	float: inline;
	height: 100%;
	width: 96%;
}






/* Image */



	.image
 {

		border: 0;

		display: inline-block;

		position: relative;


	}



		.image img
 {

			display: block;


		}



		.image.left, .image.right
 {

			max-width: 40%;

		}



			.image.left img, .image.right img
 {

				width: 100%;

			}



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


				.image.left, .image.right
 {

					max-width: 100%;

					width: 100%;

				}


			}



		.image.left
 {

			float: left;

			margin: 0 1.5em 1em 0;

			top: 0.25em;

		}



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


				.image.left
 {

					float: none;

					margin: 0 0 1em 0;

				}


			}



		.image.right
 {

			float: right;

			margin: 0 0 1em 1.5em;

			top: 0.25em;

		}



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


				.image.right
 {

					float: none;

					margin: 0 0 1em 0;

				}


			}



		.image.fit
 {

			display: block;

			margin: 0 0 2em 0;

			width: 100%;


		}



			.image.fit img
 {

				width: 100%;

			}



		.image.special
 {

			border: solid 1px rgba(144, 144, 144, 0.25);

			padding: 1em;

		}



		.image.main
 {

			display: block;

			margin: 0 0 3em 0;

			width: 100%;

		}



			.image.main img
 {

				width: 100%;

			}



/* List */



	ol
 {

		list-style: decimal;

		margin: 0 0 2em 0;

		padding-left: 1.25em;

	}


		ol li
 {

			padding-left: 0.25em;

		}


	ul
 {

		list-style: disc;

		margin: 0 0 2em 0;

		padding-left: 1em;

	}


		ul li
 {

			padding-left: 0.5em;

		}



		ul.alt
 {

			list-style: none;

			padding-left: 0;

		}



			ul.alt li
 {

				border-top: solid 1px;

				padding: 0.5em 0;

			}


				ul.alt li:first-child
 {

					border-top: 0;

					padding-top: 0;

				}


		ul.tabs
 {

			list-style: none;
			padding-left: 0;

		}



			ul.tabs li
 {

				display: inline-block;

			}



				ul.tabs li:first-child
 {

					padding: 0;

				}



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


					ul.tabs li
 {

						display: block;

						margin: 0 0 .25em 0;

						padding: 0;

					}


						ul.tabs li .button
 {

							width: 100%;

						}


				}



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


				ul.tabs
 {

					margin-bottom: 1em;

				}


			}



		ul.icons
 {

			cursor: default;

			list-style: none;

			padding-left: 0;

		}



			ul.icons li
 {

				display: inline-block;

				padding: 0 1em 0 0;

			}



				ul.icons li:last-child
 {

					padding-right: 0;

				}



				ul.icons li .icon:before
 {

					font-size: 2em;

				}



		ul.actions
 {

			cursor: default;

			list-style: none;

			padding-left: 0;

		}



			ul.actions li
 {

				display: inline-block;

				padding: 0 1em 0 0;

				vertical-align: middle;

			}



				ul.actions li:last-child
 {

					padding-right: 0;

				}



			ul.actions.small li
 {

				padding: 0 0.5em 0 0;

			}



			ul.actions.vertical li
 {

				display: block;

				padding: 1em 0 0 0;

			}



				ul.actions.vertical li:first-child
 {

					padding-top: 0;

				}



				ul.actions.vertical li > *
 {

					margin-bottom: 0;

				}



			ul.actions.vertical.small li
 {

				padding: 0.5em 0 0 0;

			}



				ul.actions.vertical.small li:first-child
 {

					padding-top: 0;

				}



			ul.actions.fit
 {

				display: table;

				margin-left: -1em;

				padding: 0;

				table-layout: fixed;

				width: calc(100% + 1em);

			}



				ul.actions.fit li
 {

					display: table-cell;

					padding: 0 0 0 1em;

				}



					ul.actions.fit li > *
 {

						margin-bottom: 0;
					}



				ul.actions.fit.small
 {

					margin-left: -0.5em;

					width: calc(100% + 0.5em);

				}



					ul.actions.fit.small li
 {

						padding: 0 0 0 0.5em;

					}



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


				ul.actions
 {

					margin: 0 0 2em 0;

				}



					ul.actions li
 {

						padding: 1em 0 0 0;

						display: block;

						text-align: center;

						width: 100%;

					}


						ul.actions li:first-child
 {

							padding-top: 0;

						}



						ul.actions li > *
 {

							width: 100%;

							margin: 0 !important;

						}


							ul.actions li > *.icon:before
 {

								margin-left: -2em;

							}



					ul.actions.small li
 {

						padding: 0.5em 0 0 0;

					}


						ul.actions.small li:first-child
 {

							padding-top: 0;

						}


			}


	dl
 {
		margin: 0 0 2em 0;

	}


		dl dt
 {

			display: block;

			font-weight: 700;

			margin: 0 0 1em 0;

		}



		dl dd
 {

			margin-left: 2em;

		}





/* Website template by freewebsitetemplates.com */

body
 {

	background: #ffb744 url(../images/bg-body.jpg) repeat left bottom;

	font-family: "Times New Roman", Times, serif;

	margin: 0;

}


#background
 {

	background: url(../images/bg-pattern.jpg) repeat-x center top;
	min-height: 1318px;

}


#page
 {

	width: 960px;

	margin: 0 auto;

}


img
 {

	border: 0;

}


/*------------------------------ Sprites ------------------------------*/


#navigation li, #navigation li a:hover, #navigation li.selected a
 {

	background-image: url(../images/bg-menu.png);

	background-repeat: repeat-x;

}


#contents div.box, #contents div.box > div, #contents div.body
 {

	background-image: url(../images/content-box.png);

	background-repeat: no-repeat;

}


#main div.box, #main div.box > div, #main div.box > div > div
 {

	background-image: url(../images/bg-box.png);

	background-repeat: no-repeat;

}



/*------------------------------ HEADER ------------------------------*/
#header

 {

	margin-bottom: 20px;

	padding-top: 20px;

}


h1
 {
	font-size: 34px;
	color: #e6ffff;
	padding-top: 18px;
	font-family: "Tahoma";
}

/** Logo **/
#logo

 {

	float: left;

	margin-bottom: 20px;

	margin-left: 49px;

	padding-right:20px;
}


/** Navigation **/
#navigation

 {

	background: url(../images/bg-navigation.png) no-repeat;

	clear: both;

	height: 50px;

	width: 860px;

	margin: 0 auto;

	padding: 1px;

}


#navigation ul
 {

	display: inline-block;

	width: 860px;

	list-style: none;

	margin: 0;

	padding: 0;

}


#navigation li
 {

	float: left;

	background-position: 0 -118px;

	background-repeat: no-repeat;

	height: 49px;

	width: 122px;

	margin: 0;

	padding-left: 1px;

	text-align: center;

}


#navigation li:first-child
 {

	background: none;

	margin-left: 0;

	padding-left: 0;

}


#navigation li a
 {

	color: #fff;

	display: block;

	font: bold 14px/48px Arial, Helvetica, sans-serif;

	height: 49px;

	text-decoration: none;

	text-transform: uppercase;

}


#navigation li a:hover
 {

	background-position: 0 -59px;

	color: #6d6157;

}


#navigation li.selected a
 {

	background-position: 0 0;

	color: #e4e1bd;

}


/*------------------------------ CONTENTS ------------------------------*/


#contents
 {

	display: inline-block;

	width: 865px;

	padding: 0 47px;

}


#contents h1
 {

	color: #316e66;

	font: 26px/30px "Times New Roman", Times, serif;

	margin: 18px 0 20px;

	padding-left: 2px;

	text-transform: uppercase;

}


#contents div.body h1, #contents h2
 {

	color: #316e66;

	font: 30px/30px "Times New Roman", Times, serif;

	margin: 0 0 18px;

	text-transform: uppercase;

}


#contents h2
 {

	font-size: 22px;

	margin: 0 0 30px;

}


#contents h2 a
 {

	color: #2c9688;

	text-decoration: none;

}


#contents p
 {

	color: #5a4535;

	font-size: 15px;

	line-height: 30px;

	margin: 0;

	padding: 0 0 24px 2px;

}


#contents p a
 {

	color: #5a4535;

}


#contents p a:hover, #news div.sidebar ul li a:hover
 {

	color: #917157;

}


/** box-shadow **/
#contents div.box
 {

	background-position: left bottom;

	margin-bottom: 20px;

	margin-left: 1px;

	padding: 0 0 6px;

}


#contents div.box > div
 {

	background-position: -1745px top;

	padding: 6px 0 0;

}


#contents div.body
 {

	background-position: -871px top;

	background-repeat: repeat-y;

	min-height: 980px;

	padding: 30px 40px 0;

}


/** Adbox **/
#adbox
 {

	background: url(../images/bg-adbox.png) no-repeat left top;

	width: 852px;

	margin: 0 auto;
	padding: 4px 5px 18px;

}


#adbox p

 {

	font-size: 16px;

}


.ads
 {

	float: right;
	width: 220px;

	border-left: 1px solid #bbbbbb;

	margin-left: 20px;

	padding-left: 20px;

}


hr
 {

	border:0;

	border-top: 1px solid #bbbbbb;

	margin-bottom: 30px;

}


/** MAIN **/
 {

	float: left;

	min-height: 100px;

	width: 566px;

}


#main div.box
 {

	background-position: left bottom;

	margin-bottom: 12px;

	padding: 0 0 6px;

}


#main div.box > div
 {

	background-position: -1145px top;

	padding: 6px 0 0;

}


#main div.box > div > div
 {

	background-position: -572px top;

	background-repeat: repeat-y;

	padding: 17px;

}


#main div.box h3
 {

	color: #2c9688;

	font-weight: normal;

	letter-spacing: 1px;

	border-bottom: 1px dotted #9c8964;

	margin: 0;

	padding: 0 0 12px;

	text-transform: uppercase;

}


#main div.box h4
 {

	font: 22px/24px "Times New Roman", Times, serif;

	font-weight: normal;

	margin: 6px 0 0;

}


#main div.box h4 a
 {

	color: #2c9688;
	text-decoration: none;

}


#main div.box ul
 {

	list-style: none;

	margin: 0;

	padding: 0;

}


#main div.box ul li
 {

	border-bottom: 1px dotted #9c8964;

}


#main div.box ul li span
 {

	color: #5a4535;

	display: block;

	font-size: 14px;

	margin-bottom: 12px;

}


#main div.box ul li p
 {

	line-height: 24px;

	padding: 0 0 3px;

}


/** SIDEBAR **/
#sidebar

 {

	float: right;

	height: auto;

	width: 285px;

}


#sidebar div.section
 {

	height: 144px;

	margin-bottom: 12px;

}


#sidebar div.section:first-child
 {

	padding: 3px 0 0;

}


#sidebar div.section > a:hover
 {

	filter:alpha(opacity=60);

	opacity: 0.6;

}


table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #ccefff;
}

tr:nth-child(odd) {
    background-color: #b3cce6;
}

/** SIDEBAR **/
#sidebar
 {

	float: right;

	height: auto;

	width: 285px;

}


#sidebar div.section
 {

	height: 144px;

	margin-bottom: 12px;

}


#sidebar div.section:first-child
 {

	padding: 3px 0 0;

}


#sidebar div.section > a:hover
 {

	filter:alpha(opacity=60);

	opacity: 0.6;

}



/** testimonials **/


#contents div#testimonials h3
 {

	color: #2c9688;
	font-weight: normal;

	letter-spacing: 1px;

	border-bottom: 0;

	padding-bottom: 0;

}


#testimonials p
 {

	display: inline-block;

	line-height: 24px;

	padding-bottom: 3px;

}


#testimonials p span
 {

	float: right;

}


#testimonials p span a
 {

	color: #2c9688;

	text-decoration: none;

}


#testimonials p span a:hover
 {

	color: #2c9688;

}


/** Rooms, Foods Dive Sites **/


#rooms, #foods, #sites
 {

	list-style: none;

	margin: 0;

	padding: 0;

}


#rooms li, #foods li, #sites li
 {

	display: inline-block;

	width: 784px;

	border-top: 1px solid #b7b7b7;

	padding: 30px 0;

	position: relative;

}


#rooms li:first-child, #foods li:first-child, #sites li:first-child
 {

	border-top: 0;

}


#rooms li img
 {

	float: left;

	border: 1px solid #2c9688;

	margin-right: 15px;

}


#rooms .rate
 {

	color: #316e66;

	display: inline-block;

	font: 16px/35px "Times New Roman", Times, serif;

	height: 35px;

	width: 138px;

	border: 1px solid #5a4535;

	text-align: center;

	position: absolute;

	bottom: 30px;

}



#contact input.btn
 {

	background: url(../images/btn-send.png) no-repeat -70px 0;

	cursor: pointer;

	height: 26px;

	width: 60px;
	border: 0;

	padding: 0;

	margin: 0;

}


#contact input.btn:hover
 {

	background-position: 0 0;

}


#contact p span
 {

	display: block;
	text-transform: uppercase;

}


/*------------------------------ FOOTER ------------------------------*/


#footer
 {

	color: #594334;

	font-size: 14px;

	line-height: 48px;

	margin: -38px 0 20px;

	padding-top: 42px;

	text-transform: uppercase;

}


#footer > div
 {

	background-color: #ac9e94;

	height: 48px;

	width: 822px;

	border-bottom: 1px solid #72675f;

	border-top: 1px solid #cdbeb2;

	margin: 0 auto;

	padding: 0 20px;

	text-align: right;

}


#footer ul.navigation
 {

	float: left;

	display: inline-block;

	list-style: none;

	margin: 0;

	padding: 0;

}


#footer ul.navigation li
 {

	float: left;

	margin-right: 10px;

}


#footer ul.navigation li a
 {

	color: #594334;

	padding: 0 5px;

	text-decoration: none;

}


#footer ul.navigation li:first-child a
 {

	border-left: 0;

	padding-left: 0;

}


#footer ul.navigation li a:hover
 {

	color: #eee7c3;

}


#footer ul.navigation li.active a
 {

	color: #fff;

}


#footer p
 {

	margin: 0;

	text-align: center;

	text-transform: none;

}


/** Connect **/
#connect

 {

	float: right;

	display: inline-block;

	line-height: 26px;

	margin: 12px 0 0;

}


#connect a
 {

	background: url(../images/icons.png) no-repeat;
	display: inline-block;

	height: 23px;

	width: 23px;

	margin-left: 10px;

}



#connect a.facebook
 {

	background-position: 0 -98px;

}



#connect a.facebook:hover
 {

	background-position: 0 -65px;

}