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

* { margin: 0; padding: 0; }

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
#map_canvas { width: 100%; height: 600px; width: 500px; float: left; margin-bottom: 140px; position: relative; z-index: 30 !important; }
#locations { list-style: none; width: 180px; float: left;  }
#locations li { padding: 0px; width: 180px; float: left; position: relative; z-index: 20; }
#locations h3 { padding: 0px; font-family: Arial; font-size: 12px; margin: 0px;}
#locations li:hover, #locations li.hover { background: #ffe8b2 url(../images/shadow.png) 128px 0 repeat-y; }
#locations li:hover h3, #locations li.hover h3 { color: red; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }
#more-info h2{ font-size: 14px; padding: 0px; margin: 0 0 10px;}
#more-info { width: 290px; float: right; background: #ffe8b2; padding: 0px; }
#more-info * { position: relative; z-index: 40; font-family: Verdana; font-size: 12px; }
#more-info > div { background: #FFE8B2; padding: 10px;  }
.longdesc { display: none; }