* {
    padding:0;
    margin:0;
}

body {
	background-image:url(../images/maingbg.jpg);
}

.wrapper {
	margin:0 auto;
}

h1 {
    color:#FFF;
    font-family: 'Times New Roman',Helvetica,sans-serif
    text-transform: uppercase;
    font-size:30px;
    text-align: center;
    margin-top:45px;
    font-weight: normal;
}
h4 {
    color:#b6b6b6;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size:18px;
    text-align: center;
    margin-top:30px;
    font-weight: normal;
}

.wpspandnt_amazingclock {
    width:725px;
    margin:0 auto;
    margin-top:50px;
}

.wpspandnt_day {
    float:left;
    margin-right:20px;
}
.wpspandnt_hour {
    float:left;
    margin-right:20px;
}
.wpspandnt_minute {
    float:left;
    margin-right:20px;
}
.wpspandnt_second {
    float:left;
}

.wpspandnt_round { 
    background-image:url(../images/round.png); 
    background-repeat:no-repeat;
    position:relative;
}

.topLayer { 
   /* position:absolute; 
    background-image:url(../images/top.png); 
    width:188px;
    height:188px;
    background-repeat:no-repeat;*/
}

.clockcounter { position:absolute; top:60px; left:30px; width:100px;  height:100px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:47px;
    font-weight:bold;
    color:#FFF;
    line-height:50px;
    margin-top:0px;
    width:100px;}

.type_days {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#cf86fd;
    width:160px;
    text-align:center;
    font-size:16px;
    line-height:40px;
    font-weight:bold;
    text-transform:uppercase;
}

.type_hours {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#82f876;
    width:160px;
    text-align:center;
    font-size:16px;
    line-height:40px;
    font-weight:bold;
    text-transform:uppercase;
}

.type_minutes {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#f8dc6b;
    width:160px;
    text-align:center;
    font-size:16px;
    line-height:40px;
    font-weight:bold;
    text-transform:uppercase;
}

.type_seconds {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#f27a4b;
    width:160px;
    text-align:center;
    font-size:16px;
    line-height:40px;
    font-weight:bold;
    text-transform:uppercase;
}

.divider {
	width: 100%;
	height:71px;
	background-image:url(../images/diviers.png);
	float:left;
	margin-top:50px;
}

.divider p { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px; 
	color:#b6b6b6; 
	line-height:70px;
	text-align:center;
}

.divider a {
	color:#39F;
	text-decoration:none;
}

.divider a:hover {
	color:#FFF;
}

@-webkit-keyframes oscillation
{
	from
	{
		-webkit-transform:rotate(-9deg);
	}
	to{
		-webkit-transform:rotate(9deg);
	}
}
 
@-moz-keyframes oscillation
{
	from{
		-moz-transform:rotate(-9deg);
	}
	to{
		-moz-transform:rotate(9deg);
	}
}

 
.oscillate{  
	-webkit-transform-origin:50% -40px;  
	-moz-transform-origin:50% -40px;   
	-webkit-animation: oscillation 1s ease-in-out infinite alternate;
	-moz-animation: oscillation 1s ease-in-out infinite alternate;
	background: url('../images/pendulum.png') no-repeat;
	width: 50px; 
	height:110px;
	z-index:0;
	position:absolute;
	top:197px;
	left:60px;
}

.maintenancelogo {
	text-align:center; height:160px; margin-top:15px; margin-bottom:10px;
}
.maintenancelogotxt {
	text-align:center; height:85px; margin-top:15px; margin-bottom:10px;
}