
.slate_bg {
 background-image: url(../images/slate_repeat.jpg) ;
 background-repeat:repeat;
 background-position: center center;
 opacity: 1 !important;
 height: 100%;
 width: 100%;
 background-color: black;
}

.countdownHolder{
	width:450px;
	margin:0 auto;
	font: 31px "Calibri";
	text-align:center;
	letter-spacing:-3px;
}

.position{
	display: inline-block;
	height: 44px;
	overflow: hidden;
	position: relative;
/*	width: 38px;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.10);
	background-image: url(../images/no_bg1.png);
	background-repeat:repeat-x;*/
}

.digit{
	position:absolute;
	display:block;
	width:38px;
	height:44px;
	text-align:center;
	color:red;
	letter-spacing:-1px;
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ display:none !important; }
.countDiv0{ display:none !important; }
.countHours{display:none !important;}
.countDiv1{display:none !important;}
.countMinutes{display:none !important;}
.countDiv2{display:none !important;}
.countSeconds{}


.countDiv{
	display:inline-block;
	width:16px;
	height:44px;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.9em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:1em;
}