/* ------ face ------ */
#clockFace
{
	position:absolute;
	top:3em;
	left:auto;
	width:430px;
	height:320px;
	background-color:#999;
	background-image:url(clockFace.jpg);
}

.light
{
	position:absolute;
	width:50px;
	height:50px;
	margin:10px;
	background-image:url(light.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

#powerButton
{
	position:absolute;
	top:270px;
	left:370px;
	width:32px;
	height:32px;
	background-image:url(powerButton.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;
}

/* ------ seconds ------ */
#sc1d1
{
	top:200px;
	left:300px;
}
#sc2d1
{
	top:150px;
	left:300px;
}
#sc3d1
{
	top:100px;
	left:300px;
}
#sc4d1
{
	top:50px;
	left:300px;
}


#sc1d2
{
	top:200px;
	left:250px;
}
#sc2d2
{
	top:150px;
	left:250px;
}
#sc3d2
{
	top:100px;
	left:250px;
}

/* ------ minutes ------ */
#mn1d1
{
	top:200px;
	left:200px;
}
#mn2d1
{
	top:150px;
	left:200px;
}
#mn3d1
{
	top:100px;
	left:200px;
}
#mn4d1
{
	top:50px;
	left:200px;
}


#mn1d2
{
	top:200px;
	left:150px;
}
#mn2d2
{
	top:150px;
	left:150px;
}
#mn3d2
{
	top:100px;
	left:150px;
}

/* ------ hours ------ */
#hr1d1
{
	top:200px;
	left:100px;
}
#hr2d1
{
	top:150px;
	left:100px;
}
#hr3d1
{
	top:100px;
	left:100px;
}
#hr4d1
{
	top:50px;
	left:100px;
}


#hr1d2
{
	top:200px;
	left:50px;
}
#hr2d2
{
	top:150px;
	left:50px;
}