html {
	background: url(../images/background-cyan.jpg) top center no-repeat black
}
body {
	color: white;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
div, p {
	font-size: 14px
}
a {
	color: #00d1ff;
	outline: 0;
	text-decoration: none
}
input, button, textarea {
	outline: 0;
	vertical-align: middle
}
textarea {
	background: black;
	border: 1px solid #3d565b;
	color: #6b848a;
	font-size: 12px;
	font-weight: bold;
	line-height: normal!important;
	margin: 0;
	padding: 8px 10px;
	width: 300px;
	height: 100px
}
h1, h2, h3, h4, h5 {
	color: #00d1ff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold
}
h1 {
	font-size: 72px
}
h2 {
	font-size: 50px
}
h3 {
	font-size: 36px
}
h4 {
	font-size: 24px
}
h5 {
	font-size: 21px
}
textarea {
	resize: none
}
input[type="text"] {
	background-color: black;
	border: 1px solid #3d565b;
	color: #6b848a;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: normal!important;
	margin: 0;
	padding: 8px 10px;
	width: 300px
}
input[type="submit"], input[type="button"], #signup-btn, #contact-submit, #btn-close, #contact-btn {
	background: #9bedff;
	border: 1px solid #9bedff;
	color: black;
	display: inline block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	line-height: normal!important;
	margin: 0;
	padding: 7px 0;
	text-align: center;
	vertical-align: middle;
	width: 66px
}
input[type="submit"]:hover, input[type="button"]:hover, #signup-btn:hover, #contact-submit:hover, #btn-close:hover, #contact-btn:hover {
	background: #00d1ff;
	border: 1px solid #00d1ff
}
input:focus, textarea:focus {
	border-color: rgba(82,168,236,0.6);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 20px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 20px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 20px rgba(82,168,236,0.6)
}
input.error, textarea.error {
	border-color: rgba(255,0,0,0.8)!important;
	color: red!important;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 20px rgba(255,0,0,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 20px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 20px rgba(255,0,0,0.6)
}
#container {
	width: 100%
}
#countdown {
	color: #00d1ff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 70px
}
#countdown span {
	color: white;
	font-size: 40px
}
#header-container {
	background: url(../images/diagonal-lines.png);
	border-bottom: 1px solid black;
	height: 340px
}
#header {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 980px
}
#message h1 {
	color: white;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 0
}
#social {
	height: 16px;
	margin: 15px 0 45px
}
#social ul li {
	float: left;
	margin: 0 5px
}
#social ul li a {
	display: block;
	height: 16px;
	opacity: .5;
	transition: opacity linear .2s;
	-webkit-transition: opacity linear .2s;
	-moz-transition: opacity linear .2s;
	-o-transition: opacity linear .2s;
	width: 16px
}
#social ul li a:hover {
	opacity: 1;
	transition: opacity linear .2s;
	-webkit-transition: opacity linear .2s;
	-moz-transition: opacity linear .2s;
	-o-transition: opacity linear .2s
}
#social ul li a span {
	left: -9999px;
	position: absolute
}
#social .facebook {
	background: url(../images/social/facebook.png) top left no-repeat
}
#social .twitter {
	background: url(../images/social/twitter.png) top left no-repeat
}
#social .email {
	background: url(../images/social/email.png) top left no-repeat
}
#social .flickr {
	background: url(../images/social/flickr.png) top left no-repeat
}
#social .google {
	background: url(../images/social/google-plus.png) top left no-repeat
}
#social .linkedin {
	background: url(../images/social/linkedin.png) top left no-repeat
}
#social .rss {
	background: url(../images/social/rss.png) top left no-repeat
}
#social .su {
	background: url(../images/social/stumble-upon.png) top left no-repeat
}
#social .vimeo {
	background: url(../images/social/vimeo.png) top left no-repeat
}
#social .youtube {
	background: url(../images/social/youtube.png) top left no-repeat
}
#contact {
	display: none
}
#contact .close {
	color: #00d1ff;
	cursor: pointer;
	font-size: 12px;
	position: absolute;
	right: 12px;
	top: 7px;
	text-transform: uppercase
}
#contact .close:hover {
	text-decoration: underline
}
#contact h3 {
	color: #1cd2fa;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 20px 0
}
#contact-form-container {
	text-align: left;
	width: 560px
}
#contact label {
	color: #00d1ff;
	float: left;
	margin: 5px 0;
	width: 120px
}
#contact input[type="text"], #contact textarea {
	margin: 5px 0;
	padding: 5px;
	width: 350px
}
#contact input[type="submit"] {
	background: #00d1ff;
	border: 1px solid #00d1ff;
	color: black;
	display: inline block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: normal!important;
	margin: 5px 0 0 0;
	padding: 3px 0;
	text-align: center;
	vertical-align: middle;
	width: 66px
}
#btn-close, #contact-btn {
	margin-left: 5px
}
#tweet-container {
	bottom: 10px;
	left: 50%;
	margin-left: -490px;
	position: absolute;
	width: 980px
}
#tweeter-icon {
	background: url(../images/social/tweeter.png) 0 0 no-repeat;
	float: left;
	height: 16px;
	margin: 0 10px 0 0;
	width: 16px
}
#tweets {
	float: left
}
#tweets ul li {
	color: #9fb1cc;
	font-size: 12px
}
.form-error {
	color: red;
	font-size: 12px;
	text-align: center
}
.form-success {
	color: green;
	font-size: 12px;
	text-align: center
}
.clear {
	clear: both
}
.first {
	margin-left: 0!important
}