/* root element for the whole scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 600px;
	height:250px;
}


/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:0px;	
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	
}


/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
}

/* style when mouse is over the item */
#items div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
#items div.active {
	background-color:#066;
	cursor:default;
}

#items h3, #items p, #items span {
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}
#items h3 { height:45px;

}
#items h3 em {
	font-style:normal;
	color:#C3D5FD;
}
#items a { color:#FFFFFF;

}
#flowplayer {
	position: relative;
	margin-bottom: 30px;
}

.scrollable span {
	position: absolute;
	right: 0px;
	bottom: 0px;
}