.map * { box-sizing: border-box; }
.map *:before, *:after { box-sizing: border-box; }

.map a { color: #153A1D; }

.map p a .read-more { color: #ffffff; }

.map h1, .map h2, .map h3 { color: #fff; font-weight: 600; }

.map h1, .map .h1 { font-size: 2.5em; margin: 0 0 .2em; }

.map h2, .map .h2 { font-size: 14px; margin: 0 0 .33em; }

.map h3, .map .h3 { font-size: 1.25em; margin: 0 0 .5em; }

.map p { margin: .5em 0; }
.map-marker-info a, .map-marker-info a:visited, .map-marker-info a:active {color: #ffffff;}

#mapspace { height: 572px; width: 970px; display: block; }

.text-center { text-align: center; }

.container {width: 970px; position: relative; left: 10px;}

.map { margin-top: 3em; background: url("parks_map_bg.png") top left no-repeat; position: relative; }
.map-markers { list-style: none; margin: 0; padding: 0; }
.map-marker { position: absolute; }
.map-marker:after { border-radius: 50%; border: 1px solid #153A1D; content: ''; height: 20px; left: 0; margin: -5px 0 0 -5px; opacity: 0; position: absolute; top: 0; width: 20px; }
.map-marker:hover .map-marker-info { display: block; }
.map-marker .dot { background-color: #153A1D; border-radius: 50%; height: 8px; display: block; text-indent: -9999px; width: 8px; }
.map-marker:hover .dot { -webkit-transform: scale(1.5); transform: scale(1.5);	}
.map-marker-yellowstone { left: 270px; top: 129px; }
.map-marker-yellowstone2 { left: 274px; top: 140px; }
.map-marker-acadia { left: 888px; top: 98px; }
.map-marker-arches { left: 269px; top: 259px; }
.map-marker-badlands { left: 386px; top: 168px; }
.map-marker-bigbend { left: 352px; top: 464px; }
.map-marker-biscayne { left: 784px; top: 526px; }
.map-marker-blackcanyon { left: 293px; top: 261px; }
.map-marker-brycecanyon { left: 224px; top: 275px; }
.map-marker-chelly { left: 263px; top: 309px; }
.map-marker-capelookout { left: 816px; top: 327px; }
.map-marker-capitolreefA { left: 240px; top: 260px; }
.map-marker-capitolreefB { left: 241px; top: 267px; }
.map-marker-colorado { left: 278px; top: 249px; }
.map-marker-craterLake { left: 95px; top: 132px; }
.map-marker-cratersMoon { left: 225px; top: 154px; }
.map-marker-effigy { left: 555px; top: 180px; }
.map-marker-malpais { left: 281px; top: 338px; }
.map-marker-everglades { left: 775px; top: 532px; }
.map-marker-raleigh { left: 826px; top: 297px; }
.map-marker-glacierBay { left: 135px; top: 523px; }
.map-marker-teton { left: 268px; top: 151px; }
.map-marker-greatSmoky { left: 694px; top: 325px; }
.map-marker-hotsprings { left: 536px; top: 362px; }
.map-marker-johnDay { left: 139px; top: 108px; }
.map-marker-joshuaTree { left: 148px; top: 339px; }
.map-marker-katmai { left: 64px; top: 525px; }
.map-marker-kennesaw { left: 681px; top: 363px; }
.map-marker-kingsCanyon { left: 117px; top: 268px; }
.map-marker-lassen { left: 92px; top: 184px; }
.map-marker-lavaBeds { left: 96px; top: 159px; }
.map-marker-mammothCave { left: 649px; top: 297px; }
.map-marker-castle { left: 166px; top: 313px; }
.map-marker-naturalBridges { left: 258px; top: 281px; }
.map-marker-northCascades { left: 139px; top: 20px; }
.map-marker-olympic { left: 102px; top: 29px; }
.map-marker-petrified { left: 252px; top: 333px; }
.map-marker-pinnacles { left: 73px; top: 264px; }
.map-marker-rainbowBridge { left: 246px; top: 288px; }
.map-marker-redwood { left: 57px; top: 153px; }
.map-marker-rockCreek { left: 788px; top: 239px; }
.map-marker-rockyMountain { left: 331px; top: 231px; }
.map-marker-saguaro { left: 230px; top: 390px; }
.map-marker-sequoia { left: 116px; top: 277px; }
.map-marker-statueLiberty { left: 827px; top: 192px; }
.map-marker-tonto { left: 227px; top: 358px; }
.map-marker-voyageurs { left: 530px; top: 72px; }
.map-marker-zion { left: 209px; top: 280px; }
.map-marker-yosemite { left: 106px; top: 245px; }
.map-marker-bandelier { left: 314px; top: 327px; }
.map-marker-canyonlands { left: 264px; top: 265px; }
.map-marker-deathValley { left: 140px; top: 285px; }
.map-marker-dinosaur { left: 284px; top: 223px; }
.map-marker-glacier { left: 240px; top: 43px; }
.map-marker-denali { left: 82px; top: 490px; }
.map-marker-haleakala { left: 282px; top: 499px; }
.map-marker-royale { left: 587px; top: 77px; }
.map-marker-grandCanyon { left: 217px; top: 304px; }
.map-marker-sandDunes { left: 330px; top: 286px; }
.map-marker-lewisClark { left: 486px; top: 223px; }
.map-marker-shenandoah { left: 769px; top: 254px; }
.map-marker-tallgrass { left: 477px; top: 281px; }
.map-marker-whiteSands { left: 307px; top: 389px; }
.map-marker-info { display: none; left: 50%; position: absolute; bottom: 0; -webkit-transform: translate(-54%, -24px); transform: translate(-50%, -24px); width: 15em; z-index: 999; }
.map-marker-info header { background: #153A1D; /* Old browsers */ background: -moz-linear-gradient(top, #5e7c48 1%, #153a1d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5e7c48 1%, #153a1d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5e7c48 1%, #153a1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e7c48', endColorstr='#153a1d',GradientType=0 ); /* IE6-9 */ border-radius: .5em .5em .5em .5em; color: #fff; padding: .5em 1em; }
.map-marker-info main { background-color: #fff; border-radius: 0 0 .5em .5em; color: #383838; padding: .5em 1em; }
.map-marker-info h2 { margin-bottom: 0; text-align: center; }
.map-marker-info-inner { border-radius: .5em; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3); font-size: .875em; }
.map-marker-info-inner:after { border-left: .75em solid transparent; border-right: .75em solid transparent; border-top: 1em solid #153A1D; content: ''; height: 0; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); width: 0; }