/* If you want you can use font-face */
/*@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

.container {/*width: 300px;*/ margin: 0 auto; overflow: hidden;}

.clock {width:275px; margin-left:-35px; padding:10px; padding-left:0px; font-size:23px; float:left }

#Date { font-family: Arial, Helvetica, sans-serif; font-size:19px; text-align:right; }

.clock ul { /*width:300px;*/ margin:0 auto; padding:0px; list-style:none; text-align:right; }
.clock ul li { display:inline; font-size:2em; text-align:right; font-family: Arial, Helvetica, sans-serif; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

/* Simple Animation */
/*@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	


@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	*/