#casestudies .items { overflow:hidden; height:169px; position:relative; }
#cs { width:2000px; position:relative; left:-236px; }
#cs li { display:inline; float:left; width:236px; height:169px; }
		
.casestudies-page-title {
	width:750px;
	float:right;
	padding:25px 20px 0;
}
.casestudies-page-title h1 {
	color: #8BC249;
    font: bold 22px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#casestudies-wrap {
	width:712px;
	float:left;
	overflow:hidden;
	padding:0 34px 0 44px;
}
#casestudies {
	border:1px solid #ebebea;
	padding:1px;
	width:708px;
	height:169px;
	position:relative;
}
#casestudies .prev {
	background:url('../img/casestudies-prev.png') 0 0 no-repeat;
	position:absolute;
	z-index:99;
	left:-34px;
	top:-1px;
	width:34px;
	height:173px;
	display:block;
	cursor:pointer;
}
#casestudies .next {
	background:url('../img/casestudies-next.png') 0 0 no-repeat;
	position:absolute;
	z-index:99;
	right:-34px;
	top:-1px;
	width:34px;
	height:173px;
	display:block;
	cursor:pointer;
}
.scrollable {
	position:relative;
	overflow:hidden;
	width: 708px;
	height:169px;
	float:left;
	background:#f9f9f9;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:708px;
}
.scrollable img {
	float:left;
	background-color:#eee;
	width:236px;
	height:169px;
}
.scrollable .active {
	position:relative;
	cursor:default;
}