/*#guide-wrapper {*/
/*	width: 800px;*/
/*	height: 600px;*/
/*	border: 1px solid red;*/
/*}*/

h5 {
	color: #FFFFFF;
	font-family: "Arial Black", arial,sans-serif; 
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 11px 5px;
}

.descText {
	color: #FFFFFF;
	font-family: "Arial Black", arial,sans-serif; 
	font-size: 8pt;
	font-weight: bold;
	/* text-align: center; */
	margin: 15px  15px 10px;
}

.ctaText {
	color: #FFFFFF;
	font-family: "Arial Black", arial,sans-serif; 
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	margin: 12px 10px 10px;
}

#guideDesc {
	height: 50px;
	width: auto;
	top: 40px;
	/*left: 50px;*/
	position: relative;
}
#oceanDesc {
	height: 50px;
	width: auto;
	top: 40px;
	/*left: 50px;*/
	position: relative;
}


#leftWrapper {
	height: 450px;
	left: 310px;
	position: absolute;
	top: 122px;
	/*border: 1px solid;*/
	width: 330px;
    }
    
#rightWrapper {
	height: 450px;
	left: 668px;
	position: absolute;
	top: 122px;
	/*border: 1px solid;*/
	width: 330px;
}
    
#ctaWrapper {
	width: 685px;
	height: 40px;
	left: 310px;
	position: absolute;
	top: 605px;
	cursor: pointer;
	/*border: 1px solid;*/
}
#guideLink {
	position: relative;
	top: 10px;
	left: 100px;
}

#oceanLink {
	position: relative;
	top: 10px;
	left: 100px;
}

.educationContainerGlow {
	width: 330px;
	height: 455px;
	/*left: 310px;*/
	/*top: 122px;*/
	background-color: #FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
	opacity: 0.15;
	position: absolute;	
}

.educationCTAContainerGlow {
	width: 686px;
	height: 60px;
	background-color: #FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
	opacity: 0.15;
	position: absolute;
	/*border: 1px dotted;*/
}

.educationImageOld {
	height: 291px;
	width: 225px;
	left: 50px;
	position: relative;
	
}

.educationImage {
	height: 261px;
	width: 214px;
	left: 58px;
	position: relative;
}

.educationContainer {
	width: 100px;
	height: 150px;	
	/*display: none;*/
}

.oceanContainer {
	/*position: absolute;*/
	/*left: 314px;*/
	/*top: 140px;*/
	width: 100px;
	height: 150px;	
	/*display: none;*/
}
.educationNav {
	width:659px;
	height:56px;
}

.educationNavButton {
	position:absolute;
}

.pos1 {
	left:0px;
}

.pos2 {
	left:223px;
}

.pos3 {
	left:445px;
}

.aboutContent {
	position:absolute;
	
	width:659px;
	height:378px;
	
}

#aboutStory {
	
}

#aboutCast {
	
}

#aboutCrew {
	
}

.contentColumn {
	width:312px;
	height:370px;
}

.movieImage {
	position:absolute;
}

.movieDesc {
	position:absolute;
	left:342px;
	color:white;
	line-height: 16pt;
}

.colTop {
	position:absolute;
	width:312px;
	height:296px;
	
}

.columnTopLeft {
	font-family: arial, helvetica, san-serif;
	font-weight: bold;
	font-size: 18pt;
	color: white;
}

.colLeftTitle {

}

.colLeftSubTitle {
	font-size: 12pt;
}

.colLeftImage {
	position:absolute;
	top:70px;
}

.columnTopRight {
	left:342px;
}

.columnBottom {
	position:absolute;
	top:325px;
	width:653px;	
	font-family: arial, helvetica, san-serif;
	font-size: 12pt;
	line-height: 16pt;
	color: white;
}

.listItemContainer {
	position:relative;
}

.listItem {
	position:relative;
	width: 276px;
	height:74px;
	font-family: arial, helvetica, san-serif;
	font-weight: bold;
	font-size: 16pt;
	color: white;
	cursor:pointer;
}

.listItemImage {
	position:absolute;
	top:8px;
	left:8px;
}

.listItemTitle {
	position:absolute;
	left:80px;
	top:15px;
}

.listItemSubTitle {
	position:absolute;
	left:80px;
	top:40px;
	font-size: 12pt;	
}

.comingSoonText {
	width: 208px;
	height: 20px;
	top: 34px;
	color: #FFF;
	font-family: arial, sans-serif;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	position: absolute;
}

#comingSoonTextCast {
	left: 223px;
}

#comingSoonTextCrew {
	left: 445px;
}

.scrollbarStyles { width: 312px; clear: both; margin: 0px 0 10px; }
.scrollbarStyles .viewport { width: 292px; height: 370px; overflow: hidden; position: relative; }
.scrollbarStyles .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbarStyles .scrollbar{ background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/about_track_top.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }
.scrollbarStyles .track { background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/about_track_bottom.png) no-repeat 0 100%; height: 100%; width:18px; position: relative; margin-top:0px;}
.scrollbarStyles .thumb { background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/grid_view_thumb.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; *cursor: hand; overflow: hidden; position: absolute; top: 0; left: -4px; }
.scrollbarStyles .thumb .end { background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/grid_view_thumb.png) no-repeat 50% 0; overflow: hidden; height: 5px; top:-5px; width: 25px; }
.scrollbarStyles .disable { display: none; }

#scrollbar2 .viewport { width: 292px; height: 296px; overflow: hidden; position: relative; }
#scrollbar2 .scrollbar{ background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/about_track_top_med.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }

#scrollbar3 { width: 653px; clear: both; margin: 0px 0 10px; }
#scrollbar3 .viewport { width: 633px; height: 160px; overflow: hidden; position: relative; }
#scrollbar3 .scrollbar{ background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/about_track_top_small.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }

#scrollbar4 .viewport { width: 292px; height: 296px; overflow: hidden; position: relative; }
#scrollbar4 .scrollbar{ background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/about_track_top_med.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }

#scrollbar5 { width: 653px; clear: both; margin: 0px 0 10px; }
#scrollbar5 .viewport { width: 633px; height: 160px; overflow: hidden; position: relative; }
#scrollbar5 .scrollbar{ background: transparent url(http://cdn.dolimg.com/franchise/finding-nemo/img/grid_view/about_track_top_small.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }