@charset "utf-8";
.krakatoa {
	display:none;
	margin:2.5% auto;
}

.krakatoa-control {
	padding-bottom:0px; 
}
.arrows {
	position:absolute;
	top:-40%;
	right:0;
	z-index:100;
}
.arrow {
	float:left;
	margin-right:7px;
}
.arrow li{ padding:0px !important}
.arrow a {
	display:block;
	width:35px;
	height:0;
	padding-top:31px;
	overflow:hidden;
	background: url(../images/arrows.png) no-repeat;
	cursor:pointer;
}
.arrow-left a {
	background-position:0 0;
}
.arrow-right a {
	background-position:-30px 0;
	left:30px;
}
.arrow-left a:hover {
	background-position:0 0px;
}
.arrow-right a:hover {
	background-position:-30px 0px;
	left:30px;
}
.buttons {
	position:absolute;
	top:5px;
	right:0px;
	z-index:100;
}
.pagination {
	float:left;
	margin:0 2px;
}
.pagination a {
	display:block;
	width:10px;
	height:0;
	padding-top:10px;
	background-image:url('../images/pagination.png');
	background-position:0 0;
	overflow:hidden; display:none;
}
.active-button a, .active-button a:hover {
	background-position:0 -30px;
}
.pagination a:hover {
	background-position:0 -30px;
}