#main {
    position:relative;
    overflow:hidden;
    height: 401px;
}

/* root element for pages */
#pages {
    position:absolute;
    height:20000em;
}

/* single page */
.page {
    xpadding: 5px 10px 10px;
    height: 401px;
    background:#ffffff;
    width:964px;
}

/* root element for horizontal scrollables */
.scrollable {
    position:relative;
    overflow:hidden;
    width: 964px;
    height: 401px;
	margin: 0 auto;
}

/* root element for scrollable items */
.scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
}

/* single scrollable item */
.item {
    float:left;
    cursor:pointer;
    width:965px;
    height:401px;
    xpadding:10px;
}

#main div.navi {
    margin-left:250px;
    cursor:pointer;
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin: 10px auto 0;
	width:130px;
	height:18px;
	text-align: center;
}


/* items inside navigator */
.navi a {
	width:12px;
	height:12px;
	float:left;
	margin:3px;
	background:url('/images/scrollable/navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -12px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -24px;     
}