body {
margin:0px;
}

#scrollable {
	background-color:#fafafa;
	width:780px;
	height:480px;
	position:absolute;
	top:65px;
	left:170px;
	overflow:hidden;
}
/* container for the scrollable items */
div.items {
	height:480px;	
	position:absolute;
	float:left;
	top:0px;
	width:100000px !important;
}

/* single item */
div.items div {
	float:left;
	margin-right:0px;
	width:780px;
	height:480px;
	text-decoration:none;
}



/* next / prev buttons */
a.prev, a.next {
	background:url(/img/left.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:255px;
	left:147px;
	width:47px;
	height:47px;
	float:left;	
	margin:22px 0 0 0;
	cursor:pointer;
}

a.next {
	background-image:url(/img/right.png);
	left:925px;
}

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

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


/* navigator */
div.navi {
	position:absolute;
	width:780px;
	height:0px;
	top:552px;
	left:0px;
	left:170px;
	visibility:hidden
/* we set "margin-left" trough javascript and only then we show the element */
}


/* items inside navigator */
div.navi span {
	width:20px;
	height:20px;
	float:left;
	margin:-2px;
	background:url(../img/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -20px;
}

div.navi span.active {
	background-position:0 -40px;     
}
div.sign {
	position:relative;
	font-family:Georgia;
	font-size:23px;
	font-weight:light;
	color:#898989;
}
div.minisign {
	position:absolute;
	font-family:Georgia;
	font-size:12px;
	font-weight:light;
	color:#898989;
}

div.sign em {
	color:black;
}
div.sign a {
	color:black;
	text-decoration:none;
}
div.sign a:hover {
	color:#ffc000;
}