* { border: 0; margin: 0; padding: 0; }


	body { background-size: 100%; font-family: 'Noto Serif', serif; text-align: center;  }


	div.inner { margin: 0 auto; max-width: 1000px; width: 90%; }


	#frame { margin: 0px auto; width: 100%; }


	#banner { padding: 10px 0; position: relative; text-align: center; width: 100%; }
	#banner img { display: inline-block; max-width: 100%; }
	#banner #book { bottom: 0px; position: absolute; right: 30px; }


	#nav { background: #81A3B5; display: inline-block; font-size: 0.9em; font-weight: bold; font-style: italic; padding: 10px 0; text-align: center; width: 100%;  }
	#nav ul { display: inline-block; }
	#nav ul li { display: inline-block; margin-left: 8px; padding-left: 8px; }
	#nav ul li:last-child { border-right: 0; }
	#nav ul li:first-child { margin-left: 0; padding-left: 0; }
	#nav ul li a { color: #FFF1E4; text-decoration: none; }
	#nav ul li a:hover { color: white; }


	#christmas { background: #cc0000; color: white; display: inline-block; padding: 7px; text-decoration: none; }
	#booknow { background: black; color: white; display: inline-block; padding: 7px; text-decoration: none; }


	#slides { background: #E7E4E0; width: 100%; }
	#slides img { width: 100%; }
	#slides ul { list-style: none; }
	#slides ul li img { display: block; }



	#text { background: #F6F0E8; text-align: center; width: 100%; }
	#text div { border-bottom: 3px dotted #545454; color: #333; display: inline-block; font-size: 1em; line-height: 145%; margin: 40px auto; padding-bottom: 30px; text-align: center; width: 90%; }
	#text div h2 { color: black; font-size: 1.2em; margin-bottom: 15px;  text-transform: uppercase; }
	#text div h3 { color: black; font-size: 1.1em; margin-bottom: 15px; }
	#text div p { color: #333; font-size: 1em; margin-bottom: 15px;  }
	#text div p a { color: #81A3B5; }


	#book { background: #E7E4E0; padding: 10px 0; text-align: center;  }



	#media { margin-top: 30px; width: 100%;  }
	#media div.inner { border-bottom: 3px dotted #545454; padding-bottom: 30px; }
	#video { display: inline-block; margin-right: 1%; vertical-align: top; width: 49%; }
	#video img { display: block; width: 100%; }
	#form { background: #81A3B5; border-bottom: 6px solid #FEA047; display: inline-block; margin-left: 1%; padding-bottom: 10px; vertical-align: top; width: 49%; }
	#form h3 { background: #FEA047; color: white; margin-bottom: 12px; padding: 5px 0; text-transform: uppercase; }
	#form h4 { color: white; font-size: 2em; margin-bottom: 12px; }
	#form p { color: white; font-size: 1.4em; margin: 12px; }
	#form dl { margin-bottom: 10px; }
	#form dl dd input { padding: 5px; width: 50%; }



	#image__portlets { margin-top: 30px; }
	#image__portlets div.inner { max-width: 1400px; padding-bottom: 30px; }
	#image__portlets div.inner div { display: inline-block; position: relative; vertical-align: top; width: 45%; }
	#image__portlets div.inner div img { text-align: center; width: 100%; }
	#image__portlets div.inner div h4 { background: #EAEAEA; color: #333; font-size: 0.8em; padding: 5px 0; text-transform: uppercase; }
	#image__portlets div.inner div h4 a { color: #333; text-decoration: none; }
	#image__portlets div.inner div div.fade { display: none; left: 0px; position: absolute; top: 0px; }
	div.port1 { margin: 0 0 0 2.5%;  }


	#corporate__logos { text-align: center;  width: 100%; }
	#corporate__logos img { margin: 30px; }



		dl.gallery { width: 100%; }
		dl.gallery dd { display: inline-block; height: 200px; margin: 0 5px 10px 0 !important; overflow: hidden !important; width: 200px; vertical-align: top; }
		dl.gallery dd img.portrait { width: 100%; margin-top: -25%; vertical-align: top; }
		dl.gallery dd img.landscape { height: 120%; margin-left: -25%; vertical-align: top; }
		dl.gallery dd img.square { width: 100%; vertical-align: bottom; }



	#footer { background: #1F1F1F; border-top: 35px solid #81A3B5; color: #ffffff; padding: 30px 0; position: relative; text-align: center; }
	#footer img { margin-bottom: 20px; max-width: 250px; }
	#footer p {  font-size: 0.9em; line-height: 150%; margin-bottom: 15px; }
	#footer a { color: white; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }


	/* #banner { background: gold; } #nav { background: red; } */
	.contact-form-box h3{
	    color: #000;
	    font-size: 1.2em;
	    margin-bottom: 15px;
	    text-transform: uppercase;
	}
	.contact-form-box .btn-submit{float:right;}
  	.contact-form-box{text-align:center !important; display:block !important; width:100% !important;}
	.contact-form-box dl dt {float:left; width:35%;}
	.contact-form-box dl dd {float:left; width:65% !important;}
	.contact-form-box dl dd input[type="text"]{
		  width:100% !important;
		  display:block !important;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
	}
        .contact-form-box dl dd select{width:100% !important; display:block !important; height:30px; padding:0 15px;}

	@media screen and (max-width: 768px) {
		.contact-form-box dl dt {width:100% !important;}
		.contact-form-box dl dd {width:100% !important;}
	}

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

		#banner { text-align: center; }
		#banner img { max-width: 90%; }
		#banner div.inner { width: 100%; }
		#banner #book { right: 0px; }
		#video { margin: 10px 0; width: 100%; }
		#form { margin: 10px 0; width: 100%; }
		#text__portlets div.inner div { border-right: 0; }

		#banner p { margin-top: 10px; position: relative; width: 100%; }

		#nav { width: 100%; }
		#nav ul li { margin: 0; padding-left: 0; text-align: center; width: 100%; }

	}



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

		#image__portlets div.inner div { margin: 5px auto; width: 100%; }
		#text__portlets div.inner div { margin: 5px auto; width: 100%; }

	}