html { min-height: 100%; }
body { background: url('bg.jpg') no-repeat center center; min-height: 100%; font-family: 'Open Sans Condensed', sans-serif; margin: 0; }

a, a:visited { text-decoration: none; outline: none; color: #54a6de; }
a:hover { text-decoration: underline; }
section, footer { display: block; }

#box { background-color: rgba(220,220,220,0.3); border-radius: 10px; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5); margin: 120px auto 0px auto; padding: 40px; width: 550px; }
	h1 { font-size: 40px; font-weight: normal; margin: 0; padding: 0 0 20px 0; text-align: center; }
	#note{ color: #000000; font-size: 24px; margin: 0; padding: 4px; text-align: center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); width: 100%; }

footer { background-color: #111111; bottom: 0; box-shadow: 0 -1px 2px #111111; color: #eeeeee; font-size: 19px; left: 0; padding: 8px 0; position: fixed; width: 100%; }
	footer .wrapper { margin: 0 auto; width: 900px; }
	footer .left { float: left; line-height: 36px; width: 400px; }
		footer .left .block { float: left; padding-right: 24px; }
		footer .left .block span { font-style: normal; color: #888888; }
	footer .right { float: right; width: 400px; }
		footer .right img { float: right; }

footer h2{  font-weight: normal; left: 50%; margin-left: -400px; padding: 13px 0 0; position: absolute; width: 540px; }

.countdownHolder { font-size: 40px; letter-spacing:-3px; line-height: 1.5; margin: 0 auto; text-align: center; width: 450px; }
.position { display: inline-block; height: 1.6em; overflow: hidden; position: relative; width: 1.05em; }
.digit {
	background: #4c4c4c;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, #000000), color-stop(60%, #111111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
	background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	background: -o-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	background: -ms-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
	border-radius: 0.2em; color: #ffffff; display: block; letter-spacing: -1px; position: absolute; text-align: center; width: 1em; }
.digit.static { }

.countDiv { display: inline-block; height: 1.6em; position: relative; width: 16px; }
.countDiv:before,
.countDiv:after { background-color: #444444; border-radius: 50%; box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5); content: ''; height: 5px; left: 50%; margin-left: -3px; position: absolute; top: 0.5em; width:5px; }
.countDiv:after { top: 0.9em; }