/* reset */
body, div, p, h1, a { margin: 0; padding: 0; }

/* general */
html, body { width: 100%; height: 100%; }
body { font: 14px/24px Arial,'Liberation Sans',FreeSans,sans-serif; background: #999 url(../images/bg-highlight.png) no-repeat top center; }
a, a img { border: none; }
#logo { width: 100%; height: 50%; background-repeat: repeat-x; background-position: bottom left; }
#logo h1 { display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../images/logo.png) no-repeat center center; }
#details { width: 100%; height: 50%; }
#details .coming-soon { padding: 20px 0 30px 0; font-family: 'Reenie Beanie',Arial; font-size: 45px; font-style: normal; font-weight: 400; text-decoration: none; text-transform: uppercase; letter-spacing: 0em; word-spacing: 0em; line-height: 1em; text-align: center; }
#details p { display: block; width: 500px; margin: 0 auto 30px auto; text-align: center; }
#details p#counter { font-weight: bold; }
.icons a { margin: 0 8px; }

/* mobile support */
@media handheld, only screen and (max-width: 480px){
	#logo { height: 40%; }
	#details { height: auto; width: auto; padding-left: 10px; padding-right: 10px; }
	#details p { width: auto; }
}