@charset 'utf-8';

@media screen, projection {
    *, html, body {
    	font: 13px/20px Arial, Helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    	border: 0;
    }
    body {
    	background: #000000;
    	color: #ffffff;
    }
    #viewbox {
    	margin: auto;
    	width: 540px;
    	text-align: center;
    }
    #counter {
    	width: 266px;
    	margin: auto;
    }
    #countdown div {
    	background:transparent url('../images/basic/time_box.png') 3px 0 no-repeat;
    	width:266px;
    	height:75px;
    	padding-top: 30px;
    	position: absolute;
    }
    #countdown span {
    	background:transparent url('../images/basic/time_sprite.png') 0 -64px no-repeat;
    	width:31px;
    	height:46px;
    	top:9px;
    	text-indent:-999em;
    	display:block;
    	position:absolute
    }
    #countdown .seperator{ display:none }
    #countdown-h1{ left:5px }
    #countdown-h2{ left:38px }
    #countdown-h3{ left:72px }
    #countdown-m1{ left:118px }
    #countdown-m2{ left:152px }
    #countdown-s1{ left:198px }
    #countdown-s2{ left:232px }
    #countdown .digit0{ background-position:0px -64px }
    #countdown .digit1{ background-position:  -31px -64px }
    #countdown .digit2{ background-position:  -62px -64px }
    #countdown .digit3{ background-position:  -99px -64px }
	#countdown .digit4{ background-position: -137px -64px }
	#countdown .digit5{ background-position: -174px -64px }
	#countdown .digit6{ background-position: -210px -64px }
	#countdown .digit7{ background-position: -244px -64px }
	#countdown .digit8{ background-position: -278px -64px }
	#countdown .digit9{ background-position: -316px -64px }
}