#clock {
	position: relative;
	width: 150px;
	height: 150px;
	background-image: url('img/clockFace.png');
		*background-image: url('img/clockFace2.jpg'); /*IE6,7*/
		*background-repeat: no-repeat; /*IE6,7*/
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: 50px;
		}

#clock div {
	position: absolute;
	*display: none;/*IE6,7*/
		}

#secondHand {
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration:60s;
-moz-animation-name: seconds;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:60s;
-webkit-animation-name: seconds;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
-o-animation-duration:60s;
-o-animation-name: seconds;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration:60s;
animation-name: seconds;
}
@-moz-keyframes seconds {
0% {-moz-transform: rotate(0deg)}
100% {-moz-transform: rotate(360deg)}
}
@-webkit-keyframes seconds {
0% {-webkit-transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg)}
}
@-o-keyframes seconds {
0% {-o-transform: rotate(0deg)}
100% {-o-transform: rotate(360deg)}
}
@keyframes seconds {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}

#minuteHand {
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration:3600s;
-moz-animation-name: minutes;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:3600s;
-webkit-animation-name: minutes;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
-o-animation-duration:3600s;
-o-animation-name: minutes;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration:3600s;
animation-name: minutes;
}
@-moz-keyframes minutes {
0% {-moz-transform: rotate(0deg)}
100% {-moz-transform: rotate(360deg)}
}
@-webkit-keyframes minutes {
0% {-webkit-transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg)}
}
@-o-keyframes minutes {
0% {-o-transform: rotate(0deg)}
100% {-o-transform: rotate(360deg)}
}
@keyframes minutes {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}

#hourHand {
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration:43200s;
-moz-animation-name: hours;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:43200s;
-webkit-animation-name: hours;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
-o-animation-duration:43200s;
-o-animation-name: hours;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration:43200s;
animation-name: hours;
}
@-moz-keyframes hours {
0% {-moz-transform: rotate(0deg)}
100% {-moz-transform: rotate(360deg)}
}
@-webkit-keyframes hours {
0% {-webkit-transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg)}
}
@-o-keyframes hours {
0% {-o-transform: rotate(0deg)}
100% {-o-transform: rotate(360deg)}
}
@keyframes hours {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}