html,
body {
	background-color: #000;
}

html, body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
}

#wrapper {
	min-height: 750px; height:100%;
}

#fullscreenr {
	height: 100%;
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}

#player {
	position: absolute;
	z-index: 0;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	opacity: 0.3;
}


#navigator {
	position: fixed; top: 165px; left: 0; width: 265px; padding: 24px 10px 5px 10px;
	background-color: rgb(0, 0, 0); color: rgb(195, 195, 195); font-size: 11px;
}

	#navigator #handle {
		display: block; width: 24px; height: 24px; position: absolute; right: -24px; top: 0;
		background-color: #03ff03; background-position: 50% 50%; background-repeat: no-repeat;
		background-image: url(../images/icon_navigator_close.gif); cursor: pointer;
	}
	
	#navigator.close #handle {
		background-image: url(../images/icon_navigator_open.gif);
	}

	#navigator #handle.loading {
		background-image: url(../images/icon_navigator_loading.gif);
	}

	#navigator h1 {
		color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; margin-bottom: 0;
	}
	
	#navigator h2,
	#navigator h3 {
		color: rgb(255, 255, 255); font-weight: 400; font-size: 11px; margin-bottom: 0;
	}
	
	#navigator img {
		display: none;
	}
	
	#navigator .continue {
		font-style: italic; display: block; text-decoration: underline;
	}
	
	#navigator .nav {
		display: block; position: absolute; top: 0; left: 0; width: 285px;
		height: 23px; border-bottom: 1px solid #595959;
	}
	
	#navigator .nav a {
		display: block; position: absolute; height: 23px; line-height: 23px; overflow: hidden;
		text-transform: uppercase; color: rgb(255, 255, 255); font-size: 10px; letter-spacing: 0.05em;
	}
	
	#navigator .nav a:hover {
		text-decoration: none; color: #03ff03;
	}

	#navigator .prev {
		top: 0; left: 0; width: 125px; padding-left: 20px; background: transparent url(../images/icon_sprite_navigator_prev.gif) 10px 0 no-repeat;
		border-right: 1px solid #595959;
	}
	
	#navigator .prev:hover {
		background-position: 10px -24px;
	}
	
	#navigator .next {
		top: 0; right: 0; width: 120px; padding-right: 20px; background: transparent url(../images/icon_sprite_navigator_next.gif) 125px 0 no-repeat;
		text-align: right;
	}
	
	#navigator .next:hover {
		background-position: 125px -24px;
	}
	
	#navigator .full_focus {
		text-transform: uppercase;
	}
	
		#navigator .full_focus strong {
			font-weight: 400;
			color: #03FF03;
		}