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


@font-face {
    font-family: 'DS-DIGIB';    
    src: url('/Content/WebFont/DS-DIGIB.ttf') format('truetype');
    font-weight: bold;
    font-style:normal;
}

#timeTitle {
    display:inline-block;
    font-family:'BebasNeueRegular'; 
    font-size:35px; 
    text-align:center;
    line-height:45px;
    vertical-align:middle;
    font-weight:bold;
    opacity:0.5;
    margin:0;
    padding:3px 0px 0px 0px;
    color:#fff;
    position:absolute;
    top:2px;
}

#clockPanel { overflow: hidden;position:absolute;top:-3px;left:140px;}

.clock {width:150px; margin:0 auto; padding:0px 5px 0px 20px;  color:#ffeded; opacity:0.8}

#Date { font-family:'BebasNeueRegular'; font-size:14px; text-align:center; margin-left:20px; }

.clock ul { width:150px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
.clock ul li { display:inline; font-size:30px; text-align:center; font-family:'DS-DIGIB'; font-weight:bold}

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

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