/* ----- STORY ----- */
#storyMainContent {
	display: none;
	opacity: 0;
	overflow: hidden;
}

/*.story-close {
	position: absolute;
	top: 100px;
	right: 50px;
	width: 36px;
	height: 36px;
	background: url(../images/shared/shared_closebtn.png) top center no-repeat;
	cursor: pointer;
}*/

.story-content-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1544px;
	height: 100%;
}
/*
#storyParallaxBackgroundLayer1 {
	width: 1544px;
	height: 643px;
	top: 0;
	left: 0;
}

.story-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#storyParallaxBackgroundLayer2 {
	top: 476px;
	left: 450px;
	width: 82px;
	height: 167px;
}

.story-person-with-hat {
	position: absolute;
	top: 0;
	left: 0;
	width: 82px;
	height: 167px;
}

#storyParallaxBackgroundLayer3 {
	top: 0px;
	left: 370px;
	width: 456px;
	height: 403px;
}

.story-balloon {
	position: absolute;
	top: 0;
	left: 0;
	width: 456px;
	height: 403px;
}
*/
.story-content {
	position: absolute;
	top: 135px;
	left: 300px;
	width: 688px;
	height: 421px;
	padding: 0;
	background: url(../images/story/info_box.png) top center no-repeat;
	color: #9f9c8e;
}

.story-header {
	position: relative;
	padding-top: 20px;
	padding-left: 45px;
	font-size: 42px;
	line-height: 42px;
	color: #ffffff;
}

#storyText { position: relative; padding-left: 45px; width: 630px; margin: 15px 0 10px 0px; }
#storyText .viewport { font-size:14px; line-height: 20px; width: 630px; height: 320px; overflow: hidden; position: relative; }
#storyText .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; margin-right: 40px; }
#storyText .scrollbar{ background: transparent url(../images/story/info_box_scroller.png) no-repeat 0 0; position: absolute; background-position: 0 0; float: right; width: 40px; right: 0; }
#storyText .track { background: transparent no-repeat 0 100%; height: 100%; width:40px; position: relative; padding: 0 1px; }
#storyText .thumb { background: transparent url(../images/story/info_box_scrollerbar.png) no-repeat 50% 100%; height: 40px; width: 40px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#storyText .thumb .end { background: transparent no-repeat 50% 0; overflow: hidden; height: 5px; width: 40px; }
#storyText .disable { display: none; }