* { font-family: OpenSans, Helvetica, sans-serif; color: #ccc; }

/* Vertical center */
html, body { width: 100%; height: 100%; }
html { display: table; }
body { display: table-cell; vertical-align: middle; }

body { color: #fff; font-family: OpenSans, helvetica, sans-serif; background-color: #333; 
	background: -moz-radial-gradient(45% 40%, circle cover, #555555 0%, #111111 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, 45% 40% 45% 40%, 0px, 45% 40% 45% 40%, 100%, color-stop(0%,#555555), color-stop(100%,#111111)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(45% 40%, circle cover, #555555 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(45% 40%, circle cover, #555555 0%,#111111 100%); /* Opera 12+ */
	background: -ms-radial-gradient(45% 40%, circle cover, #555555 0%,#111111 100%); /* IE10+ */
	background: radial-gradient(circle at 45% 40%, #555555 0%,#111111 100%); /* W3C */
}
div.container { margin: -10% auto 0 auto; max-width: 515px; }
div.container div { position: absolute; white-spaceX: nowrap; width: 515px; }
div.container div div { font-size: 200%; opacityX: 0; }

#ln1 { top: 2.9em; text-align: center; background: #666; height: 1px; opacity: 0; }
#txt1 { opacity: 0; }
#txt2 { top: 3em; text-align: right; }
#txt2a { opacity: 0; }
#txt2b { opacity: 0; }
#txt3X { left: 100px; }
#txt3a { opacity: 0; }
#txt3b { opacity: 0; }
#txt4 { top: 6.5em; font-size: 100%; text-align: right; opacity: 0; }
#logo { top: -40px; text-align: center; opacity: 0; }
#logo img { width: 316px; height: 133px; }
#txt5 { top: 4.2em; font-size: 150%; text-align: center; }
#txt5 span { margin: 0 .2em; position: relative; opacity: 0; }
.dot { color: #328ec2; opacity: 0; }
#skip { top: 14em; font-size: smaller; text-align: center; }

a { text-decoration: none; outline: 0; }