.marquee {
	width: 380px;
	height: 80px;
	margin: 25px auto;
	overflow: hidden;
	position: relative;

}

.marquee a
{
	color: #507685;
	font-size: 20px;
	line-height: 24px;
	margin: 12px 0 6px 0;
	padding: 0;	
	text-shadow: 1px 1px 1px #fff;	
	position: absolute;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
	height: 100%;
	text-align: center;
    filter: dropshadow(color=#000000, offx=1, offy=1, offz=1);

	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.marquee a:hover {
	color: #0097bc;
}
.marquee a:nth-child(1) {
	animation: left-one 60s ease infinite;
	-moz-animation: left-one 60s ease infinite;
	-webkit-animation: left-one 60s ease infinite;
}
.marquee a:nth-child(2) {
	animation: left-two 60s ease infinite;
	-moz-animation: left-two 60s ease infinite;
	-webkit-animation: left-two 60s ease infinite;
}
.marquee a:nth-child(3) {
	animation: left-three 60s ease infinite;
	-moz-animation: left-three 60s ease infinite;
	-webkit-animation: left-three 60s ease infinite;
}.marquee a:nth-child(4) {
	animation: left-four 60s ease infinite;
	-moz-animation: left-four 60s ease infinite;
	-webkit-animation: left-four 60s ease infinite;
}
.marquee a:nth-child(5) {
	animation: left-five 60s ease infinite;
	-moz-animation: left-five 60s ease infinite;
	-webkit-animation: left-five 60s ease infinite;
}

/*================================
	Move the Marquee to the Left
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes left-one {
	0%	{
		-moz-transform:translateX(100%);
	}
	5% {
		-moz-transform:translateX(-50%);
	}
	15% {
		-moz-transform:translateX(-50%);
	}
	20% {
		-moz-transform:translateX(-200%);
	}
	100%{
		-moz-transform:translateX(-200%);
	}
}
@-moz-keyframes left-two {
	0% {
		-moz-transform:translateX(100%);
	}
	15% {
		-moz-transform:translateX(100%);
	}
	20% {
		-moz-transform:translateX(-50%);		
	}
	35% {
		-moz-transform:translateX(-50%);		
	}
	40% {
		-moz-transform:translateX(-200%);		
	}
	100%{
		-moz-transform:translateX(-200%);
	}
}

@-moz-keyframes left-three {
	0% {
		-moz-transform:translateX(100%);
	}
	35% {
		-moz-transform:translateX(100%);
	}
	40% {
		-moz-transform:translateX(-50%);		
	}
	55% {
		-moz-transform:translateX(-50%);		
	}
	60% {
		-moz-transform:translateX(-200%);		
	}
	100%{
		-moz-transform:translateX(-200%);
	}
}
@-moz-keyframes left-four {
	0% {
		-moz-transform:translateX(100%);
	}
	55% {
		-moz-transform:translateX(100%);
	}
	60% {
		-moz-transform:translateX(-50%);		
	}
	75% {
		-moz-transform:translateX(-50%);		
	}
	80% {
		-moz-transform:translateX(-200%);		
	}
	100%{
		-moz-transform:translateX(-200%);
	}
}
@-moz-keyframes left-five {
	0% {
		-moz-transform:translateX(100%);
	}
	75% {
		-moz-transform:translateX(100%);
	}
	80% {
		-moz-transform:translateX(-50%);		
	}
	95% {
		-moz-transform:translateX(-50%);		
	}
	100%{
		-moz-transform:translateX(-200%);
	}
}


/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	5% {
		-webkit-transform:translateX(-50%);
	}
	15% {
		-webkit-transform:translateX(-50%);
	}
	20% {
		-webkit-transform:translateX(-200%);
	}
	100%{
		-webkit-transform:translateX(-200%);
	}
}
@-webkit-keyframes left-two {
	0% {
		-webkit-transform:translateX(100%);
	}
	15% {
		-webkit-transform:translateX(100%);
	}
	20% {
		-webkit-transform:translateX(-50%);		
	}
	35% {
		-webkit-transform:translateX(-50%);		
	}
	40%{
		-webkit-transform:translateX(-200%);
	}	
	100%{
		-webkit-transform:translateX(-200%);
	}
}
@-webkit-keyframes left-three {
	
	0% {
		-webkit-transform:translateX(100%);
	}
	35% {
		-webkit-transform:translateX(100%);
	}
	40% {
		-webkit-transform:translateX(-50%);
	}
	55% {
		-webkit-transform:translateX(-50%);		
	}
	60% {
		-webkit-transform:translateX(-200%);		
	}
	100%{
		-webkit-transform:translateX(-200%);
	}
	}
	@-webkit-keyframes left-four {
	
	0% {
		-webkit-transform:translateX(100%);
	}
	55% {
		-webkit-transform:translateX(100%);
	}
	60% {
		-webkit-transform:translateX(-50%);
	}
	75% {
		-webkit-transform:translateX(-50%);		
	}
	80% {
		-webkit-transform:translateX(-200%);		
	}
	100%{
		-webkit-transform:translateX(-200%);
	}
	}
	@-webkit-keyframes left-five {
	
	0% {
		-webkit-transform:translateX(100%);
	}
	75% {
		-webkit-transform:translateX(100%);
	}
	80% {
		-webkit-transform:translateX(-50%);
	}
	95% {
		-webkit-transform:translateX(-50%);		
	}
	
	100%{
		-webkit-transform:translateX(-200%);
	}
}