@charset "utf-8";
/* Animated Flip Down Clock Style */

* {
    margin:0px;
    padding:0px;
}

body{

	background:#FFF;
}

#wrapper{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:850px;
	height:240px;
}

#loading {
    position:relative;
    width:300px;
    height:80px;
    padding-top:80px;
    margin-left:auto;
    margin-right:auto;
}

#loading .elementary_title {
    font-family: 'Droid Sans', arial, serif;
    font-size:32px;
    color:#808080;
    text-align:center;
}

#loading #progress_bar {
    position:relative;
    background-color:#eaeaea;
    margin-top:40px;
    height:3px;
}

#clock {
    display:none;
}

#front,
#back {
	position:absolute;
	top:0px;
	width:850px;
	height:240px;
	margin:0px;
	padding:0px;
}



#upperHalf, #upperHalfBack{
    position:absolute;
	width:660px;
	height:80px;
	vertical-align:bottom;
}

#lowerHalf, #lowerHalfBack{
    position:absolute;
    margin-top:80px;
	width:660px;
	height:80px;
	vertical-align:top;
}

#reflectionHalf, #reflectionHalfBack{
    position:absolute;
    margin-top:160px;
	width:660px;
	height:80px;
	vertical-align:top;
}



#upperHalf img{
	position:absolute;
   	width:80px;
	height:80px;
	vertical-align:bottom;
    visibility:visible;
    bottom:0px;
}

#lowerHalf img{
    position:absolute;
	width:80px;    
	height:80px;
	vertical-align:top;
	visibility:visible;
}

#reflectionHalf img{
    position:absolute;
	width:80px;
	height:80px;
	bottom:0px;
	vertical-align:top;
	visibility:visible;
}
	
#lowerHalfBack img{
	position:absolute;
	vertical-align:top;
    width:80px;
}

#upperHalfBack img{
	position:absolute;
	vertical-align:bottom;
	width:80px;	
	bottom:0px;
}

#reflectionHalfBack img{
	position:absolute;
	vertical-align:top;
	width:80px;
	width:80px;
}




	
.right_first {
    margin-left:80px;
}
#text_days {
    margin-left:160px;
}
.left_second {
    margin-left:230px;
}	
.right_second {
    margin-left:310px;
}
#text_hours {
    margin-left:390px;
}
.left_third {
    margin-left:460px;
}	
.right_third {
    margin-left:540px;
}	
#text_minutes {
    margin-left:620px;
}
.left_fourth {
    margin-left:690px;
}
.right_fourth {
    margin-left:770px;
}
#text_seconds {
    margin-left:850px;
}

#text_days,
#text_hours,
#text_minutes,
#text_seconds {
    position:absolute;
    width: 70px;
    height:20px;
    margin-top:58px;
    font-family: 'Droid Sans', arial, serif;
    font-size:16px;
    color:#808080;
    text-align:left;
}