.myMarquee {width:90%; height:40px; overflow:hidden; position:relative; border:1px solid #aaa;
	-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	background:#900;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
	background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));

	margin: 5px auto;
}
.scroller {display:block;width:100%; height:40px; position:absolute; left:0; top:0;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-moz-animation-duration:10s;
	-moz-animation-name: scroll;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration:10s;
	-webkit-animation-name: scroll;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-o-animation-duration:10s;
	-o-animation-name: scroll;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration:10s;
	animation-name: scroll;
}
.scroller div {font-family:georgia, serif; font-size:16px; line-height:40px; float:left; width:95%; color:#fff; font-weight:bold; padding:0 10px;}
.scroller div a {color:#00F;}

@-moz-keyframes scroll {
	0% {left:0;}
	100% {left:-100%;}
}

@-webkit-keyframes scroll {
	0% {left:0;}
	100% {left:-100%;}
}

@-o-keyframes scroll {
	0% {left:0;}
	100% {left:-100%;}
}

@keyframes scroll {
	0% {left:0;}
	100% {left:-100%;}
}

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

@media only screen and (max-width:480px) {
	/*!.myMarquee {display:none;}*/
	#info h3.smartphone {display:block;}
}

.myMarquee p { padding: 0; margin: 0; }