#portfolio
{
	position: relative;
	border: 1px solid #ccc;
	margin: 25px 0;
}

div.scrollable
{
	position: relative;
	overflow: hidden;
	width: 516px;
	height: 250px;
}

div.scrollable div.logos
{
	width: 20000px;
	position: absolute;
}

div.scrollable div.logos div
{
	float: left;
	width: 516px;
	height: 250px;
	text-align: center;
}

a.prev
{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: -1px;
	top: 100px;
	background: url(../images/buttons/prev_button.gif) no-repeat;
	cursor: pointer;
	z-index: 100;
}

a.prev:hover
{
	background: url(../images/buttons/prev_button_hovered.gif) no-repeat;
}

a.next
{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: -1px;
	top: 100px;
	background: url(../images/buttons/next_button.gif) no-repeat;
	cursor: pointer;
	z-index: 100;
}

a.next:hover
{
	background: url(../images/buttons/next_button_hovered.gif) no-repeat;
}

a.prev.disabled
{
	background: url(../images/buttons/prev_button.gif) no-repeat;
	cursor: default;
}

a.next.disabled
{
	background: url(../images/buttons/next_button.gif) no-repeat;
	cursor: default;
}

span.caption
{
	position: absolute;
	left: 10px;
	top: -11px;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	z-index: 100;
	background-color: #fff;
	padding: 0 5px;
}