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

* {
	margin: 0;
	padding: 0;
}
body {
	font: 14px Georgia, serif;
	color: #222;
}
article, aside, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
#page-wrap {
	width: 960px;
	margin: 90px auto;
}
#map_canvas {
	width: 100%;
	height: 400px;
	width: 900px;
	position: relative;
	float: left;
	margin-top: 25px;
	margin-bottom: 20px;
}
h1 {
	margin: 0 0 15px 0;
	font: bold 48px Helvetica, Arial, Sans-Serif;
	letter-spacing: -2px;
}
h3 {
	font: bold 18px Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#locations {
	list-style: none;
	float: right;
}
#locations li {
	width: 280px;
	position: relative;
	padding-left: 20px;
	float: left;
}
#locations li:hover, #locations li.hover {
	background-color: #F2F2F2;
	background-repeat: repeat-y;
	background-position: 138px 0;
	color: #000;
}
#locations li:hover h3, #locations li.hover h3 {
	color: #000;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
}
#more-info {
	width: 340px;
	float: right;
	background: #ffe8b2;
	padding: 20px;
	height: 360px;
}
#more-info * {
	position: relative;
	z-index: 40;
}
#more-info > div {
	background: #e9e2bf;
	-moz-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
	-webkit-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
	padding: 20px;
	height: 320px;
}
.longdesc {
	display: none;
}