@charset "utf-8";
/* CSS Document */
#wrapper{
	margin:0 auto;
	width:1000px;
}

#viewer
{
	text-align:center;
	float:right;
	width: 790px;
	height: 610px;
	background-color: rgba(0,0,0,0.5);	
}

.thumb
{
	filter:alpha(opacity=50);
	 -moz-opacity: 0.5;
	 opacity: 0.5;
 	-khtml-opacity: 0.5;
	cursor: pointer;
	margin-bottom: 5px;	
}
.thumb:hover{
	filter:alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0;
 -khtml-opacity: 1.0; 
}

#filmstrip_wrap
{
	float:left;
	width: 200px;
	height: 610px;	
	overflow: hidden;
}

#filmstrip
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.filmstrip_scroll
{
	position: absolute;
	height: 25px;
	background: #333;
	width: 200px;
	opacity: 0.5;
	letter-spacing: 5px;
	text-align: center;
	cursor: pointer;
}

.filmstrip_scroll:hover
{
	background: #000;	
	opacity: 0.88;
}

#fs_scroll_up
{
	top: 100px;
	background-image:url(../images/nav_arrows.png);
	z-index:20;
}

#fs_scroll_down
{
	bottom: 10px;
	background-image:url(../images/nav_arrows_down.png);
}

.filler
{
	width: 200px;
	height: 200px;	
	cursor: default !important;
}

#fv_pic{
	top:50%;
}

#loading
{
	position: absolute;
	width: 50px;
	height: 50px;
	display: none;
}