.marquee {

        height: 50px;
	overflow: hidden;
	position: relative;
}

.marquee h5 {
	position: absolute;

	font-family: Tahoma, Arial, sans-serif;
        width: 100%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
        font-size: 14px;
	color: #fff;
    text-shadow: 1px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1, offy=1);

}

.marquee p {
	position: absolute;

	font-family: Tahoma, Arial, sans-serif;

	width: 100%;
	height: 100%;

	margin: 0;
	line-height: 50px;

	text-align: center;

	color: #fff;
    text-shadow: 1px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);

	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.marquee p:nth-child(1) {
	animation: left-one 30s ease infinite;
	-moz-animation: left-one 30s ease infinite;
	-webkit-animation: left-one 30s ease infinite;
}
.marquee p:nth-child(2) {
	animation: left-two 30s ease infinite;
	-moz-animation: left-two 30s ease infinite;
	-webkit-animation: left-two 30s ease infinite;
}


.marquee p:nth-child(3) {
	animation: left-three 30s ease infinite;
	-moz-animation: left-three 30s ease infinite;
	-webkit-animation: left-three 30s ease infinite;
}

.marquee.up h5 { 
  transform:translateY(100%);
}
.marquee.up h5:nth-child(1) {
  animation: up-one 30s ease infinite;
}
.marquee.up h5:nth-child(2) {
  animation: up-two 30s ease infinite;
}
.marquee.up h5:nth-child(3) {
  animation: up-three 30s ease infinite;
}


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

/** Mozilla Firefox Keyframes **/
@-moz-keyframes left-one {
	0%	{
		-moz-transform:translateX(100%);
	}
	5% {
		-moz-transform:translateX(0);
	}
	20% {
		-moz-transform:translateX(0);
	}
	30% {
		-moz-transform:translateX(-100%);
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}


@-moz-keyframes left-two {
	0% {
		-moz-transform:translateX(100%);
	}
	30% {
		-moz-transform:translateX(100%);
	}
	40% {
		-moz-transform:translateX(0);		
	}
	55% {
		-moz-transform:translateX(0);		
	}
	70%{
		-moz-transform:translateX(-100%);
	}
        100%{
		-moz-transform:translateX(-100%);
	}
}


@-moz-keyframes left-three {
	0% {
		-moz-transform:translateX(100%);
	}
	60% {
		-moz-transform:translateX(100%);
	}
	70% {
		-moz-transform:translateX(100%);		
	}
	80% {
		-moz-transform:translateX(0);		
	}
	90%{
		-moz-transform:translateX(0);
	}
        100%{
		-moz-transform:translateX(-100%);
	}
}



/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	5% {
		-webkit-transform:translateX(0);
	}
	20% {
		-webkit-transform:translateX(0);
	}
	30% {
		-webkit-transform:translateX(-100%);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}


@-webkit-keyframes left-two {
	0% {
		-webkit-transform:translateX(100%);
	}
	30% {
		-webkit-transform:translateX(100%);
	}
	40% {
		-webkit-transform:translateX(0);		
	}
	55% {
		-webkit-transform:translateX(0);		
	}
	70%{
		-webkit-transform:translateX(-100%);
	}
        100%{
		-webkit-transform:translateX(-100%);
	}
}


@-webkit-keyframes left-three {
	0% {
		-webkit-transform:translateX(100%);
	}
	60% {
		-webkit-transform:translateX(100%);
	}
	70% {
		-webkit-transform:translateX(100%);		
	}
	80% {
		-webkit-transform:translateX(0);		
	}
	90%{
		-webkit-transform:translateX(0);
	}
        100%{
		-webkit-transform:translateX(-100%);
	}
}


@keyframes up-one {
  0%  {
    transform:translateY(100%);
  }
  5% {
    transform:translateY(0);
  }
  20% {
    transform:translateY(0);
  }
  30% {
    transform:translateY(-100%);
  }
  100%{
    transform:translateY(-100%);
  }
}
@keyframes up-two {
  0% {
    transform:translateY(100%);
  }
  30% {
    transform:translateY(100%);
  }
  40% {
    transform:translateY(0);    
  }
  55% {
    transform:translateY(0);    
  }
  70%{
    transform:translateY(-100%);
  }
  100%{
    transform:translateY(-100%);
  }
}
@keyframes up-three {
  0% {
    transform:translateY(100%);
  }
  60% {
    transform:translateY(100%);
  }
  70% {
    transform:translateY(100%);    
  }
  80% {
    transform:translateY(0);    
  }
  90% {
    transform:translateY(0);    
  }
  100%{
    transform:translateY(-100%);
  }

}