@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* Reset */

html, body { margin: 0; padding: 0; border: 0; background: d6f0ef; font-size:14px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
img	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent
	}
	
table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}
	

/* Global */

html	{	}

body { background: linear-gradient(black, #402000, black); }

/* Headings */

h1, h2, h3, h4, h5 { color: #000; }

h1 		{ font-size:12px; line-height:150%; }
h1.bold	{ font-size:12px; line-height:150%; font-weight:bold; }
h1.big 	{ font-size:14px; line-height:100%; font-weight:bold; }
h1.thumb{ font-size:14px; line-height:100%; font-weight:bold; text-align:center; padding:0px 0 5px 0; }
h2		{ font-size:12px; }
h2.thumb{ font-size:14px; line-height:100%; font-weight:bold; text-align:center; padding:0px 0 5px 0; }
h2.wide	{ font-size:12px; line-height:150%; font-weight:bold; }
h2.bold	{ font-size:12px; font-weight:bold; }
h3 		{ font-size:14px; line-height:150%;}
h3.small{ font-size:12px; line-height:150%; }
h3.fl	{ font-size:12px; line-height:150%; }
h3.thumb{ font-size:14px; text-align:center; font-weight:bold; padding:0px 0 10px 0; }
h4 		{ font-size:14px; }
h5 		{ font-size:24px; }
h6 		{ font-size:18px; }
h6.thumb{ font-size:18px; line-height:100%; font-weight:bold; text-align:center; padding:0px 0 5px 0; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

p					{ color:#000; font-size:14px; line-height:150%; }
p.left				{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right				{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }
p.thumb				{ text-align:center; padding:0px 0 5px 0;}

a					{ }
a:link				{color: #0000FF; }
a:visited			{color: #800080; }
a:active			{color: #FF0000; }
a:focus				{color: #666; }
a:hover				{color: #f00; }
				  

a[href^="mailto:"] 	{ font-family: sans-serif;
					  text-decoration: underline;
					  font-weight: bold;
					  font-size: 14px;
					  line-height:150%;}
					  
/* a[href^="mailto:"] 	{ font-family: 'PT Sans', sans-serif;
					  color: black;
					  text-decoration: underline;
					  font-weight: bold;
					  font-size: 16px;}
*/					  
					  

blockquote			{ color:#000; font-size:12px; }

strong				{ font-weight: bold; }
em					{ font-style: italic; }

/* Images */



/* Lists */

ul					{margin-left:2em;} 

ol					{ list-style-type:decimal; }
/*
ul li.disc			{list-style-type:disc;}
ul li.circle                 {list-style-type: circle;}
*/

ol { list-style:decimal; }

/* ul.disc, ul.circle {list-style: disc; list-style: circle;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
*/

ol li				{ color:#000; font-size:12px; }

dl					{	}
dt					{	}
dd					{	}


/* Tables */

table				{ 	width:100%; 
						border:2px solid black;
						padding:15px;
						width:700px; }

tr					{	border:2px solid black;
						padding:15px; }
						
.odd				{ 	background-color:#eee; }
.even				{ 	background-color:#fff; }

th					{	font-weight: bold; }
thead, th			{	background: #ccc; }

tbody				{	}

th,td,caption		{	border:2px solid black;
						padding:15px; }
caption				{	}

tfoot				{	}
.tfooter			{ background-color:#ccc; text-align:center; font-style:italic; }

caption				{ background: #efefef; }


/* Classes */

.container			{ float:left; }
.box				{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					   padding:5px; height:auto; width:50%; float:left; 
					}
					
.legend_box			{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					  border:1px solid black; padding:5px; height:auto; width:25%; float:left; 
					}
					
.legend_box_third	{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					  border:1px solid black; padding:5px; height:auto; width:33%; float:left; 
					}
					
.clear				{ clear:both; }

.big_box			{ box-sizing:border-box; border:1px solid black; padding:10px; height:auto; width:100%; overflow:auto;}

.big_box .legend_box		{ box-sizing: border-box;
					  -mox-box-sizing:border-box; /*Firefox */
					   border:1px solid black; padding:5px; height:auto; width:25%; float: left;
					}
					
.w5_L       		{ box-sizing: border-box; height:auto; width:5%; float:left;
				}
					
.w10_L			{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					   padding:5px; height:auto; width:10%; float:left; 
					}
					
.w90_L		{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					   padding:5px; height:auto; width:90%; float:left; 
					}
					
.a_href {font-size: 140px;}
					
.pad_15_noborder	{ padding:15px; height:auto; width:100%}

.pad_25_noborder	{ padding:25px;}

.width_height_auto	{ width:auto; height:auto; }					

					
/* Containers */


/* -- for Availability & Book Now to look like cssmenu bar items --*/
#avail_book_before	{ background: #4cb6ea;
					  color: #ffffff;
					  font-size: 14px;
					  font-weight: 700;
					  text-align:center;
					  text-decoration: underline;
					  margin: 0;
					  width: auto;
					  padding: 11px 10px 11px 10px;
					  line-height: 1;
					  display: block;
					  position: relative;
					  font-family: 'PT Sans', sans-serif;}
					  
#avail_book_after	{ background: #ffffff;
					  color: #4cb6ea;					  
					  font-size: 14px;
					  font-weight: 400;
					  margin: 0;
					  width: auto;
					  padding: 0;
					  line-height: 1;
					  display: block;
					  position: relative;
					  font-family: 'PT Sans', sans-serif;}					  

#wrapper			{ width:auto; max-width:900px; padding:5px; margin:auto; background-color:#fef7de	}

#break				{ background-color:#ffffff; clear:both; padding:0 0 100 0;}

#slideshow			{ background-color:#111111; }

#subbanner			{ width:100%; background-color:#555555; padding:5px 0; overflow:hidden;	}
#subbanner h1		{ text-align:center; color:white;  padding:0px; font-family:"Century Gothic"; font-size:large; line-height:150%; }

#content			{ width:auto; height:auto; }

#content_padded         { width:auto; height:auto; padding-top:10px; padding-bottom:10px; }

#map_canvas 		{ position: relative;
					  margin: 0;
					  padding: 0%;
					  padding-top: 2%;
        			  padding-bottom: 2%; /* this is the aspect ratio */
        			  height: 0%;
        			  overflow: hidden; }
        			  
#map_canvas iframe { position: absolute;
        			 top: 0;
        			 left: 0;
        			 width: 100%;
        			 height: 100%; }

#thumbnail1			{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#thumbnail2			{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#thumbnail3			{ width:150px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
					  
#bothhalves			{ float:left; padding-right:40px }
#lefthalf			{ }
#righthalf			{ }
#righthalf li		{ font-size:x-small; margin:8px 0; line-height:120%; }

#description		{ padding:15px; }
#description p.b		{ padding:0px 20px 20px 20px; font-weight:bold; }
#description p.c		{ padding:0px 20px 10px 20px; font-weight:bold; }
#description ul.a   	{ list-style-type:none; margin-left:30px; padding:5px 0 5px 0 }
#description ul.b   	{ list-style-type:disc; margin-left:30px; padding:5px 0 5px 0 }
#description ul.c   	{ list-style-type:disc; margin-left:40px; padding:0px 0 5px 0 }
#description li		{ padding:0px 0 0px 0; line-height:150%; }
#description li.b	{ padding:0px 0 0px 0; line-height:200%; }
#description li.c	{ padding:10px 0 0px 0; line-height:200%; }
#description h2		{ margin:5px 0 10px 0; line-height:150%; }
#description h2.a	{ margin:0px 0 0px 0; line-height:150%; font-weight:bold; }
#description h2.t	{ margin:0px 0 0px 0; line-height:150%; font-weight:bold; float:left; }
#description table	{ margin-left: auto; margin-right: auto; }
#description td		{ font-size:small; font-family:Arial, Helvetica, sans-serif; }
#description a:link 	{ text-decoration:underline; font-size:12px; line-height:150%; }

#map_legend_row		{ padding:15 ps; width:auto; height:auto; border: 1px solid #999999; }
#map_legend_cell	{ padding:15 ps; width:150px; border: 1px solid #999999; }

#FAQdescription			{ padding:20px; }
#FAQdescription ul     	{ list-style-type:disc; margin-left:30px }
#FAQdescription a:link 	{ text-decoration:underline; }

#locationdescription	{ padding:15px; }

#outsideleft		{ float:left; width:300px; padding:0 0 0 0px;  }
#outsideleft h3		{ text-align:center; padding:10px }
#outsideleft img		{ margin-left:20px; padding:10px 0 10px 0 }
#outsidecenter		{ float:left; width:300px; padding:0 0 0 0px;  }
#outsidecenter h3	{ text-align:center; padding:10px 0 20px 0 }
#outsidecenter img	{ margin-left:36px; padding:0 0 10px 0}
#outsideright		{ float:left; width:300px;  }
#outsideright h3	{ text-align:center; padding:10px }
#outsideright img	{ margin-left:25px; padding:10px 0 10px 0 }

#socialmedia 		{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#socialmedia img		{ padding:0 5px 0 5px; width:30px; height:30px; }
#socialmedia ul li	{ display:inline-block;  }

#contact	 		{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#contact p			{ text-align:center; padding:0px }

#footer				{ clear:both; background-color:#000000; padding:3px 0;	}
#footer p			{ text-align:center; color:#ffffff; font-size:10px }

/* Forms */

form { text-align:left; margin:20px;	}

label, submit, input, textarea {
	border:0; padding:0; margin:0 background:none;
	}
	
label {
	float: left; width: 150px;
	text-align:right; display:block;
	}
	
input, textarea {
	border:1px #333 solid; margin-left:10px;
	}
	
input {
	width: 280px; margin-bottom: 16px;
	}
	
textarea {
	width: 280px; height: 150px;
	margin-bottom: 16px;
	}
	
select	{	}

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
	}
	
br{ clear: left; }


/********* HEADER MEDIA QUERIES *********/


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

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

}

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

}

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

}

@media screen and (max-width: 960px) {
.box { padding:0 100px 0 100px }
}

@media screen and (max-width: 900px) {
.box { padding:0 103px 0 103px }
}

@media screen and (max-width: 850px) {
.box { padding:0 91px 0 91px }
}

@media screen and (max-width: 825px) {
.box { padding:0 85px 0 85px }
}

@media screen and (max-width: 800px) {
.box { padding:0 78px 0 78px }
}

@media screen and (max-width: 760px) {
.box { padding:0 68px 0 68px }
}

@media screen and (max-width: 720px) {
.box { padding:0 40px 0 40px }

}

@media screen and (max-width: 500px) {
.box { padding:0 0 0 0 }
#righthalf { width:335px; float :none; padding: 0 30px 0 80px; } 
#lefthalf  { width:335px; float :none; padding: 0 30px 0 80px; }
}

@media screen and (max-width: 340px) {
.box { padding:0 0 0 0 }
#righthalf { width:280px; float :none; padding: 0 30px 0 30px; } 
#lefthalf  { width:250px; float :none; padding: 0 30px 0 30px; }

}

@media screen and (max-width: 319px) {
.box { padding:0 10px 0 10px }
}