/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/



#page-wrap { width: 960px; margin: 60px auto; }
#map_canvas { width: 100%; height: 40rem; width: 100%; float: left; position: relative; z-index: 30 !important; }
#locations {position: absolute; z-index: 50;}


#locations { list-style: none; float: left; margin-top: 8rem; cursor: pointer;}
#locations h2 { margin: 0 }
#locations li { color: #163851; padding: 1.2rem; position: relative; z-index: 20; text-align: center; background-color: #e0e0e0; border-bottom: 1px solid #d0d0d0;}
#locations li:hover, #locations li.hover { background: #163851}
#locations li:hover h2, #locations li.hover h2 { color: #fff }


#content { width: 300px; }
.longdesc { display: none; }

@media screen and (max-width: 750px) {
	#locations {
		margin-top: 26rem
	}
}