#main-viewer {
	width: 835px;
	margin-top:23px;
	display: block;
	overflow: hidden;
	position: relative;
	background: url(../img/ui/main-viewer-bg.gif) no-repeat 0 0;
}

#main-viewer img {
	cursor: pointer;
	display: block;
	border: 1px solid #b3b1b1;
}
#thumbs span.loader {
	position: relative;
	display: block;
	top: 0;
	height: 0;
	width: 0;
	left: 0;
	background: url(../img/ui/load_bg.png) no-repeat 50% 50%;
}
#thumbs span.loader span {
	text-indent: -9999px;
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
	background: url(../img/ui/loader.gif) no-repeat 50% 50%;
	position: relative;
}
a.curr img { border: 1px solid #74cdaa !important; }

#project-desc {
	width: 287px;
	height: 55px;
	display: block;
	float: left;
}
#project-nav {
	width: 536px;
	height: 55px;
	float: left;
}
ul#thumbs {
	height: 55px;
	float: right;
	margin-right:10px;
}
li.thumb {
	float: left;
	display: block;
	margin: 6px 0 0 17px;
}
li.thumb img {
	border: 1px solid #b3b1b1;
}
li.thumb img:hover {
	border: 1px solid #74cdaa;
}

li.thumb a{
	color:#ffffff;
}

.br {
	margin: 7px 0 0 0;
	float:left;
}
.desc-hold {
	display: block;
	height: 150px;
	width: auto;	
}
p.desc-left, p.desc-right {
	color: #666151;
	height: 100px;
	font-size: 11px;
	line-height: 1.5em;
	width: 288px;
	float:left;
	margin-top: 10px;
}
p.desc-left {
	margin-right: 42px;
}
#launch a {
	height: 22px;
	display: block;
	float: left;
	overflow: hidden;
	outline: none;
	margin: 10px 10px 0 0;
	text-indent: -9999px;
	background: url(/src/img/ui/launch_icon.png) no-repeat 0 0;
}
#launch a { width: 112px; }
	#launch a:hover { background-position: 0 -22px;}

#process a {
	height: 22px;
	display: block;
	float: left;
	overflow: hidden;
	outline: none;
	margin: 10px 0 0 0;
	text-indent: -9999px;
	background: url(/src/img/ui/view_process.png) no-repeat 0 0;
}
#process a { width: 112px; }
	#process a:hover { background-position: 0 -22px;}