.logoParade {
    height: 100px;
	position: relative;
    width: 100%;
}
.logoParade div.scrollWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.logoParade div.scrollableArea {
	display: inline-block;
}
/* Replace the last selector for the type of element you have in
your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
if you have links use #makeMeScrollable div.scrollableArea a and so on. */
.logoParade div.scrollableArea li
{
	position: relative;
	float: left;
	margin: 0 10px;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
	block of code. It's just a nice feature that prevent the images from
	accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.logoParade div.scrollableArea li img{
	height: 100px;
}