.marquee {
	width: 450px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
}

.marquee span {
	display: inline-block;
	padding-left: 100%;
	text-indent: 0;
	animation: marquee 15s linear infinite;
	-webkit-animation: marquee 15s linear infinite;
	-moz-animation: marquee 15s linear infinite;
	-o-animation: marquee 15s linear infinite;
	animation-play-state: running;
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
}

.marquee span:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
}

.marquee ol {
	list-style:none;
	padding:0;
}

.marquee li {
	display:inline;
	list-style:none;
	margin:0 20px;
}

@-webkit-keyframes marquee {
	0%   { -webkit-transform: translate(0, 0); }
	100% { -webkit-transform: translate(-100%, 0); }
}

@-moz-keyframes marquee {
	0%   { -moz-transform: translate(0, 0); }
	100% { -moz-transform: translate(-100%, 0); }
}

@keyframes marquee {
	0%   { transform: translate(0, 0); }
	100% { transform: translate(-100%, 0); }
}