#viewer {
	width:800px;
	height:563px;
	margin:0 auto;
}
#panels {
	width:375px;
	height:563px;
	overflow:hidden;
	position:relative;
	float:right;
}
#course {
	float:left;
	width:390px;
	height:750px;
}
#slider {
	width:6750px;
	height:563px;
}
#slider div {
	float:left;
	position:relative;
}
#slider .desc {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font:12px "Trebuchet MS";
	line-height:1.3em;
	margin:0;
	width:90%;
	padding:5px 5% 10px;
	background:url(viewerbg.png);
	clear:both;
}
#slider .thumbs {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	font:13px "Trebuchet MS";
	margin:0;
	padding:4px;
	width:100%;
	height:100px;
	background:url(viewerbg.png);
}
#slider .thumbs img {
	border:5px solid #CCC;
	display:block;
	margin:6px;
	float:left;
	width:100px;
	height:75px;
}
#slider .thumbs img:hover {
	border:5px solid #fff;
}