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


}
 
#songdetails {
position:absolute;
z-index:5;
padding-top:5px;
padding-left:15px;
}
 
/* root element for pages */
#pages {
	position:absolute;
	height:445px;
}
 
/* single page */
.page {
	margin-left:10px;
	padding-top:15px;
	height: 445px;
	width:520px;
}
 
/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 510px;
	height: 445px;
}
 
/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;

}
 
/* single scrollable item */
.item {
	float:left;
	width:500px;
	height:440px;
	padding:10px;
}
 
/* main navigator */
#main_navi {

	float:left;
	padding:0px !important;
	margin-top:50px !important;
	margin-left:5px;
}
 
#main_navi li {
	/*background-color:#333;*/
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	height:75px;
	list-style-type:none;
	padding:2px;
	width:75px;
	cursor:pointer;
	opacity:0.85;
	filter: alpha(opacity=85);

}
 
#main_navi li:hover {
		opacity:1.0;
	filter: alpha(opacity=100);
}
 
#main_navi li.active {
		opacity:1.0;
	filter: alpha(opacity=100);
}
 
#main_navi img {
	float:left;
	margin-right:5px;
}
 
#main_navi strong {
	display:block;
}
 
 div.navp {
	
	cursor:pointer;
	position:absolute;
	display:block;
	height: 72px;
	width: 72px;
	left: 10px;
	margin-top:20px;

	background:url(../img/prev.png) 0 0 no-repeat;
}

div.navp:hover  { 
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/prev_in.png) 0 0 no-repeat; 
	}
	


div.prevPage 			{  	
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/prev.png) 0 0 no-repeat; 
	}
	
div.prevPage:hover 	{ 	
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/prev_in.png) 0 0 no-repeat; 
	}
 


