@charset "UTF-8";
/* CSS Document */
.image_container{width:100%;height:100%;}

.headertopnav a:link {color: #a0e03a; text-decoration: none;font-weight: 900}
.headertopnav a:visited {text-decoration: none;color: #a0e03a;font-weight: 900}
.headertopnav a:hover {text-decoration: underline; color:#ff00ff;font-weight: 900}
.headertopnav a:active {text-decoration: none; color: #a0e03a;font-weight: 900}

a:link {color:  #a0e03a; text-decoration: none;font-weight: 900}
a:visited {text-decoration: none;color: #a0e03a;font-weight: 900}
a:hover {text-decoration: underline; color:#a0e03a;font-weight: 900}
a:active {text-decoration: none; color: #a0e03a;font-weight: 900}

.footerbottom a:link {color: #a0e03a; text-decoration: none;font-weight: 900}
.footerbottom a:visited {text-decoration: none;color: #a0e03a;font-weight: 900}
.footerbottom a:hover {text-decoration: underline; color:#ff00ff;font-weight: 900}
.footerbottom a:active {text-decoration: none; color: #a0e03a;font-weight: 900}

.video-container {position: relative;padding-bottom: 60.25%;padding-top: 0px; padding-left:0px; height: 0; overflow: hidden;}
 
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width:95%;height: 100%;padding-left: 12px;}
.wrap{width:100%;}

.wrap{width:100%; position: relative;}

/* Tablet Layout: 481px to 769px*/
@media (max-width: 768px){
body{width: 100%; margin: auto; overflow-x:hidden;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size:16px;text-align: center;}
	.headerarea{width:100%}
	.headertopnav{width:100%;background-color: #7F00FF; color:#ffffff;padding: 2px 0}
	.topnav{width:100%;text-align: center;}
	
	.headinfoline{width:100%;vertical-align: top;padding: 5px 0}
	.logo{width: 100%;display: inline-block;text-align:center;}
	.logo img{height:150px}
	.headerright{width:100%; display: inline-block;vertical-align: top;text-align: right;}
	.moto{width:100%;display: inline-block;padding-top:1%;vertical-align: top}
	.moto img{width:100%;height:100%}
	
	.mainnav{width:100%;display: inline-block;vertical-align: top;text-align: center;padding:5px 0px 0px 0px }

	.title{width:100%;background-color: #FF00FF;font-size:32px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight:bolder;color:#ffffff;padding:2px 0px }
	
.contentsection{background:url("../image/contentareabgr.png") repeat;width: 100%;text-align: center;display: inline-block}
.bodycontent{width:100%;height:100%; max-width:1238px;display: inline-block;text-align: center;padding:20px 0 20px 0}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%}

	
.footerarea{width:100%;display: inline-block;text-align:center;background-image: url("../images/footerbgr.png");   background-repeat: no-repeat;
  background-size: 100% 100%}
.footerinfoballoonarea{width:95%;display:inline-block;text-align:center;padding: 3px 0 3px 0;margin:0 2%;vertical-align: top;}
	.ballooninfo{width:100%; background-color:#7F00FF;text-align: center;border-radius: 25px;padding:4px;color:#FFFFFF;}
	.contactlogo{width:100%;padding-bottom:2px}
	.contactlogo img{width:130px;height: 120px}
	.contactinfo{width:100%; padding-bottom:5px;color:#FFFFFF;}
	.footerbottom{width:100%;}
	.footerbottominfo{width:100%; display: inline-block;color:#FFFFFF;font-size:12px;height:10px}
	
	.wholetext{width:90%;display: inline-block;text-align: left}
	.column{width:100%; display: inline-block;vertical-align: middle}
	.column img{width:250px; height:250px;}
	
/* Home Page*/
	
	.headerphoto{width:100%; display: inline-block}
	.headerphoto img{width:100%; height:100%}
	
	
	
.bodytext{width:90%; padding: 0px 30px 5px 45px;text-align: left;display: inline-block;}
	
/*home*/
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}
	
/*attractions and more pages*/
	#picbox {	width: 100%;	padding: 30px 0 0 0;	position: relative;	display: flex;	flex-wrap: wrap;}
	
	.pic {width: 100%;	padding: 0;	margin: 0 0 2% 0%;	position: relative;text-align: center;	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);}

	.pic > .pic-img {	width: 100%;	height: auto;	display: block;	z-index: 1;	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;
}

.pic:hover .pic-img {	filter: grayscale(40%);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

.pic > .caption {	width: 100%;	padding: 25px 0% 10px 0%;	position: absolute;	bottom: 0;	left: 0;	right: 0;	z-index: 5;	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 60%, rgba(0,0,0,1) 100%);	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 60%,rgba(0,0,0,1) 100%);	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 60%,rgba(0,0,0,1) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	color: #e7e7e7;	font-size: 30px;	text-transform: uppercase;	text-align: center;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

.pic:hover .caption {	color: #a0e03a;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

	
	

}
/* Laptop Layout: 769px to a max of 1120px.*/
@media (min-width: 769px){
	body{width: 100%; margin: auto; overflow-x:hidden;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size:16px;text-align: center;}
	.headerarea{width:100%}
	.headertopnav{width:100%;background-color: #7F00FF; color:#ffffff;padding: 2px 0}
	.topnav{width:30%;text-align: center;margin-left:60%}
	
	.headinfoline{width:100%;vertical-align: top;padding: 5px 0}
	.logo{width: 19%;display: inline-block;text-align:center;}
	.logo img{height:150px}
	.headerright{width:70%; display: inline-block;vertical-align: top;text-align: right;}
	.moto{width:80%;display: inline-block;padding-top:1%;vertical-align: top}
	.moto img{width:100%;height:100%}
	
	.mainnav{width:80%;display: inline-block;padding-top:5%;vertical-align: top;text-align: center;padding:5px 0 0 0 }

	.title{width:100%;background-color: #FF00FF;font-size:32px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight:bolder;color:#ffffff;padding:2px 0px }
	
.contentsection{background:url("../image/contentareabgr.png") repeat;width: 100%;text-align: center;display: inline-block}
.bodycontent{width:100%;height:100%; max-width:1238px;display: inline-block;text-align: center;padding:20px 0 20px 0}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%}

	
.footerarea{width:100%;display: inline-block;text-align:center;background-image: url("../images/footerbgr.png");   background-repeat: no-repeat;
  background-size: 100% 100%}
.footerinfoballoonarea{width:90%;display:inline-block;text-align:center;padding: 3px 0 3px 0;margin:0 2%;vertical-align: top;}
	.ballooninfo{width:100%; background-color:#7F00FF;text-align: center;border-radius: 25px;padding:4px;color:#FFFFFF;}
	.contactlogo{width:100%;padding-bottom:2px}
	.contactlogo img{width:130px;height: 120px}
	.contactinfo{width:100%; padding-bottom:5px;color:#FFFFFF;}
	.footerbottom{width:100%;}
	.footerbottominfo{width:45%; display: inline-block;color:#FFFFFF;font-size:12px;height:10px}
	
	.wholetext{width:90%;display: inline-block;text-align: left}
	.column{width:45%; display: inline-block;vertical-align: middle}
	.column img{width:250px; height:250px;}
	
/* Home Page*/
	
	.headerphoto{width:100%; display: inline-block}
	.headerphoto img{width:100%; height:100%}
	
	
	
.bodytext{width:90%; padding: 0px 30px 5px 45px;text-align: left;display: inline-block;}
	
/*home*/
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}
	
/*attractions and more pages*/
	#picbox {	width: 100%;	padding: 30px 0 0 0;	position: relative;	display: flex;	flex-wrap: wrap;}
	
	.pic {width: 31.333%;	padding: 0;	margin: 0 1% 2% 1%;	position: relative;	float: left;	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);}

	.pic > .pic-img {	width: 100%;	height: auto;	display: block;	z-index: 1;	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;
}

.pic:hover .pic-img {	filter: grayscale(40%);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

.pic > .caption {	width: 100%;	padding: 25px 0% 10px 0%;	position: absolute;	bottom: 0;	left: 0;	right: 0;	z-index: 5;	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 60%, rgba(0,0,0,1) 100%);	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 60%,rgba(0,0,0,1) 100%);	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 60%,rgba(0,0,0,1) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	color: #e7e7e7;	font-size: 30px;	text-transform: uppercase;	text-align: center;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

.pic:hover .caption {	color: #a0e03a;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

	
}

/* Desktop Layout: 1120px to a max of 1238px.*/
@media (min-width: 1120px){
body{width: 100%; margin: auto; overflow-x:hidden;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size:18px;text-align: center;}
	.headerarea{width:100%}
	.headertopnav{width:100%;background-color: #7F00FF; color:#ffffff;padding: 2px 0}
	.topnav{width:30%;text-align: center;margin-left:60%}
	
	.headinfoline{width:100%;vertical-align: top;padding: 5px 0}
	.logo{width: 19%;display: inline-block;text-align:center;}
	.logo img{height:175px}
	.headerright{width:75%; display: inline-block;vertical-align: top;text-align: right;}
	.moto{width:80%;display: inline-block;padding-top:1%;vertical-align: top}
	.moto img{width:100%;height:100%}
	
	.mainnav{width:95%;display: inline-block;padding-top:2%;vertical-align: top;text-align: center;padding:5px 0 0 0 }

	.title{width:100%;background-color: #FF00FF;font-size:32px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight:bolder;color:#ffffff;padding:2px 0px }
	
.contentsection{background:url("../image/contentareabgr.png") repeat;width: 100%;text-align: center;display: inline-block}
.bodycontent{width:100%;height:100%; max-width:1238px;display: inline-block;text-align: center;padding:20px 0 20px 0}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%}

	
.footerarea{width:100%;display: inline-block;text-align:center;background-image: url("../images/footerbgr.png");   background-repeat: no-repeat;
  background-size: 100% 100%}
.footerinfoballoonarea{width:90%;display:inline-block;text-align:center;padding: 3px 0 3px 0;margin:0 2%;vertical-align: top;}
	.ballooninfo{width:100%; background-color:#7F00FF;text-align: center;border-radius: 25px;padding:4px;color:#FFFFFF;}
	.contactlogo{width:100%;padding-bottom:2px}
	.contactlogo img{width:130px;height: 120px}
	.contactinfo{width:100%; padding-bottom:5px;color:#FFFFFF;}
	.footerbottom{width:100%;}
	.footerbottominfo{width:45%; display: inline-block;color:#FFFFFF;font-size:12px;height:10px}
	
	.wholetext{width:90%;display: inline-block;text-align: left}
	.column{width:45%; display: inline-block;vertical-align: middle}
	.column img{width:250px; height:250px;}
	
/* Home Page*/
	
	.headerphoto{width:100%; display: inline-block}
	.headerphoto img{width:100%; height:100%}
	
	
	
.bodytext{width:90%; padding: 0px 30px 5px 45px;text-align: left;display: inline-block;}
	
/*home*/
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}
	
/*attractions and more pages*/
	#picbox {	width: 100%;	padding: 30px 0 0 0;	position: relative;	display: flex;	flex-wrap: wrap;}
	
	.pic {width: 31.333%;	padding: 0;	margin: 0 1% 2% 1%;	position: relative;	float: left;	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);}

	.pic > .pic-img {	width: 100%;	height: auto;	display: block;	z-index: 1;	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;
}

.pic:hover .pic-img {	filter: grayscale(40%);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

.pic > .caption {	width: 100%;	padding: 25px 0% 10px 0%;	position: absolute;	bottom: 0;	left: 0;	right: 0;	z-index: 5;	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 60%, rgba(0,0,0,1) 100%);	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 60%,rgba(0,0,0,1) 100%);	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 60%,rgba(0,0,0,1) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	color: #e7e7e7;	font-size: 30px;	text-transform: uppercase;	text-align: center;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

.pic:hover .caption {	color: #a0e03a;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);	-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	transition: all 0.5s ease;}

}