/* outmost wrapper element */
div.scrollable {
    width:591px !important;
	height:460px;
	float:left;
}


div.scrollable div.items {
	height:460px !important;
    overflow: hidden; 
}

div.items span {
    position:relative;
    padding-top:25px;
    display: block;
 }

 div.items span em {
    position:absolute;
    z-index: 100;
    bottom: 25px;
    left:25px;
    font: normal 14px Helvetica, Trebuchet MS, sans-serif;
    color: #fff
 }

div.items a, div.noitems a {
	display:block;
	width:591px;
	height:353px;
     background: url(/i/portfolio_thumb_big.png) no-repeat;
	text-decoration:none;
	cursor:pointer;
     overflow: hidden;
     position: relative;
     z-index: 1

}

div.items a img, div.noitems a img {



}


div.item {
    width:591px;
	height:347px;

}

div.items a:hover, div.noitems a:hover {
	color:#999;	
}

div.item a:hover {
	color:#ccc;	
}

div.items a.active, div.noitems a.active {

}

a.prev, a.next {
	background:url(left.png) no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:22px 0 0 0;
	cursor:pointer;
}

a.next {
	background-image:url(right.png)
}

a.prev:hover {
	background-position:0 -18px;
}

a.next:hover {
	background-position:0 -18px;
}

div.navi {
	position:absolute;
	top:29px;
	right:-22px;
	width:12px;
}

/* items inside navigator */
div.navi span {
	width:12px;
	height:13px;
    overflow: hidden;
    display: block;
	margin:0 0 4px 0;
	background:#4d5360 url(/i/dots.png) 0 0 no-repeat;
	cursor:pointer;
}

div.navi span:hover {
    background:#cfd0cf url(/i/dots.png) 0 -13px no-repeat;

}

div.navi span.active {
	background:#cfd0cf url(/i/dots.png) 0 -26px no-repeat;
}