/* ::::: CSS For Treasures of Heaven by Fastspot. Modified for companion pages.
Source: http://dev.fastspot.com/clients/walters/object-display/site/css/master.css 
::::: */

/*-----------------------------------------------------------------------------------
  Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; /* background: transparent; */ }
  body { line-height: 1; }
  ol, ul { list-style: none; }
  :focus { outline: 0; }
  table { border-collapse: collapse; border-spacing: 0; }
  /* HTML5 INIT */
  header, nav, section, article, figure, aside, footer { display: block; }


/*---------------------------
  FONTS
---------------------------*/
	@font-face {
		font-family: 'WaltersGothicRegular';
		src: url('/exhibitions/treasures-of-heaven/fonts/waltersgothic-webfont.eot');
		src: local('?'), url('/exhibitions/treasures-of-heaven/fonts/waltersgothic-webfont.woff') format('woff'), url('/exhibitions/treasures-of-heaven/fonts/waltersgothic-webfont.ttf') format('truetype'), url('/exhibitions/treasures-of-heaven/fonts/waltersgothic-webfont.svg#webfontuNVVkGbv') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/*---------------------------
  Elements
---------------------------*/
	
	body { font-family: "Lucida Grande", "Lucida Sans", sans-serif; height: 100%; /*overflow: hidden;*/ 
		-webkit-user-select: none; -moz-user-select: none;
		cursor: default;
	}
	
	::-moz-selection { background-color: transparent; }
	::selection { background-color: transparent; }
	
	h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "WaltersGothicRegular", sans-serif; }


/*-------------------------------------------
  Global
-------------------------------------------*/
	.left { float: left; }
	.block_left { float: left; margin: 0 10px 10px 0; }
	.right { float: right; }
	.block_right { float: right; margin: 0 0 10px 10px; }
	.center { text-align: center; }
	.clear { clear: both; }
	.contain { overflow: hidden; }
	
	
/*-------------------------------------------
  Main
-------------------------------------------*/
	#preloader { display: none; }
	
	.main_logo { background: url('/exhibitions/treasures-of-heaven/img/logo_main.png') no-repeat center; top: 88%; display: block; height: 96px; left: 10px; position: absolute; text-indent: -99999px; width: 129px; z-index: 1; }
	
	h1.presentation_title { color: rgba(149, 133, 112, 0.9); font-size: 28px; left: 10px; line-height: 25px; position: absolute; text-transform: uppercase; top: 10px; width: 330px; z-index: 1; }
	h1 a, h1 a:visited { text-decoration:none; color: rgba(149, 133, 112, 0.9);}
	h1 a:hover {color:rgba(220, 80, 52, 0.9);}
	
	
	#presentations { padding: 50px 15px; }
	#presentations li { margin: 10px 0; text-transform: uppercase; }
	#presentations li h2 a { color: #928570; font-size: 22px; text-decoration: none; }
	#presentations li h2 a:hover { color: #333; }
	
	
	#content { height: 100%; position: relative; width: 100%; z-index: 2; }
	
	#content nav.display_options { position: absolute; right: 0px; top: 0; z-index: 100; }
	#content nav.display_options a, #content nav.display_options a:visited {
	color: #928570;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 1px 0 0;
	padding: 13px 18px;
	text-transform: uppercase;
	text-decoration:none;
	background-color: #eae8e3;
	background-position: 234;
}
	#content nav.display_options a:hover { background: rgba(149, 133, 112, 1); color: #fff; }
	#content nav.display_options a.selected { background: rgba(220, 80, 52, 0.9); color: #fff; }
	
	
/*-------------------------------------------
  Images/Slideshow
-------------------------------------------*/
	#content .slideshow { height: 500px; margin: 140px 0 0; position: absolute; overflow: hidden; top: 0; width: 100%; z-index: 1; }
	
	#content .slideshow span.btn { background-color: rgba(220, 80, 52, 0.9); background-position: center center; background-repeat: no-repeat; cursor: pointer; display: block; height: 280px; position: absolute; text-indent: -99999px; top: 60px; width: 40px; z-index: 5; }
	#content .slideshow span.btn:hover { background-color: rgba(220, 80, 52, 1); }
	#content .slideshow span.btn.prev { background-image: url(../images/btn_arrow_left.png); left: 0; }
	#content .slideshow span.btn.next { background-image: url(../images/btn_arrow_right.png); right: 0; }
	
	#content .slideshow .slides { left: 10px; position: absolute; top: 0; width: 10000px; }
	#content .slideshow .slides .slide { cursor: pointer; float: left; margin: 0 20px 0 0; width: 365px; }
	#content .slideshow .slides .slide strong { color: #938570; display: block; font-size: 14px; line-height: 17px; margin: 3px 0 0; }
	#content .slideshow .slides .slide span.load_image { background: #E9E7E2 url(../images/loading.gif) no-repeat center; border: 1px solid #E9E7E2; display: block; height: 400px; width: 365px; }
	#content .slideshow .slides .slide img {  }
	#content .slideshow .slides .slide:hover strong { color: #333; }
	#content .slideshow .slides .slide:hover img { border-color: #333; }
	
	
/*-------------------------------------------
  Map
-------------------------------------------*/
	#content .map_layer { background: #fff; height: 1000px; left: 0; position: absolute; overflow: hidden; top: 0; width: 100%; z-index: 1; }
	#gmap { height: 100%; width: 100%; }
	#content .map_layer nav.map_controls { background-color: rgba(220, 80, 52, 0.9); padding: 5px; position: absolute; top: -40px; z-index: 81; }
	#content .map_layer nav.map_controls span { background-color: none; color: #fff; display: block; float: left; font-size: 10px; letter-spacing: 1px; margin: 0; padding: 10px 14px; text-transform: uppercase; } 
	#content .map_layer nav.map_controls span.btn { background-position: center center; background-repeat: no-repeat; cursor: pointer; text-indent: -99999px; }
	#content .map_layer nav.map_controls span.btn:hover { background-color: rgba(220, 80, 52, 1); color: #fff; }
	
	#content .map_layer nav.map_controls span.btn.zoom_in { background-image: url(../images/btn_zoom_in.png); }
	#content .map_layer nav.map_controls span.btn.zoom_out { background-image: url(../images/btn_zoom_out.png); }
	
	
/*-------------------------------------------
  Object Details
-------------------------------------------*/
	#content .object_layer { background: #fff; height: 1000px; left: 0; position: absolute; overflow: hidden; top: 0; width: 100%; z-index: 75; }
	#content .object_layer aside.panel { height: 1%; left: -200px; position: absolute; top: 100px; width: 200px; z-index: 81; }
	#content .object_layer nav.controls { height: 35px; margin: 0 0 1px 0; }
	/*#content .object_layer nav.controls span { background-color: rgba(149, 133, 112, 0.9); color: #fff; cursor: pointer; display: block; float: left; font-size: 10px; height: 35px; line-height: 37px; margin: 0 1px 0 0; text-align: center; text-transform: uppercase; width: 74px; }
	#content .object_layer nav.controls span:hover { background-color: rgba(149, 133, 112, 1); }
	#content .object_layer nav.controls span.btn { background-position: center center; background-repeat: no-repeat; text-indent: -99999px; width: 62px; }
	#content .object_layer nav.controls span.btn.prev { background-image: url(../images/btn_arrow_left.png); }
	#content .object_layer nav.controls span.btn.next { background-image: url(../images/btn_arrow_right.png); margin: 0; }
	#content .object_layer nav.controls span.btn.disabled { background-image: none; cursor: default; }
	#content .object_layer nav.controls span.btn.disabled:hover { background-color: rgba(149, 133, 112, 0.9); }*/
	
	#content .object_layer .info { background-color: rgba(149, 133, 112, 0.9); padding: 20px 18px 25px; }
	#content .object_layer .info h3 { color: #fff; font-size: 16px; line-height: 16px; margin: 0 0 15px 0; text-transform: uppercase; }
	
	#content .object_layer .info .thumbnails { overflow: hidden; margin: 0 0 10px 0; }
	#content .object_layer .info .thumbnails span { background: #fff url(../images/loading_small.gif) no-repeat center; display: block; cursor: pointer; height: 85px; float: left; margin: 0 5px 5px 0; overflow: hidden; width: 77px; }
	#content .object_layer .info .thumbnails span img { float: left; width: 77px; }
	#content .object_layer .info .thumbnails span.selected { border: 1px solid #fff; height: 83px; width: 75px; }
	#content .object_layer .info .thumbnails span.selected img { margin: -1px; }
	
	#content .object_layer .info .links { border-top: 1px solid #ACA191; }
	#content .object_layer .info .links a { border-bottom: 1px solid #ACA191; color: #fff; cursor: pointer; display: block; font-size: 13px; padding: 6px 8px 8px; text-decoration:none; }
	#content .object_layer .info .links a:hover { background: #ACA191; }
	#content .object_layer .info .links a.selected { background: #fff; color: #333; }
	
/*	#content .object_layer .info .links a.audio { background: url(../images/btn_play.png) no-repeat 8px center; padding-left: 30px; }
	#content .object_layer .info .links a.audio:hover { background-color: #ACA191; }
	#content .object_layer .info .links a.audio.loading { background-image: url(../images/loading_small_dark.gif); }
	#content .object_layer .info .links a.audio.playing { background-image: url(../images/btn_pause.png); }*/
	
	
/*	#content .object_layer nav.viewer_controls { background-color: rgba(220, 80, 52, 0.9); padding: 5px; position: absolute; top: -40px; z-index: 81; }
	#content .object_layer nav.viewer_controls span { background-color: none; color: #fff; display: block; float: left; font-size: 10px; letter-spacing: 1px; margin: 0; padding: 10px 14px; text-transform: uppercase; } 
	#content .object_layer nav.viewer_controls span.btn { background-position: center center; background-repeat: no-repeat; cursor: pointer; text-indent: -99999px; }
	#content .object_layer nav.viewer_controls span.btn:hover { background-color: rgba(220, 80, 52, 1); color: #fff; }
	
	#content .object_layer nav.viewer_controls span.btn.zoom_in { background-image: url(../images/btn_zoom_in.png); }
	#content .object_layer nav.viewer_controls span.btn.zoom_out { background-image: url(../images/btn_zoom_out.png); }
	
	#content .object_layer nav.viewer_controls span.rotate { border-right: 1px solid rgba(220, 80, 52, 1); }
	#content .object_layer nav.viewer_controls span.btn.rotate_cw { background-image: url(../images/btn_rotate_cw.png); }
	#content .object_layer nav.viewer_controls span.btn.rotate_ccw { background-image: url(../images/btn_rotate_ccw.png); }
	
	#content .object_layer nav.viewer_controls.image span.label.rotate,
	#content .object_layer nav.viewer_controls.image span.btn.rotate_cw,
	#content .object_layer nav.viewer_controls.image span.btn.rotate_ccw { display: none; }
	
	#content .object_layer #fl_cover { background: url(../images/cover_bg.png) repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 79; }*/
	
	
	
/*-------------------------------------------
  Modal - Generic
-------------------------------------------*/
	#content .overlay { background: rgba(255, 255, 255, 0); position: absolute; width: 100%; z-index: 70; }
	#content .modal { background: #fff; padding: 0; overflow: hidden; position: absolute; top: 0; width: 695px; 
		-moz-box-shadow: 0 0 15px #333; 
		-webkit-box-shadow: 0 0 15px #333; 
		-o-box-shadow: 0 0 15px #333; 
		box-shadow: 0 0 15px #333;
	}
	#content .modal .close { background: url(../images/btn_close.png) no-repeat center; cursor: pointer; display: block; height: 26px; position: absolute; right: 15px; top: 15px; text-indent: -99999px; width: 26px; z-index: 71; }
	#content .modal .inner { height: auto; overflow: hidden; margin: 0 18px 0 20px; }
	#content .modal .jsp { padding: 50px 0; width: 629px; }
	
	
	h1, h2, h3, h4, h5, h6 {margin-bottom:-10px !important; padding-bottom:0px;}
	h1, h2 {letter-spacing:2px !important;}
	h3, h4, h5, h6 {letter-spacing:1px !important;}

	#content .modal h2 { color: #333; font-size: 28px; text-transform: uppercase; margin: 0 0 20px 20px; letter-spacing:2px; }
	#content .modal h3 { color: #333; font-size: 22px; text-transform: uppercase; margin: 0 0 20px 20px; }
	#content .modal p { color: #333; font-size: 13px; line-height: 18px; margin: 20px 0; padding: 0 20px; }
	#content .modal p a { color: #333; text-decoration: underline; }
	#content .modal p a:hover { color: #F6921C; }
	
	#content .modal.timeline { z-index: 71; }
	#content .modal.details { z-index: 90; }
	
	#content .modal iframe, .modal embed, .modal object { display: block; margin: 0 auto; max-width: 600px; }
	
	
/*-------------------------------------------
  Modal - Timeline
-------------------------------------------
	#content .modal.timeline h2 { margin: 0 0 35px 20px; }
	#content .modal.timeline ul { background: url(../images/bg_timeline_edge.png) repeat-y 23px 0; padding: 0 30px 0 20px; }
	#content .modal.timeline ul li { background: url(../images/bg_timeline_marker.png) no-repeat 0 5px; color: #191919; font-size: 13px; line-height: 18px; margin: 15px 0; overflow: hidden; padding: 0 0 0 15px; }
	#content .modal.timeline ul li span.date { background: #938570 url(../images/bg_timeline_carot.png) no-repeat top left; color: #fff; display: block; float: left; font-size: 11px; height: 18px; line-height: 18px; margin: 0 10px 0 0; padding: 0 5px 0 0; text-align: right; width: 77px; }
	#content .modal.timeline ul li span.event { display: block; float: left; overflow: hidden; width: 470px; }
	#content .modal.timeline ul li span.object_link { color: #F6921C; cursor: pointer; font-style: italic; }
	#content .modal.timeline ul li span.object_link:hover { color: #766394; }
	#content .modal.timeline ul li.object span.date { background-color: #F6921C; }
	
	#content .modal.timeline ul li.first { background: url(../images/bg_timeline_marker_first.png) no-repeat 0 0; }
	#content .modal.timeline ul li.last { background: url(../images/bg_timeline_marker_last.png) no-repeat 0 5px; }*/
	
	
/*-------------------------------------------
  Modal - Details
-------------------------------------------*/
	#content .modal.details {  }
	
	
/*-------------------------------------------
  Modal - iFrame
-------------------------------------------
	#content .overlay.dark { background: rgba(0, 0, 0, 0.75); position: absolute; width: 100%; z-index: 1000; }
	#content .modal.iframe { background: #000; padding: 0; z-index: 1001; 
		-moz-box-shadow: 0 0 30px #333; 
		-webkit-box-shadow: 0 0 30px #333; 
		-o-box-shadow: 0 0 30px #333; 
		box-shadow: 0 0 30px #333;
	}
	#content .modal.iframe iframe { max-width: 100%; width: 100%; }
	#content .modal.iframe .title { background: #000; color: #666; font-size: 12px; line-height: 20px; height: 20px; padding: 15px 20px; text-transform: uppercase; }
	#content .modal.iframe .close { right: 12px; top: 12px; }*/
	
	
/*-------------------------------------------
  No Flash
-------------------------------------------
	.no_flash h3 a { background: rgba(246, 136, 120, 0.9); color: #fff; display: block; font-size: 20px; margin: 300px auto; padding: 30px; text-decoration: none; text-transform: uppercase; width: 300px; }*/
	
	
/*-------------------------------------------
  Info Window
-------------------------------------------
	.gmap_info_window { background: #fff; position: absolute; z-index: 10000;
		-moz-box-shadow: 0 0 10px #333; 
		-webkit-box-shadow: 0 0 10px #333; 
		-o-box-shadow: 0 0 10px #333; 
		box-shadow: 0 0 10px #333;
	}
	.gmap_info_window div.content { padding: 20px; position: relative; width: 270px; }
	.gmap_info_window div.content div.inner { overflow: hidden; }
	.gmap_info_window span.close { background: url(../images/btn_close.png) no-repeat center; cursor: pointer; display: block; height: 26px; position: absolute; right: -13px; top: -13px; text-indent: -99999px; width: 26px; }
	
	.gmap_info_window h3 { font-family: "Lucida Grande", "Lucida Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 2px; }
	.gmap_info_window img.thumbnail { border: 1px solid #E9E7E2; float: left; margin: 0 10px 0 0; height: 85px; width: 77px; }
	.gmap_info_window p { color: #928570; font-size: 12px; line-height: 17px; }
	.gmap_info_window p a { color: #333; text-decoration: underline; }
	.gmap_info_window p a:hover { color: #F6921C; }
	.gmap_info_window span.object_link { color: #F6921C; cursor: pointer; font-style: italic; }
	.gmap_info_window span.object_link:hover { color: #766394; }	*/


/*-------------------------------------------
  Tooltip
-------------------------------------------
	#tooltip { position: absolute; z-index: 10000; }
	#tooltip .tooltip_content { background: #333; color: #fff; display: block; float: left; font-size: 11px; height: 18px; line-height: 18px; margin: 0 10px 0 0; padding: 0 5px; text-align: right; }
	#tooltip .tooltip_caret { background: url(../images/tooltip_caret.png) no-repeat left top; display: block; height: 18px; text-indent: -99999px; width: 11px; }*/

	
/*-------------------------------------------
  Scrollbar
-------------------------------------------
	.jScrollPaneContainer { position: relative; z-index: 1; }
	.jScrollPaneTrack { position: absolute; right: -23px; top: 0; height: 100%; }
	.jScrollPaneDrag { cursor: pointer; position: absolute; background: #666; overflow: hidden; z-index: 1; width: 6px !important;
		background: #EAE8E3; height: 100px; left: 2px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
	.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
	a.jScrollArrowUp { background: url(../images/scroll_btn_up.png) no-repeat top center; display: block; position: absolute; z-index: 1; top: 0; right: -23px; text-indent: -2000px; overflow: hidden; height: 10px; }
	a.jScrollArrowUp:hover {}
	a.jScrollArrowDown { background: url(../images/scroll_btn_down.png) no-repeat bottom center; display: block; position: absolute; z-index: 1; bottom: 0; right: -23px; text-indent: -2000px; overflow: hidden; height: 10px; }
	a.jScrollArrowDown:hover {}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}*/