/* main vertical scroll */
#mscroll_main {
	position:relative;
	overflow:hidden;
	height: 450px;
}

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

/* single page */
.mscroll_page {
	padding:10px;
	height: 450px;
	background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
	width:520px;
}

/* root element for horizontal scrollables */
.mscroll_scrollable {
	position:relative;
	overflow:hidden;
	width: 510px;
	height: 450px;
}

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

/* single scrollable item */
.mscroll_item {
	float:left;
	cursor:pointer;
	width:500px;
	height:450px;
	padding:10px;
}

/* main navigator */
#mscroll_main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#mscroll_main_navi li {
	background-color:#333;
	border-top:1px solid #666;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	height:102px;
	list-style-type:none;
	padding:10px;
	width:230px;
	cursor:pointer;
}

#mscroll_main_navi li:hover {
	background-color:#444;
}

#mscroll_main_navi li.active {
	background-color:#555;
}

#mscroll_main_navi img {
	float:left;
	margin-right:10px;
}

#mscroll_main div.mscroll_navi {
	margin-left:250px;
	cursor:pointer;
}