.scrollable {
	position: relative;
	overflow: hidden;
	width: 820px;
	height: 400px;
/*	border: 1px solid red;*/
	float: left;
}

.scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;
}

#prev-project {
	position: relative;
	top: 190px;
	width: 28px;
	height: 28px;
	float: left;
	background: url('../img/project-prev-disabled-trans.png');
}

#prev-project:hover {
	background: url('../img/project-prev-trans.png');
}

#next-project {
	position: relative;
	top: 190px;
	width: 28px;
	height: 28px;
	float: left;
	background: url('../img/project-next-disabled-trans.png');
}

#next-project:hover {
	background: url('../img/project-next-trans.png');
}

#prev-project.disabled,
#next-project.disabled {
	visibility: hidden;
}

.scrollable .items .project-detail { 
    float: left; 
} 

.prev:hover,
.next:hover { 
	cursor: pointer;
}