/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.work-scroller {

	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width:820px;
	height:100px;	
	margin:0 auto;
	
}

div.work-scroller div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;
	overflow:hidden;		
}

/* single scrollable item */
div.work-scroller div.item {
	float:left;
	/* custom decoration */
	width  : 136.66px;
	height : 100px;
}

	div.work-scroller div.item > div.container{
		position : relative;
		padding  : 10px;
	}
	
		div.work-scroller div.item > div.container img{
			border : 1px solid #C0C0C0;
			padding : 2px;
		}
		
		div.work-scroller div.item > div.container img.lupa{
			position : absolute;
			bottom   : 11px;
			right    : 15.5px;
			border   : none;
			display  : none;
		}
		
div.body div.controls{
	padding : 30px 15px 15px 15px;
}

/* prev, next, prevPage and nextPage buttons */
a#prev {
	display    : block;
	width      : 29px;
	height     : 26.5px;
	background : url('../images/scroll_left.png') no-repeat;
	
}

/* mouseover state */
a#prev:hover, a#next:hover {
	background-position:0px -27px;		
}

/* disabled navigational button */


/* next button uses another background image */
a#next {
	display    : block;
	width      : 29px;
	height     : 26.5px;
	background : url('../images/scroll_right.png') no-repeat;
	
}