/*
WEB: mvcreative.ru
*/

/* header
================================================== */
.header-container{
	background-image: url('../images/bg.gif');
	border-bottom:1px solid #FFF;
	text-transform: uppercase;
	z-index: 9999;
	height:60px;
	position: relative;
	-moz-box-shadow: 0px 0px 3px #333;
	-webkit-box-shadow: 0px 0px 3px #333;
	box-shadow: 0px 0px 3px #333;
}
.header{
	width:928px;
	margin:0 auto;
	padding-top:15px;
	font-family: 'Myriad Pro';
	font-size:25px;
}

/* counter
================================================== */
.bx-wrapper {
	background:#baebff;
}
.bx-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: url(../images/pattern.png) repeat top left;
	z-index:10;
}
.bx-overlay.blue {
	background-color:#BAEBFF;
}
.bx-overlay.green {
	background-color:#b9ffab;
}
.bx-overlay.gray {
	background-color:#fff;
}
.bx-overlay.red {
	background-color:#ffc8cb;
}
.bx-overlay.orange {
	background-color:#fec780;
}
.bx-overlay.black {
	background-color:#3e3e3e;
}

.frame{
	position:absolute;
	left:161px;
	background-color:#FFF;
	border:5px solid #DDD;
	width:595px;
	height:149px;
	z-index:499;
	background-image: url('../images/bg.gif');
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
}
.counter-container{
	width:928px;
	margin:0 auto;
	text-align:center;
	top:50px;
	position: relative;
	z-index: 501;
}

/* content container
================================================== */
.content-container{
	background-image: url('../images/bg.gif');
	border-top:1px solid #FFF;
	z-index: 9999;
	height:auto;
	position: relative;
	top:180px;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
}

@font-face {font-family: 'Myriad Pro'; src: url('../css/MyriadPro-Cond.eot');}
@font-face {font-family: 'Myriad Pro'; src: url('../css/MyriadPro-Cond.otf');}
#countbox{padding-top: 20px;color: #fff;font-family: Myriad Pro,Helvetica,sans-serif;font-size: 70px;width: 432px;height: 200px;margin-left:auto;margin-right: auto;}

#days{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: 0 7px 0 7px;height: 89px;width: 94px;z-index:1;}
#days_text{background-image:url('../images/days_text.png');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 9px;height: 26px;width: 94px;}

#hours{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: 0 7px 0 7px;height: 89px;width: 94px;z-index:1;}
#hours_text{background-image:url('../images/hours_text.png');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 9px;height: 26px;width: 94px;}

#mins{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: 0 7px 0 7px;height: 89px;width: 94px;    z-index:1;}
#mins_text{background-image:url('../images/mins_text.png');background-position: center;background-repeat:no-repeat;position: absolute;margin: 9px 0 0 1px;height: 26px;width: 94px;}

#secs{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: 0 7px 0 7px;height: 89px;width: 94px;    z-index:1;}
#secs_text{background-image:url('../images/secs_text.png');background-position: center;background-repeat:no-repeat;position: absolute;margin: 9px 0 0 1px;height: 26px;width: 94px;}

#days span, #hours span, #mins span , #secs span {background: url(../images/flip_gradient.png);background-repeat:no-repeat;position: absolute;display: block;height: 57px;width: 94px;}