div#roll {
	margin:0;
	width:816px;
	position:relative;
}
#roll_arrow_left {
	position:absolute;
	left:-38px;
	top: 34px;
	z-index:1000; 
}
#roll_arrow_right {
	position:absolute;
	right:-38px;
	top: 34px;
	z-index:1000; 
}
.roll_item {
	width:816px;
	height:281px;
	position:relative;
	float:left;
}
.roll_item_shadow {
	position:absolute;
	top:0;
	left:0;
}
.roll_item_text {
	position:absolute;
	right:20px;
	bottom:20px;
	background-color: #5a7bb8;
}
/* root element for the whole scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 816px;
	height:281px;
}
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
}
/* single item */
#thumbs>div {
	float:left;
	width: 816px;
	height:281px;
	color:#fff;
	cursor:pointer;
}