@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600&display=swap');
@charset "UTF-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	margin:0 auto;
	background-image:url(images/dotted_bg_lines.png);
	background-repeat:no-repeat;
	background-position:0% 40%;
}
.body P { font-size:12pt; font-family:Verdana, Geneva, sans-serif; padding-top:15px; text-align:left; line-height:18pt; }

.galleriaDetailsBox { position: absolute; top:400px; background-color: rgba(255, 255, 255, 0); height: 115px; width: 100%; z-index: 99999; text-align:center; padding-top:1px; }

.galleriaDetailsBoxDL { position: relative; top: 420px; z-index: 99999; text-align: center; width: 40%; border: 2px solid #fff; padding: 5px 5px; }
 
#formContainer { max-width:1000px; width:1000px; margin-left:auto; margin-right:auto; }

#formContainer input[type="text"], #formContainer input[type="datefield"], #formContainer input[type="email"], #formContainer textarea, #formContainer input[type="File"], #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 60%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 62%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="checkbox"], input[type="radio"] {
	height: 19px;
	margin: 10px;
	position: relative;
	top: 4px;
	vertical-align: middle;
	width: 19px;
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="submit"] {
	background: #0D5CAB;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 40%; 
	position: relative; 
	float: none; 
	font-family: 'Open Sans', sans-serif;
}

#formContainer .fieldtext { float:left; margin: 10px; padding: 10px;  position: relative; font-weight:bold; }

#formContainer .checkboxtext { width:100%; margin: 10px; padding: 10px;  position: relative; }

#formContainer P { clear:left;}

h1 { text-transform: uppercase; font-weight: bold; color: #000000; line-height: normal; font-family: 'Open Sans Condensed', sans-serif; }
h2 { font-weight:normal; }
.galleriaDetailsBoxDL h2 { font-size: 55px; 
color: #fff;
font-family: 'Barlow Condensed', sans-serif;
margin: 2px;
text-transform: uppercase;
font-weight:500;
	letter-spacing: 3px;
}
h3 { color:#046798; }
h4 { color:#046798; margin:0px; }

.blueHighlight { color:#046798;}

a:link {
	color: #046798;
}
a:visited {
	color: #046798;
}
a:hover {
	color: #046798;
}
a:active {
	color: #046798;
}


a.footer:visited {
	color: #FFF;
	text-decoration: none;
}
a.footer:hover {
	color: #FFF;
	text-decoration: underline;
}
a.footer:active {
	color: #FFF;
	text-decoration: none;
}
a.footer:link {
	text-decoration: none;
	color: #FFF;
}

.footer { color:#FFF; font-size:10px; font-weight:normal; }
.footerLinks { font-size:11px; line-height:26px; }

a.blueBarLink:visited {
	color: #FFF;
	text-decoration: none;
}
a.blueBarLink:hover {
	color: #FFF;
	text-decoration: underline;
}
a.blueBarLink:active {
	color: #FFF;
	text-decoration: none;
}
a.blueBarLink:link {
	color: #FFF;
	text-decoration: none;
}


#container { min-width:100%; margin:0 auto; position:absolute; top:0; z-index:9999; }
#menuLogo {float:left; width:600px; position:fixed; }
.socialSearch { float:right; background:url(images/search_bar.png); background-size:cover; height:46px; width:320px; padding-top:20px; }
.contentContainer { min-width:100%; margin:0px; color:#6a8a9a; line-height:28px; }
.contentContainerHome { min-width:100%; margin:0px; background-color:#b4c4cc; }
.contentArea { max-width:1110px; text-align:left; font-size:16px; margin:0 auto; }
.contentAreaCenter { max-width:1110px; text-align:center; font-size:14.5px; margin:0 auto; line-height:23px; }
.contentAreaHome { max-width:1110px; text-align:center; font-size:14.5px; margin:0 auto; line-height:23px;  }
.blueBar { font-size:20px; background-color:#6a8a9a; font-family: 'Open Sans Condensed', sans-serif; padding:10px 0; text-transform:uppercase; letter-spacing: 1px; height:25px; width:100%; color:#FFF; text-align:center; }
.dottedSpacer { width:100%; background-image:url(images/dots.png); background-repeat:repeat-x; height:12px; margin:42px 0; }
.homePhotoBlock { float:right; width:309; height:173px; padding-left:10px; }

.blogarea { width:685px; padding:0 50px 20px 50px; background-color:#FFF; vertical-align:top; text-align:left; float:left; margin-left:0px;  color:#414141; font-size:12px; }
.blogarea IMG { width:100%; height:auto; } 

.footerTainer { background-color:#6a8a9a; padding:30px 0; line-height:17px; }
.footer { max-width:830px; margin:0 auto; }
.footerLinks { width:55%; float:left; }
.footerLinkBox1 { width:39%; text-align:left; float:left; }
.footerLinkBox2 { width:23%; text-align:left; float:left; }
.footerLinkBox3 { width:27%; text-align:left; float:left; }
.footerLogos { width:45%; text-align:center; float:right; }
.clearAll { clear:both; }

.listingsTainer { float:left; text-align:left; width:45%; margin-right:5%; color:#6a8a9a; margin-top:35px; margin-bottom:35px; min-height: 200px; }
.listingsPhotoBox { float:left; width:166px; height:133px; margin-right:20px; }
.listingsPhoto { border:#6a8a9a 1px solid; }
.listingFilterTainer { width: 450px;}

.arrowRight { position:relative; top:2px; }
.topLogo { width:460px; height:66px; }
.menuButton { width:100px; height:66px; cursor: pointer; }
.menuButtonBack { width:80px; height:53px; cursor: pointer; }
.seasonCallout { width:264px; height:224px; float:left; margin:10px 6px; }
.seasonCalloutImage { width:264px; height:224px; }
.homeTravelBar { background-color: #fff; text-align:left; max-width:1100px; color:#046798; }
.waysHome { float:left; width:35%; margin:30px 0; }
.waysHomePhoto { width:415px; height:350px; }
.homeEventsBox { background-color:#3b4d56; background-image:url(images/dotted_bg_lines_white.png); background-repeat:no-repeat; background-position:right; color:#FFF; }

.recentPostsBox { position:relative; float:right; width:48%; text-align:left; }
.recentPostsListings { width:100%; clear:both; padding:6px 0; font-size:15px; }
.recentPostsTitle { text-align:center; font-size:32px; font-family: 'Open Sans Condensed', sans-serif; color:#9da6ab; }

.upcomingEventsBox { position:relative; float:left; width:48%; text-align:left; }
.homeEventsBoxTainer { width:1100px; margin:auto; }
.upcomingEventsTitle { text-align:center; font-size:36px; font-family: 'Open Sans Condensed', sans-serif; color:#9da6ab; }
.upcomingEvents { width:100%; clear:both; padding:6px 0; font-size:15px; }
.eventsSearchLink { width:100%; clear:both; padding:6px 0px 6px 25px; }

.homeTravelBar { background-color: #fff; text-align:left; max-width:1100px; color:#046798; }
.waysHome { float:left; width:35%; margin:30px 0; }
.travelBarIcons { float:right; margin-left:5%; width:60%; }

.travelBarBoat { height:88px; width:100%; clear:both; text-align:left; margin:25px 0; }
.travelBarBoatIcon { width:88px; height:88px; position:relative; float:left; margin-left:20px; }
.travelBarBoatText { float:right; padding-top:35px; width:80%; font-size:18px; }

.travelBarPlane { height:88px; width:100%; clear:both; text-align:left;  margin:25px 0; }
.travelBarPlaneIcon { width:88px; height:88px; position:relative; float:left; margin-left:20px; }
.travelBarPlaneText { float:right; padding-top:25px; width:80%; }

.travelBarCar { height:88px; width:100%; clear:both; text-align:left; margin:25px 0; }
.travelBarCarIcon { width:88px; height:88px; position:relative; float:left; margin-left:20px; }
.travelBarCarText { float:right; padding-top:35px; width:80%; }
.desktopFilter { }
.mobileFilter { display: none; }


.orange_btn {
  background-color: #6a8a9a;
  border: 1px solid #fff;
  padding: 10px 40px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;
	box-shadow: 0px 0px 18px 5px rgba(255,255,255,.5);
	display: none;
}

.orange_btn:hover {
  background-color: #5C98B6;
  color:#fff;
}

.orange_btn:link {
	color:#fff;
	  text-decoration: none;
}
.orange_btn:visited {
	color:#fff;
	  text-decoration: none;
}

.orange_btn:active {
	color:#fff;
	  text-decoration: none;
}



@media (min-width: 551px) and (max-width: 1105px) {
	
	.listingsTainer { width:40%; margin-left:5%; margin-right:5%; }
	.blueBar { font-size:16px; }
	
}

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

	#menuLogo {float:left; width:425px; min-width: 100%; }
.listingsTainer { width:90%; margin-left:5%; margin-right:5%; }
.footerLinks { width:100%; float:left; }
.footerLinkBox1 { width:34%; text-align:left; float:left; margin-left:5%; }
.footerLinkBox2 { width:23%; text-align:left; float:left; }
.footerLinkBox3 { width:27%; text-align:left; float:left; }
.footerTainer { font-size: 12px; }
.footerLogos { width:100%; text-align:center; float:left; clear:both; margin:40px 0 0 0; }
	.footerCopyright { font-size: 8px; }
.topLogo { width:369px; height:53px; }
.menuButton { width:80px; height:53px; }
.blueBar { font-size:18px; height:45px; }
.seasonCallout { width:50%; height:170px; float:left; margin:15px 0; }
.seasonCalloutImage { width:200px; height:170px; }
.contentContainerHome { min-width:94%; padding:0 3%; background-color:#b4c4cc; background-image:url(images/dotted_bg_lines_white.png); background-repeat:no-repeat; background-position:0 -110px; }
	.contentContainer { min-width:94%; margin:0 3%; }
.homeEventsBox { width:100%; background-color:#3b4d56; background-image:url(images/dotted_bg_lines_white.png); background-position:428px -110px; background-repeat:no-repeat; color:#FFF; }
.homeEventsBoxTainer { width:90%; margin:0; padding:0 0 0 15px; font-size:12px; }
.galleriaDetailsBox { top:230px; }
.galleriaDetailsBoxDL { top:110px; }	
.galleriaDetailsBoxDL h2 { font-weight:normal; font-size: 16px; text-shadow: #fff 0 0 3px; }
	.orange_btn {
  background-color: #6a8a9a;
  border: 1px solid #fff;
  padding: 2px 5px;
  text-align: center;
  font-size: 10px;
  margin: 4px 2px;
  transition: 0.3s;
	box-shadow: 0px 0px 3px 2px rgba(255,255,255,.3);
}
.recentPostsBox { position:relative; float:right; width:100%; text-align:left; margin:30px 0; clear:both; }
.recentPostsListings { width:100%; clear:both; padding:6px 0px; }
.recentPostsTitle { text-align:center; font-size:32px; font-family: 'Open Sans Condensed', sans-serif; color:#9da6ab; margin:30px 0; }

.upcomingEventsBox { position:relative; float:left; width:100%; text-align:left; clear:both; }

.upcomingEventsTitle { text-align:center; font-size:32px; font-family: 'Open Sans Condensed', sans-serif; color:#9da6ab; }
.upcomingEvents { width:100%; clear:both; padding:6px 0px; }
.eventsSearchLink { width:100%; clear:both; padding:0; margin:8px 26px; }

.waysHome { float:left; width:100%; margin:30px 0; }
.travelBarIcons { float:left; margin-left:0; width:100%; }

.travelBarBoat { height:88px; width:100%; clear:both; text-align:left; margin:25px 0; }
.travelBarBoatIcon { width:88px; height:88px; position:relative; float:left; margin-left:20px; }
.travelBarBoatText { float:right; padding-top:25px; width:70%; }

.travelBarPlane { height:88px; width:100%; clear:both; text-align:left; margin:25px 0; }
.travelBarPlaneIcon { width:88px; height:88px; position:relative; float:left; margin-left:20px; }
.travelBarPlaneText { float:right; padding-top:15px; width:70%; }

.travelBarCar { height:88px; width:100%; clear:both; text-align:left; margin:25px 0; }
.travelBarCarIcon { width:88px; height:88px; position:relative; float:left; margin-left:20px; }
.travelBarCarText { float:right; padding-top:25px; width:70%; }

.socialSearch { display:none; }
	
.desktopFilter { display: none; }
.mobileFilter { display: block; }

#formContainer { max-width:450px; width:450px; margin-left:auto; margin-right:auto; }

#formContainer input[type="text"], #formContainer input[type="datefield"], #formContainer input[type="email"], #formContainer textarea, #formContainer input[type="File"], #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 60%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 62%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="checkbox"], input[type="radio"] {
	height: 19px;
	margin: 10px;
	position: relative;
	top: 4px;
	vertical-align: middle;
	width: 19px;
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="submit"] {
	background: #0D5CAB;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 40%; 
	position: relative; 
	float: none; 
	font-family: 'Open Sans', sans-serif;
}

#formContainer .fieldtext { float:left; margin: 10px; padding: 10px;  position: relative; font-weight:bold; }

#formContainer .checkboxtext { width:100%; margin: 10px; padding: 10px;  position: relative; }

#formContainer P { clear:left;}
}