body {
	background: #060606;
	text-align: center;
	color: #f0f0f0;
	font-family: verdana, sans-serif;
}

#clock {
	margin: 100px auto 0 auto;
	height: 393px;
	width: 903px;
	
	background: top left no-repeat url(background.jpg);
	text-align: left;
}

#clock.out .digit {background: none;}

.digit {
	float: left;
	width: 57px;
	height: 115px;
	background: top left no-repeat url(digits.jpg);
	margin: 96px 0 0 40px;
}

.digit-dot div {
	margin: 95px 0 0 40px;
	width: 15px;
	height: 20px;
	background: url(dot.png);
}

#tube1 {margin: 95px 0 0 67px;}
#tube2 {margin: 96px 0 0 53px;}
#tube3 {margin: 95px 0 0 121px;}
#tube4 {margin: 95px 0 0 53px;}
#tube5 {margin: 95px 0 0 119px;}
#tube6 {margin: 96px 0 0 53px;}

#info {
	font-weight: bold;
	margin-top: 30px;
}

.digit-0{background-position: -0px -0px;}
.digit-1{background-position: -57px -0px;}
.digit-2{background-position: -114px -0px;}
.digit-3{background-position: -171px -0px;}
.digit-4{background-position: -228px -0px;}
.digit-5{background-position: -285px -0px;}
.digit-6{background-position: -342px -0px;}
.digit-7{background-position: -399px -0px;}
.digit-8{background-position: -456px -0px;}
.digit-9{background-position: -513px -0px;}
