* { font-size: 1em; }
html,body {	font-size: 100%; width: 100%; height: 100%; margin: 0; padding: 0; }
body { font: 65%/1.2 Verdana, Arial, sans-serif; background: #E0D0C0 url(/!images/mp/hb_background_tile.jpg) repeat-x top center; color: #FFF; min-height: 572px; }
.shim { float: left; width: 100%; margin-top: -286px; height: 50%; }
#immersiveTour { clear: left; width: 964px; height: 572px; margin: 0 auto; background: #227B8B url(/!images/it/hb_interactive_tour_bg.gif) no-repeat 0 0; position: relative; z-index: 1; }

img { border: 0 none; }

a { font-weight: bold; }
a:link { color: #FBE669; text-decoration: underline; }
a:visited { color: #FBE669; text-decoration: none; }
a:hover{ color: #fff; }

.ir { display: block; height/**/:/**/0!important; overflow: hidden; }

#immersiveTour h1 { margin: 0; }
#immersiveTour h1 .ir { width: 380px; height: 115px; padding-top: 115px; }

#itToolbar { position: absolute; top: 0; right: 0; padding: 2px 15px; height: 27px; line-height: 20px; text-align: right; margin:0; z-index: 1; }
#itToolbar li { display: inline; margin:0; padding:0; }
#itMain { width: 555px; left: 390px; top: 27px; position: absolute; z-index: 1; }

#itToolbar span, #itAreas span { background: #145D88; border: 1px solid #B7D0E4; outline: 1px solid #145D88;  margin-right: .5em; color: #FBE669; line-height: 1; padding: 0 2px;font-weight: bold; }

#itMedia { width: 555px; height: 240px;  margin-bottom: 10px; background: #000; }
#itMedia img { width: 100%; height: 100%; }
#itMedia iframe { width: 100%; height: 100%; border: 0 none; }
#itDesc { background: #fff; color: #062745; font-size: 1.2em; padding: 2px 10px; overflow: auto; overflow-x: hidden; height: 65px; border: 1px solid #000; }
#itDesc h2 { margin: 5px 0 2px; font-size: 1.1em; }
#itDesc p { margin: 0; padding: 5px 0; }


#itThumbs { list-style: none; margin: 10px 0; padding: 0; }
#itThumbs li { list-style: none; float: left; text-align: center; margin-right: 10px; display: inline; margin-bottom: 20px; }
#itThumbs a { display: block; }

#itThumbs img { display: block; height: 82px; width: 82px; }
#itThumbs a span { position: absolute; z-index: -1; width: 80px; display: block; text-align: center; font-weight: bold; text-decoration: none;  }

#itLegend { margin-left: 20px; width: 344px; }
#itMap { /*border: 1px solid #000; overflow: auto; overflow-x: hidden;*/ height: 327px;  }
#itAreas { list-style: none; color: #FBE669; font-weight: bold; margin: 5px 0 0 35px; padding: 0; }
#itAreas li { float: left; width: 49%; padding: 5px 0; }