/* overlay */
#horizon {
	color: white;
	background-color: transparent;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

.modal-bg  {
	background: transparent url(../images/overlay.png) repeat top left;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 50;
}

.modal-bg .modal {
	margin-left: -450px;
	position: absolute;
	top: -265px;
	left: 50%;
	width: 900px; 
	visibility: visible
}
.modal {height: 550px;}
.modal  #close-show { height: 20px; width: 20px; float: right; white-space: nowrap; }
.modal  #close-show .close { height: 20px; width: 20px; background: url(../images/close.png) no-repeat scroll 5px 2px transparent; display: block; }

/* sizing, layout, and background */
#slideshow * { margin: 0; padding: 0; position: static;}
#slideshow { width: 900px; clear: both; background: url(../images/bg-slide.png) repeat-x; position: static;}
#slide { height: 434px; width: 688px; float: left; z-index: 75; position: static;}
#slide-info { height: 434px; width: 212px; float: right; z-index: 100; position: static;}
#slide-info.has-info { background-color: rgba(5, 106, 129, 0.5); }
#slideshow-nav { width: 900px; height: 74px; clear: both; z-index: 100; position: static;}
#slideshow-footer {
	width: 888px;
	height: 30px;
	color: #000;
	text-align: left;
	padding: 5px;
	font-family: Trebuchet MS;
	font-size: 11px;
	line-height: 15px;
	border: 1px solid #0A2C49;
	border-top: none;
	background: #fff;
}

/* font sizes and colors */
#slide-info h1, #slide-info h2, #slide-info p, #slideshow-nav ol { color: #fff; font-family: Trebuchet MS; }
#slide-info h1, #slide-info h2, #slide-info p { text-shadow: 1px 1px 1px #000; }

/* slide info */
#slide-info h1, #slide-info p { margin: 10px 20px 10px 10px; }
#slide-info h1 { font-size: 22px; padding-bottom: 8px; background: url(../images/bg-slide-title.png) repeat-x scroll 0 bottom transparent; }
#slide-info h2 { font-size: 12px; font-weight: bold; color: #0dd1dd; margin-left: 12px; padding-top: 15px; }
#slide-info p { font-size: 13px; line-height: 15px; }

/* slideshow controls */
#slide-controls { height: 30px; width: 200px; top: 360px; position: absolute; }
#slide-controls #controls { height: 34px; margin-top: 40px; }
#slide-controls #controls a.prev { width: 30px; background: url(../images/prev.png) no-repeat; margin: 5px 0 0 63px; height: 19px; display: block; float: left; }
#slide-controls #controls a.next { background: url(../images/next.png) no-repeat; margin-top: 5px; height: 19px; width: 19px; display: block; float: left; }
#slide-controls #controls a.play { height: 30px; width: 30px; background: url(../images/play.png) no-repeat; padding: 0 5px; display: block; float: left; }
#slide-controls #controls a.pause { height: 30px; width: 30px; background: url(../images/pause.png) no-repeat; padding: 0 5px; display: block; float: left; }
#slide-controls #controls a.replay { height: 30px; width: 30px; background: url(../images/replay.png) no-repeat; padding: 0 5px; display: block; float: left; }
#slide-controls .advance { width: 212px; padding-top: 15px; font-family: Trebuchet MS; font-size: 12px; position: absolute; }
#slide-controls .advance p { margin: 10px 0 0 135px; font-size: 11px; }

/* slideshow navigation */
#slideshow #slideshow-nav * { color: #fff; text-decoration: none; line-height: 15px; list-style: none; }
#slideshow #slideshow-nav { background: #153F65; }
#slideshow #slideshow-nav #story-nav { height: 74px; overflow: hidden; margin-left: 0; }
#slideshow #slideshow-nav #story-nav li { height: 74px; float: left; }
#slideshow #slideshow-nav #story-nav > li {  width: 125px; }
#slideshow #slideshow-nav #story-nav li a {
	height: 51px;
	width: 105px;
	display: block;
	background: url(../images/bg-story-nav.png) no-repeat;
	padding: 23px 0 0 20px;
	font-family: Trebuchet MS;
	font-size: 14px;
	z-index: 10;
	position: relative;
}
#slideshow #slideshow-nav #story-nav li a:hover, #slideshow #slideshow-nav #story-nav li.current > a { background: url(../images/bg-story-nav-current.png) no-repeat; }
#slideshow #slideshow-nav #story-nav li.with-chapter > a { background: url(../images/bg-story-nav-current-with-chapter.png) no-repeat; }
#slideshow #slideshow-nav #story-nav .with-prev-story-perm { background: url(../images/bg-story-nav-current-with-prev-story.png) no-repeat; }
#slideshow #slideshow-nav #story-nav .with-prev-story  { background: url(../images/bg-story-nav-current-with-prev-story.png) no-repeat; }
#slideshow #slideshow-nav #story-nav .with-prev-story-hover  { background: url(../images/bg-story-nav-current-with-prev-story-hover.png) no-repeat !important; }
#slideshow #slideshow-nav #story-nav li.current > a { z-index: 25; }
#slideshow #slideshow-nav #story-nav .chapter-nav {
	height: 74px;
	width: 400px;
	background: url(../images/bg-chapter-nav.png) repeat-x;
	float: right;
	margin-top: -74px;
	overflow: hidden;
	z-index: 5;
	position: relative;
}
#slideshow #slideshow-nav #story-nav .chapter-nav li { height: 74px; float: left; }
#slideshow #slideshow-nav #story-nav .chapter-nav li a { padding-left: 0px; padding-top: 27px; height: 47px; border-right: 1px solid #0f4c7c; width: 45px; display: block; text-align: center; }
#slideshow #slideshow-nav #story-nav .chapter-nav li a:hover, #slideshow #slideshow-nav #story-nav .chapter-nav li a.current { background: url(../images/bg-chapter-nav-current.png) repeat-x; }
#slideshow #slideshow-nav #story-nav .current .chapter-nav { z-index: 15; }
#slideshow #slideshow-nav #story-nav > li > a { text-align: left; }