/* timer general */
#timer {
	position:relative;
}
hr {  /* this creates the overline you see on top of the timer */
	position:absolute;
	top:6px;
	left:0;
	width:173px;
	color: #ffffff;
}
*:first-child+html hr { /* this is the IE7 hack to position the above overline */
	top:6px;
}

/* timer numbers */
.timer_numbers {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}
#timer_days {
	background:url(../images/countdown1.png) #000000 no-repeat;
	float:left;
	width:42px;
	height:28px;
	padding:2px 0 0 4px;
	letter-spacing:11px;
}
#timer_hours {
	background:url(../images/countdown1.png) #000000 no-repeat;
	float:left;
	width:42px;
	height:28px;
	padding:2px 0 0 4px;
	letter-spacing:11px;
}
#timer_mins {
	background:url(../images/countdown1.png) #000000 no-repeat;
	float:left;
	width:42px;
	height:28px;
	padding:2px 0 0 4px;
	letter-spacing:11px;
}
#timer_seconds {
	background:url(../images/countdown2.png) #000000 no-repeat;
	float:left;
	width:35px;
	height:23px;
	padding:2px 0 0 3px;
	letter-spacing:10px;
}

/* timer labels */
.timer_labels {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#666;
}
#timer_labels {
	clear: both;
	position:relative;
	top: -25px;
}
#timer_days_label {
	position:absolute;
	top:20px;
	left:5px;
}
#timer_hours_label {
	position:absolute;
	top:20px;
	left:45px;
}
#timer_mins_label {
	position:absolute;
	top:20px;
	left:93px;
}
#timer_seconds_label {
	position:absolute;
	top:20px;
	left:135px;
}