/*-------------------------------------------
  Virtual Tour
-------------------------------------------*/
  #overlay { background-color: #000; opacity: 0.2; filter:alpha(opacity=20); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
  #alert { background: url(../images/feature_bg.png); -moz-box-shadow: 4px 4px 4px #333; -webkit-box-shadow: 4px 4px 4px #333; box-shadow: 4px 4px 4px #333; color: #fff; height: 160px; left: 35%; padding: 35px 20px 20px 20px; position: absolute; top: 235px; width: 300px; z-index: 10000; }
  #alert h2 { color: #fff; font-size: 18px; font-weight: normal; line-height: 1.2; margin: 0 0 10px 0; }
  #alert p { color: #d5d5d5; font-size: 13px; line-height: 1.3; margin: 0 0 10px 0; }
  #alert p a { color: #fff; }
  
	html, body { overflow-x: hidden; }
	#header { height: 28px; }
	#main_nav { height: 28px; width: 600px; }
	#main_nav li { display: block; float: left; margin-right: 15px; }
	#main_nav li a { color: #565750; display: block; float: left; font-size: 14px; height: 28px; line-height: 28px; }
	#top_nav { left: 600px; right: auto; top: 0; }
	#top_nav li { display: inline; float: none; }
	#top_nav li a { height: 28px; line-height: 28px; }
	
	#wrapper { background: url(../images/vt/virtual_tour_bg.png) repeat-x; padding: 10px 0; height: 617px; }
	#content { height: 100%; margin: 0 auto; position: relative; }

	#vt_logo { float: left; margin: 0 10px 0 0; }
	#vt_nav { float: left; height: 44px; }
	#vt_nav li { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px 4px 0 0; display: block; float: left; margin: 0 15px; padding: 0 0 10px 0; }
	#vt_nav a { color: #2E2C29; display: block; float: left; font-size: 18px; height: 34px; line-height: 34px; padding: 0 10px; }
	#vt_nav a:hover, #vt_nav a.selected { background-color: #565750; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; }
	#vt_nav li.selected a { color: #fff; }
	#vt_nav li.selected a:hover { background-color: transparent; }
	#vt_nav li.selected { background: #565750 url(../images/vt/selected_arrow.png) no-repeat center 30px; }
	
	#panels { height: 520px; left: 0; position: absolute; top: 44px; width: 20000px; }
	#panels .even { background: #32342B; }
	#panels .odd { background: #7E7765; }

	#panels .even .room_nav .header p { background-color: #32342B; }
	#panels .odd .room_nav .header p { background-color: #7E7765; }
	
	.panel { background: url(../images/vt/panel_bg.png) repeat-x; -moz-box-shadow: 4px 4px 4px #ccc; -webkit-box-shadow: 4px 4px 4px #ccc; box-shadow: 4px 4px 4px #ccc; color: #fff; float: left; height: 490px; margin: 0 10px 0 0; overflow: hidden; padding: 10px; width: 930px; }
	.panel h2 { color: #fff; font-size: 42px; margin: 0 0 10px 0; }
	
	.left_column { float: left; width: 530px; }
	.right_column { float: right; margin: 0 10px 0 0; width: 352px; }
	.right_column p { color: #fff; font-size: 13px; line-height: 1.3; margin: 0 0 15px 0; }
	.scrollbar { height: 275px; overflow: hidden; position: relative; }
	.ui-scrollbar { position: absolute; z-index: 10; }
	/* .ui-scrollable  */.ui-scrollbar-contents { padding: 0 18px 20px 0; }
	.ui-scrollbar-vertical { height: 100%; right: 0; top: 0; width: 8px; }
	.ui-scrollbar-vertical .ui-scrollbar-track { background-color: #555; font-size: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	.odd .ui-scrollbar-vertical .ui-scrollbar-track { background-color: #9e998b; }
	.ui-scrollbar-vertical .ui-scrollbar-handle { background-color: #fff; cursor: pointer; left: 0; position: absolute; top: 0; width: 100%; }
		
	/* Interior map */
	#interior_map { float: right; height: 510px; width: 700px; }
	#rooms_overview { height: 510px; padding: 0; width: 950px; }
	#rooms_overview ul.rooms { margin-top: 15px; margin-left: 15px; }
	#rooms_overview ul.rooms { margin: 15px 0 0 15px; width: 214px; }
	#rooms_overview ul.rooms li { display: block; }
	#rooms_overview ul.rooms li a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: block; font-size: 11px; line-height: 1.3; padding: 8px 10px; text-transform: uppercase; }
	#rooms_overview ul.rooms li a:hover, #rooms_overview ul.rooms li a.hover, #rooms_overview ul.rooms li a.selected { background-color: #3a8575; }
	
	.room_nav { border-bottom: 1px solid #3c3d35; height: 65px; margin: 10px 0 20px 0; padding: 15px 0 0 0; position: relative; }
	.odd .room_nav { border-bottom: 1px solid #847e6c; }
	.room_nav .header { border-top: 1px solid #3c3d35; font-size: 14px; height: 20px; line-height: 20px; text-align: center; }
	.odd .room_nav .header { border-top: 1px solid #847e6c; }
	.room_nav .header p { font-size: 14px; height: 20px; line-height: 24px; margin: -10px auto 0 auto; padding: 0 10px; width: 100px; }
	.room_nav span { display: block; float: left; margin: 0 5px; }
	.room_nav ul { margin: 5px 0 0 0; }
	.room_nav li { display: block; float: left; font-size: 11px; height: 27px; margin: 0 3px 0 0; position: relative; }
	.room_nav .tooltip { background: #32342B url(../images/vt/room_block_tooltip.png) no-repeat; height: 45px; left: 0; position: absolute; top: -5px; width: 354px; z-index: 100; zoom: 1; }
	.odd .room_nav .tooltip { background-color: #7E7765; }
	.room_nav .tooltip p { font-size: 14px; padding: 10px 0 0 10px; }
	.room_nav .tooltip .point { background: url(../images/vt/room_block_tooltip_point.png) no-repeat 10px 35px; height: 100%; width: 100%; }
	.room_nav li.selected { background: url(../images/vt/room_block_arrow.png) no-repeat 4px 8px; }
	.room_nav li a { background-color: #555; display: block; float: left; font-size: 0; height: 8px; width: 30px; }
	.odd .room_nav li a { background-color: #9e998b; }
	.room_nav li span { bottom: 0; left: 0; margin: 0; position: absolute; }
	.room_nav li a:hover, #panels .odd .room_nav li a:hover { background: #3a8575; }
	.room_nav li.selected a, #panels .odd .room_nav li.selected a { background: #fff; }
	.previous { background: url(../images/vt/previous_next.png) no-repeat left top; display: block; float: left; font-size: 0; height: 15px; margin-top: 2px; width: 15px; }
	.next { background: url(../images/vt/previous_next.png) no-repeat right top; display: block; float: left; font-size: 0; height: 15px; margin-top: 2px; width: 15px; }
	.odd .previous { background-position: left bottom; }
	.odd .next { background-position: right bottom; }
	
	.slideshow { height: 486px; position: relative; width: 530px; }
	.slideshow img { left: 0; position: absolute; top: 0; }
	.slideshow .bottom { background: url(../images/feature_bg.png); bottom: 0; height: 38px; left: 0; padding: 10px; position: absolute; width: 510px; }
	.slideshow .caption { color: #fff; font-size: 16px; }
	.slideshow .more { color: #3a8575; font-size: 11px; margin: 0 0 0 5px; }
	.slideshow .description { font-size: 13px; line-height: 1.3; margin: 5px 0; }
	.slideshow .controls { bottom: 10px; height: 8px; left: 10px; position: absolute; }
	.slideshow .controls li { display: block; float: left; margin: 0 3px 0 0; position: relative; }
	.slideshow .controls .thumb { background: url(../images/vt/thumb_overlay_bg.png) no-repeat; height: 125px; left: -48px; position: absolute; top: -130px; width: 138px; }
	.slideshow .controls .thumb img { margin: 10px 0 0 9px; }
	.slideshow .controls li a { background-color: #555555; display: block; float: left; font-size: 0; height: 8px; width: 30px; }
	.slideshow .controls li a:hover { background-color: #3a8575; }
	.slideshow .controls li a.selected { background-color: #B2B2B2; }
	
	/* Surrounding Areas */
	#surrounding_areas { height: 510px; padding: 0; width: 950px; }
	#map_poi { float: left; padding: 10px; width: 190px; }
	#map_poi h2 { font-size: 18px; margin: 15px 0 5px 0; }
	#map_poi .scrollbar { height: 384px; }
	#map_poi .pois { width: 171px; }
	#map_poi .pois li { display: block; margin: 0 0 2px 0; }
	#map_poi .pois li a { color: #fff; display: block; font-size: 11px; text-transform: uppercase; }
	#map_poi .pois li a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: block; font-size: 11px; line-height: 1.2; padding: 5px 5px 5px 10px; }
	#map_poi .pois li a:hover, #map_poi .pois li a.hover, #map_poi .pois li a.selected { background-color: #3a8575; }
	#map_poi .ui-dropdown { background: transparent; border: 1px solid #808080; height: 25px; margin: 15px 0; position: relative; width: 100%; }
	#map_poi .ui-dropdown a.ui-dropdown-selected { background: url(../images/vt/selected_arrow.png) no-repeat right center; display: block; color: #fff; font-size: 11px; height: 25px; line-height: 25px; margin: 0 5px; }
	#map_poi .ui-dropdown-visible { z-index: 1000; }
	#map_poi .ui-dropdown a { color: #5E4C4B; font-size: 11px; text-decoration: none; }
	#map_poi .ui-dropdown .ui-dropdown-options { background-color: #595951; border: 1px solid #808080; border-top: 0; left: -1px; list-style-image: none; margin: 0; max-height: 250px; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; top: 24px; width: 100%; }
	#map_poi .ui-dropdown .ui-dropdown-options li { margin: 0; padding: 0; width: 100%; }
	#map_poi .ui-dropdown .ui-dropdown-options a { color: #fff; display: block; font-style: normal; height: 21px; line-height: 21px; margin: 3px; padding: 0 5px; }
	#map_poi .ui-dropdown .ui-dropdown-options a:hover, #map_poi .ui-dropdown .ui-dropdown-options .ui-state-active { background-color: #eee; color: #333; text-decoration: none; }
	
	#map { float: left; height: 510px; position: relative; width: 740px; }
	#map_canvas { height: 100%; width: 100%; }
	.info_window { background-color: #32342B; -moz-box-shadow: 3px 3px 10px #333; height: auto; left: 195px; padding: 13px 11px; position: absolute; top: 200px; width: 328px; z-index: 999; }
	.info_window .close { background: url(../images/vt/info_window_close.png) no-repeat; display: block; height: 33px; left: -12px; position: absolute; top: -13px; width: 33px; }
	.info_window .block_left { margin-right: 12px; }
	.info_window .details { float: left; width: 180px; }
	.info_window h3 { font-size: 16px; font-weight: normal; line-height: 1.1; margin: 0 0 5px 0; }
	.info_window p { font-size: 12px; line-height: 16px; }
	.info_window p a { color: #fff; }
	.info_window p a:hover { text-decoration: underline; }
	.info_window .button { height: 22px; line-height: 22px; margin: 10px 0 0 0; padding: 0 8px; }
	.info_window .button:hover { background-color: #fff; color: #3F7FB1; }
	#info_window.no_image { left: 269px; width: 180px; }
	
	#park_info_window { width: 348px; }
	#park_info_window .details { float: none; width: auto; }
	
	/* Pan pacific park */
	#pan_pacific_park { height: 510px; padding: 0; width: 950px; }
	#park_map { background: url(../images/vt/pan_pacific_park_map.png) no-repeat right top; float: right; height: 510px; position: relative; width: 699px; }
	#markers .marker { background: url(../images/vt/marker_food.png) no-repeat; display: block; height: 27px; left: 100px; position: absolute; top: 100px; width: 25px; }
	#markers .public-amenties { background-image: url(../images/vt/marker_public-amenities.png); }
	#markers .recreation-facilities { background-image: url(../images/vt/marker_recreation-facilities.png); }
	#markers .points-of-interest { background-image: url(../images/vt/marker_points-of-interest.png); }
	#markers .points-of-access { background-image: url(../images/vt/marker_points-of-access.png); }
	#markers .marker:hover, #markers .hover, #markers .selected { background-image: url(../images/vt/marker_highlight.png); }