html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:arial;
	overflow:hidden;
}

.button{
	position:absolute;
	width:100%;
	height:50%;
	background:white;
	/*border:3px solid #888;*/
}

#top{
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg); 
	-o-transform:rotate(-180deg); 
	transform:rotate(-180deg);
	ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

#pBottom{
	opacity:1.0;
	transition:opacity 0.5s;
}

#pTop{
	opacity:1.0;
	transition:opacity 0.5s;
}

#bottom{
	top:50%;
}

#hr{
	position:absolute;
	margin:auto;
	top:0px;
	bottom:0px;
	height:1px;
	z-index:1;
	background:#999;
	width:100%;
}

#divider{
	position:absolute;
	margin:auto;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:2;

	border-width:5px;
	border-style:solid;
	border-color:#ffffff;

	width:450px;
	height:10%;/* OLD:45px; */
	background:silver;
	transition:	height 0.8s,
				border-width 0.7s;
}

#divider p{
	font-size:40px;
	height:45px;
	opacity:1.0;
	text-align:center;
	transition:opacity 0.5s;
}

#start{
	position:absolute;
	margin:auto auto auto 55px;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	color:#ffffff;
	letter-spacing:50px;
}

.time{
	position:absolute;
	height:229px;
	width:100%;
	margin:auto;
	top:0px;
	bottom:0px;
	text-align:center;
}

.time p{
	font-size:200px;
}

#timeT{
	color:silver;
}

#timeB{
	color:black;
}

#sound{
	display:none;
}