<html>
	<head>
	<title>Count down for 2015</title>
		<style>
			body {
				background: #C9C9C9;
			}
			#countdown {
				margin: 0 auto;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
			#countdown img.ball {
				width: 14px;
				height: 14px;
				position: absolute;
			}
			#canvas-content {
				margin: 100px auto 0 auto;
				width: 930px;
				z-index: 99;
				position: relative;
			}
			#content {
				padding: 40px;
				background: #FFF;
				width: 850px;
				margin: 50px auto 100px auto;
				-moz-box-shadow: 0 0 6px #c6c6c6;
				-webkit-box-shadow: 0 0 6px #c6c6c6;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px 4px 4px 4px;
				overflow: auto;
				z-index: 10;
				position: relative;
			}
		</style>
		<script type="text/javascript">
		function init() {
			if (io.el('countdown')) {
				io.el('countdown').setAttribute('height',(window.innerHeight-370) + 'px');
			}
		} 
		</script>
	</head>
	<body onload="init();">
		<center><h2><strong>Count down to 2015</strong></h2>
		<div id="canvas-content" style="width:900px;height:100%">
			<div id="countdown">
				<script>
					document.getElementsByTagName('body')[0].style.overflow = 'hidden';
				</script>
				<noscript>Not supported in your browser</noscript>
			</div>
		</div>
		</center>
		<script src="base.js"></script>
		<script src="box2d.js"></script>
		<script src="io.js"></script>
	</body>
</html>