@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: 960px; margin: 0 auto; overflow: hidden;}*/

.clock {width:140px; margin:0 auto; padding:0px; border:0px solid #333; color:#000; background:transparent; background-color:transparent; position:absolute; top:0px; left:0px; z-index:99999;}

#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:14px; text-align:center; text-shadow:0 0 5px #00c6ff; }

ul { width:140px; margin:0 auto; padding:0px; list-style:none; text-align:center; }

ul li:first-child{margin-left:22px;}

ul li { display:inline; font-size:1.3em; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }

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

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

@-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; }	
}

#clockText
{
    display:none;
}