/* define background image for the expose mask */
#mask {
	background:#123;
	background-position:50% -200px;
}

/* general settings for both scrollables */
div.items {	
	width:20000em;	
	position:absolute;
	clear:both;
}

/* next/prev buttons */
div.navi {
	background-image:url(../img/work/slideshow/navigation.jpg);
	width:45px;
	height:42px;
	position:absolute;
	margin-top:170px;
}
div.prevPage {left:-45px;}
div.nextPage {right:-45px;}

div.navi:hover  			{ background-position:-45px 0; }
div.navi:active  			{ background-position:-90px 0; }
div.prevPage.disabled {	background-position:-135px 0; }
div.nextPage 					{ background-position: 0 -42px; clear:right; }
div.nextPage:hover 		{ background-position:-45px -42px; }
div.nextPage:active { background-position:-90px -42px; } 
div.nextPage.disabled {	background-position:-135px -42px; }


/* the thumbnail scrollable */
#thumbnails {
	position:relative;
	overflow:hidden;	 	
	float:left;	
	width: 950px;	
	height:340px;
	background:#FFF;
	margin:0px;
	border:none;
}

#thumbnails div.items .trigger {
	float:left;
	height:340px;
	margin-right:17px;
	padding:0;
	width:225px;
}