body { background-color:#fff; margin:0; padding:0; }

.hublot-timekeeper{
	display: block;
	border: none;
	width:		179px;
	height:		140px;
	position:	relative;
	overflow:	hidden;
	color:		#FFFFFF;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.hublot-timekeeper img{
	border: none;
}
.hublot-timekeeper.visible{ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.hublot-timekeeper.hover .hublot-text{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;

	-moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   -ms-transform: scale(1);
}
.hublot-timekeeper.static .hublot-watch-static{
	display:block;
}
.hublot-timekeeper.static .hublot-watch{
	display:none;
}
.hublot-timekeeper.hover .hublot-watch, .hublot-timekeeper.hover .hublot-watch-static{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

	-moz-transform: scale(0.8);
   -webkit-transform: scale(0.8);
   -o-transform: scale(0.8);
   transform: scale(0.8);
   -ms-transform: scale(0.8);
}
.hublot-timekeeper .hublot-text, .hublot-timekeeper .hublot-watch, .hublot-timekeeper .hublot-watch-static{
	position:absolute;
	top: 0;
	
	width: 100%;
	height: 100%;

	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.hublot-timekeeper .hublot-watch-static{
	display:none;
	z-index:5;
}
.hublot-timekeeper .hublot-text{
	z-index:10;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

	-moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   -ms-transform: scale(1.2);
}
.hublot-timekeeper .hublot-text .hublot-logo-glow{
	
	width: 200px;
	height: 134px;
	margin: auto;
}
.hublot-timekeeper .hublot-watch{
	z-index:5;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;

}
.hublot-timekeeper img.watch {
	position: 				absolute;
    margin-right: 			0px;
}
.hublot-timekeeper div.handles {
    height: 				180px;
    overflow: 				hidden;
    position: 				absolute;
    left: 					-1px;
    top: 					-14px;
    width: 					200px;
}

.hublot-timekeeper .handles div.handle {
    width: 					100%;
    height: 				100%;
    position: 				absolute;
    left: 					0;
    top: 					0;


    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.hublot-timekeeper .handles div.ease {
    -webkit-transition: all 0.99s ease-out 0s;
    -moz-transition: all 0.99s ease-out 0s;
    -o-transition: all 0.99s ease-out 0s;
    transition: all 0.99s ease-out 0s;
}

.hublot-timekeeper .handles div.hour {
	background: 			url(../images/pub/hours.png) no-repeat scroll center 5px;
	height:					80px;
	left: 					77px;
    top: 					40px;
	width: 					15px;
	z-index: 				1;
}

.hublot-timekeeper .handles div.minute {
	background: 			url(../images/pub/minutes.png) no-repeat scroll center 5px;
	height:					108px;
	left: 					77px;
	top: 					28px;
	width: 					15px;
	z-index: 				2;
}

.hublot-timekeeper .handles div.second {
	background: 			url(../images/pub/seconds.png) no-repeat scroll center 18px;
	height: 				144px;
	left: 					77px;
	top: 					10px;
	width: 					15px;
	z-index: 				3;
}

/* IE9 */
.hublot-timekeeper .handles div.handle.hour {
    -ms-transform: rotate(60deg);
}
.hublot-timekeeper .handles div.handle.minute {
    -ms-transform: rotate(295deg);
}


.hublot-logo{
	width: 90px;
	height: 50px;
	float:left;
	margin-top: 40px;
}