
/* 
	root element for the imageflow. 
	when scrolling occurs this element stays still. 
*/
div.imageflow
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 410px;
    height: 200px; /* custom decorations */
    padding: 0;
    margin: 0;
    background-color: #fff;
}

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

/* single imageflow item */
div.imageflow div.items div
{
    float: left; /* custom decoration */
    text-align: center;
    width: 130px;
    position: relative; /* Set the absolute positioning base coordinate */
    height: 220px;
}

div.imageflow div.items div img
{
    width: 80px;
    margin: 0;
    -ms-interpolation-mode: bicubic;
    position: absolute;
    left: 35px;
    bottom: 30px;
}

div#imageflow-text
{
    bottom: 0px;
    left: 38px;
    position: absolute;
}


/* active item */
div.imageflow div.items div.active
{
    background-color: #fff;
}

div.imageflow div.items div.active {	
	background-color:#fff;
}


