#counter {
    width: 485px;
    height: 60px;
    margin: 10px auto -5 auto;
    font-size: 60px;
    color: #f8f8f8;
    font-weight: normal;
    line-height: 50px;
    overflow: hidden;
}

#counter p {
    float: left;
    padding: 0;
    margin: 0 17px 0 13px;
    color: #2d2d2d;
    text-shadow: 0 1px 0 #dcefef;
}

#counter div {
    float: left;
    position: relative;
    margin: 0 5px 0 0;
    padding: 0;
    background: #2d2d2d url(/Timer/images/separator.jpg) center left repeat-x;
    border: 1px solid #222;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    border-radius: 6px;
}


.digit { width: 35px; position: absolute; top:0; left:3; padding:0; }

#counter div p {
    position: relative; width: 35px; height: 55px;line-height: 48px;
    padding: 0;
    margin: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    border-radius: 6px;
    border: 0;
    border-top: 1px solid #4e4e4e;
    color: #f8f8f8;
    text-shadow: 1px 1px 0 #222;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29,29,29,0)), to(rgba(255,255,255,.03)));
    background-image: -webkit-linear-gradient(top, rgba(29,29,29,0), rgba(255,255,255,.03));
    background-image: -moz-linear-gradient(top, rgba(29,29,29,0), rgba(255,255,255,.03));
    background-image: -ms-linear-gradient(top, rgba(29,29,29,0), rgba(255,255,255,.03));
    background-image: -o-linear-gradient(top, rgba(29,29,29,0), rgba(255,255,255,.03));
    background-image: linear-gradient(top, rgba(29,29,29,0), rgba(255,255,255,.03));
}


#text {
	width: 485px;
	margin: 10px auto 0px;
	font-size: 14px;
	font-weight: bold;
	color: #2d2d2d;
	overflow: hidden;
}

.days, .hours, .minutes, .seconds {
	float: left;
	text-shadow: 0 1px 0 #dcefef;
}

.days {
	margin: 0 0 0 25px;
}
.hours {
	margin: 0 0 0 98px;
}
.minutes {
	margin: 0 0 0 82px;
}
.seconds {
	margin: 0 0 0 68px;
}