.show {
	display: block !important;
}

.hide{
	display: none !important;
}

#parkfinderContainer {
	background-color: #eee;
	margin: 0 auto;
	width: 870px;
	border: 1px solid darkgreen;
	height: 630px;
	position: relative;
}

#parkfinderContainer #mapWrap, #parkfinderContainer #amenitiesWrap {
	float: left;
	width: 50%;
	height: 100%;
}

#mapWrap {
	position: relative;
}

img#map {
	width: 100%;
	height: 100%;
	height: 628px;
}

#phoneAmenitiesDesc {
	display: none;
}

/***********park pointers!*****************/

#mapWrap .parkPointer {
	position: absolute;
	color: #006633;
	font-size: 20px;
	cursor: pointer;
	transition: .2s;
}

#mapWrap .parkPointer span.phoneParkNameDisplay {
	font-family: 'MyWebFont';
	color: #337ab7;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	display: none;
}

#mapWrap .parkPointer.clickedPointer {
	color: #ff6600 !important;
	z-index: 1;
}

/*********pointer locations***********/

#mapWrap .parkPointer#elmorePointer {
	top: 18%;
	right: 54%;
}

#mapWrap .parkPointer#grrPointer {
	top: 15%;
	right: 53%;
}
#mapWrap .parkPointer#crystallakePointer {
	top: 10%;
	right: 38%;
}
#mapWrap .parkPointer#brightonPointer {
	top: 7%;
	right: 25%;
}
#mapWrap .parkPointer#maidstonePointer {
	top: 13%;
	right: 15%;
}
#mapWrap .parkPointer#smuggsPointer {
	top: 19%;
	right: 65%;
}
#mapWrap .parkPointer#waterburycenterPointer {
	top: 25%;
	right: 62%;
}
#mapWrap .parkPointer#littleriverPointer {
	top: 25%;
	right: 65%;
}
#mapWrap .parkPointer#underhillPointer {
	top: 19%;
	right: 68%;
}
#mapWrap .parkPointer#lakecarmiPointer {
	top: .4%;
	right: 68.6%;
}
#mapWrap .parkPointer#alburgdunesPointer {
	top: 4%;
	right: 87%;
}
#mapWrap .parkPointer#northheroPointer {
	top: 2.2%;
	right: 84.7%;
}
#mapWrap .parkPointer#knightislandPointer {
	top: 7%;
	right: 85%;
}
#mapWrap .parkPointer#woodsislandPointer {
	top: 6%;
	right: 83%;
}
#mapWrap .parkPointer#killkarePointer {
	top: 8%;
	right: 81%;
}
#mapWrap .parkPointer#burtonislandPointer {
	top: 9%;
	right: 83%;
}
#mapWrap .parkPointer#knightpointPointer {
	top: 9%;
	right: 87%;
}
#mapWrap .parkPointer#grandislePointer {
	top: 12%;
	right: 87.5%;
}
#mapWrap .parkPointer#sandbarPointer {
	top: 15%;
	right: 84%;
}
#mapWrap .parkPointer#niquettebayPointer {
	top: 17%;
	right: 83%;
}
#mapWrap .parkPointer#mtphiloPointer {
	top: 31%;
	right: 84%;
}
#mapWrap .parkPointer#camelshumpPointer {
	top: 28%;
	right: 68.5%;
}
#mapWrap .parkPointer#mollysFallsPointer {
	top: 24%;
	right: 42%;
}
#mapWrap .parkPointer#newDiscoPointer {
	top: 27%;
	right: 43%;
}
#mapWrap .parkPointer#kettlepondPointer {
	top: 29%;
	right: 45%;
}
#mapWrap .parkPointer#bigdeerPointer {
	top: 29.5%;
	right: 43%;
}
#mapWrap .parkPointer#stillwaterPointer {
	top: 31.5%;
	right: 43%;
}
#mapWrap .parkPointer#boulderbeachPointer {
	top: 29%;
	right: 40%;
}
#mapWrap .parkPointer#rickerpondPointer {
	top: 31.5%;
	right: 41%;
}
#mapWrap .parkPointer#seyonlodgePointer {
	top: 33.5%;
	right: 45%;
}

#mapWrap .parkPointer#kingslandbayPointer {
	top: 32%;
	right: 86.5%;
}
#mapWrap .parkPointer#buttonbayPointer {
	top: 34%;
	right: 89.5%;
}
#mapWrap .parkPointer#darPointer {
	top: 39.5%;
	right: 92%;
}
#mapWrap .parkPointer#allisPointer {
	top: 39%;
	right: 59%;
}
#mapWrap .parkPointer#branburyPointer {
	top: 45.5%;
	right: 77.5%;
}
#mapWrap .parkPointer#halfmoonPointer {
	top: 54.5%;
	right: 84%;
}
#mapWrap .parkPointer#taconicPointer {
	top: 54.7%;
	right: 81%;
}
#mapWrap .parkPointer#bomoseenPointer {
	top: 56%;
	right: 85%;
}
#mapWrap .parkPointer#silverlakePointer {
	top: 53%;
	right: 57%;
}
#mapWrap .parkPointer#giffordwoodsPointer {
	top: 55%;
	right: 64.5%;
}
#mapWrap .parkPointer#quecheePointer {
	top: 56.5%;
	right: 48%;
}
#mapWrap .parkPointer#thetfordPointer {
	top: 51%;
	right: 42%;
}
#mapWrap .parkPointer#muckrossPointer {
	top: 68%;
	right: 51%;
}
#mapWrap .parkPointer#coolidgePointer {
	top: 60%;
	right: 62%;
}
#mapWrap .parkPointer#campplymouthPointer {
	top: 63.5%;
	right: 61%;
}
#mapWrap .parkPointer#lakestcatherinePointer {
	top: 63%;
	right: 83%;
}
#mapWrap .parkPointer#ascutneyPointer {
	top: 64%;
	right: 50%;
}
#mapWrap .parkPointer#wilgusPointer {
	top: 66.5%;
	right: 49%;
}
#mapWrap .parkPointer#emeraldlakePointer {
	top: 72%;
	right: 74%;
}
#mapWrap .parkPointer#lowelllakePointer {
	top: 74%;
	right: 64.5%;
}
#mapWrap .parkPointer#jamaicaPointer {
	top: 78.5%;
	right: 64%;
}
#mapWrap .parkPointer#townshendPointer {
	top: 80.5%;
	right: 61.5%;
}
#mapWrap .parkPointer#lakeshaftsburyPointer {
	top: 82%;
	right: 83%;
}
#mapWrap .parkPointer#woodfordPointer {
	top: 87.5%;
	right: 76%;
}
#mapWrap .parkPointer#mollystarkPointer {
	top: 88.5%;
	right: 65%;
}
#mapWrap .parkPointer#fortdummerPointer {
	top: 90%;
	right: 55%;
}

/**************************************/


.parkInfo {
	background-color: #fff;
	padding: 10px 20px;
	position: absolute;
	width: 325px !important;
	left: 40px;
	top: 140px;
	border: 1px solid darkgreen;
	z-index:1 ;
	display: none;
}

.parkInfo.downOne {
	top: 205px;
	left: 75px;
}
.parkInfo.downTwo {
	top: 255px;
	left: 75px;
}

.parkInfo#allisInfo {top: 275px;}.parkInfo#branburyInfo {top: 320px;}.parkInfo#silverlakeInfo {top: 50px;}.parkInfo#giffordwoodsInfo {top: 60px;}.parkInfo#quecheeInfo {top: 60px;}.parkInfo#coolidgeInfo {top: 70px;}.parkInfo#campplymouthInfo {top: 90px;}.parkInfo#ascutneyInfo {top: 100px;}.parkInfo#wilgusInfo {top: 100px;}.parkInfo#emeraldlakeInfo {top: 160px;}.parkInfo#lowelllakeInfo {top: 160px;}.parkInfo#thetfordInfo {top: 30px;}


.infoShow {
	display: block;
}

.parkInfo .closeBox {
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px;
	color: #999;
	cursor: pointer;
}

.parkInfo p {
	margin: 0;
	margin-bottom: 10px;
}

.parkInfo p.parkName {
	font-weight: bold;
	font-size: 16px;
}

.parkInfo p.parkPhone, .parkInfo p.parkCity {
	font-style: italic;
	font-size: 12px;
}

.parkInfo .iconsWrap {
	margin-top: 20px;
}

.parkInfo .iconsWrap img {
	width: 28px;
	margin-bottom: 5px;
}

#amenitiesWrap {
	background-image: url(images/green-2d-shield.png);
}

#amenitiesList {
	padding: 30px 20px;
	height: 100%;
	background: rgba(238,238,238,.95);
}

#amenitiesList p {
	font-weight: bold;
	margin: 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #999;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#amenitiesList ul {
	padding: 0;
	margin: 0;
}

#amenitiesList ul li {
	line-height: 30px;
	border-bottom: 1px solid #ccc;
}

#amenitiesList ul li:last-child {
	border-bottom: none;
}

#amenitiesList ul li input {
	font-size: 16px;
}

#amenitiesList ul li label {
	margin-left: 10px;
	margin-bottom: 2px;
	font-weight: 500;
}

.fancyboxWrap {
	overflow-y: hidden;
	white-space: nowrap;
	margin: 15px 0;
}

.fancyboxWrap a.fancybox {
	text-decoration: none !important;
}

.fancyboxWrap a img {
	width: 100px;
	border-radius: 2px;
}

.visit-button {
	padding: 5px 15px;
	float: right;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}


.parkInfo .fa {
	color: #999;
	font-size: 14px;
	margin-right: 5px;
}


@media screen and (max-width: 1020px) {
	#parkfinderContainer {
		width: auto;
		max-width: 870px;
	}
	#parkfinderContainer #mapWrap {
		width: 434px;
	}
	#parkfinderContainer #amenitiesWrap {
		width: auto;
		float: none;
		padding-left: 434px;
	}
}
@media screen and (max-width: 700px) {
	#parkfinderContainer {
		border: none;
	}
	#parkfinderContainer #amenitiesWrap {
		position: absolute;
		width: 225px;
		padding: 0;
		float: none;
		top: 368px;
		right: 0;
		background-image: none;
	}
	#amenitiesList {
		padding: 0 10px;
		background: #eee;
		height: auto;
		border: 1px solid #333;
	}
	#amenitiesList p {
		margin-bottom: 15px;
		font-size: 12px;
		background: #fff;
		margin: 0 -10px;
		padding: 10px;
	}
	#amenitiesList ul {
		overflow-y: scroll;
		height: 220px;
	}
	#amenitiesList ul li {
		line-height: 40px;
	}
	#parkfinderContainer #mapWrap {
		float: none;
		margin: 0 auto;
	}
}

@media screen and (max-width: 470px) {
	#parkfinderContainer #mapWrap {
		width: auto;
	}
}

@media screen and (max-width: 450px) {
	#mapWrap .parkPointer span.phoneParkNameDisplay {
		display: block;
		visibility: visible;
	}
	#parkfinderContainer #mapWrap {
    	margin-bottom: 15px;
    	background-color: #fff;
    	padding: 0 10px;
    	border: 1px solid #333;
    	margin-top: 500px;
	}
	#parkfinderContainer #mapWrap #phoneWrapScroll {
		max-height: 225px;
		overflow-y: scroll;
	}
	img#map {
		display: none;
	}
	#mapWrap .parkPointer {
		visibility: hidden;
	}

	#amenitiesList p {
		background-color: #FF9900;
	}

	#parkfinderContainer #amenitiesWrap {
		width: 100%;
    	top: -490px;
    	height: auto;
    	background-image: url(images/green-2d-shield.png);
	}
	#amenitiesList {
		background: rgba(238,238,238,.95);
	}

	#amenitiesList ul, #parkfinderContainer {
		height: auto;
		overflow-y: visible;
	}

	#mapWrap .parkPointer {
		position: static;
		font-size: 14px;
		display: block;
	}

	#phoneAmenitiesDesc {
		display: block;
		margin: 0 -10px;
		padding: 10px;
		background-color: #6599FF;
		color: #fff;
		border-bottom: 1px solid #555;
	}

	#amenitiesList p {
		font-size: 14px;
	}

	.parkInfo {
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
	}

	.parkInfo {
		padding: 10px;
	}

	section#parkFinderSec h2 {
		width: auto;
		font-size: 24px;
		border-bottom: none;
		padding-bottom: 0;
		text-align: left;
	}
}