#project-thumbs {
	position:relative;
	width:304px;
	height:34px;
	margin:20px auto;
	padding:0 20px;
	overflow:hidden;
}

#project-thumbs.empty {
	visibility:hidden;
}
 
#project-thumbs .wrapper {
	width:304px;
	overflow:hidden;
	height:34px;
	position:absolute;
	top:0;
}

#project-thumbs .wrapper.empty {
	background-color:#666;
}

 
#project-thumbs .wrapper ul {
	width: 840px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
}
 
#project-thumbs ul li {
	display:block;
	width:49px;
	height:34px;
	float:left;
	padding:0 2px 0 0;
}
 
#project-thumbs ul li a img {
  display:block;
  border:2px solid #FFF;
}

#project-thumbs ul li a img.selected {
	border:2px solid #FC6;
}
 
#project-thumbs .arrow {
	display: block;
	height: 34px;
	width: 18px;
	background: url(../img/web/carousel-arrows.png) no-repeat 0 0;
	text-indent:-999px;
	position: absolute;
	top:0;
	cursor: pointer;
	outline:0;
}

#project-thumbs .back {
	background-position:0 0;
	left:0;
}

#project-thumbs .forward {
	background-position:-18px 0;
	right:0;
}

#project-thumbs .back:hover {
	background-position:-36px 0;
}

#project-thumbs .forward:hover {
	background-position:-54px 0;
}