/*
Author:			Gabre Cameron
Author URI:		http://www.pxjunkie.blogspot.com
Author E-mail:	gabrecameron@gmail.com
*/


/* === Default HTML === */
body
{
	background: #F2F2F2;
	background-image:url(../images/background.png);
	background-position:bottom;
	background-repeat:repeat-x;
	color: #b3b3b3;
	font-family:"Helvetica Neue", Arial;
	font-size: 12px;
	text-align: center; /* for IE */
}
a
{
	color: #0092db;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h1
{
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	margin: 0px 5px 0px 0px;
}
h2
{
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}
h3
{
	color: #fff;
	font-size: 13px;
}
p
{
	margin: 0 0 15px 0;
}

.logo
{
	background-image:url(../images/loggo.png);
	background-repeat:no-repeat;
	width:980px;
	height:100px;
	margin: -20px auto 10px auto;
}


/* === Container === */
#Container
{
	background:#000;
	width: 980px;
	margin: 0px auto 50px auto;
	padding: 40px 0px 0px 0px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
}
.clearfix
{
	clear: both;
	display: block;
}
.divider
{
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
.spacer
{
	height: 20px;
}

/* === Top === */
.top
{
	margin: 0px 0px 0px 0px;
	height:250px;
	width: 980px;
	border-bottom: 1px solid #262626;
}
.tagline
{
	color: #0092db;
	font-size: 13px;
}
.msg
{
	margin: 0px 0px 0px 0px;
}

/* Top Left */
.topLeft
{
	margin: 10px 0px 40px 40px;
	float:left;
	width:550px;
	height:180px;
	text-align:justify;
	font-size:18px;
}

/* Top Right */
.topRight
{
	margin: 10px 40px 40px 20px;
	padding: 0px 0px 0px 20px;
	float:right;
	width:265px;
	height:180px;
	border-left: 1px solid #262626;
	cursor: pointer;
}

/* bottom */
.bottom
{
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
	height:180px;
	width: 980px;
	/*border-bottom: 1px solid #262626;*/
}

/* === Section Two === */
.two
{
	background-image:url(../images/two.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	height:400px;
	width:980px;
	border-bottom: 1px solid #262626;
}
.hasCountdown
{
	padding: 0px 0px 0px 50px;
}
.countdown_amount
{
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.countdown_section
{
	color:#999;
	display: inline-table;
	float: left;
	text-transform: lowercase;
	width: 80px;
}


/* === Section One === */
.one
{
	background-image:url(../images/one.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #262626;
	height: 400px;
	margin: 0px 0px 0px 0px;
	width: 980px;
}

.midOne
{
	text-align:justify;
	font-family:"Helvetica Neue", Arial;
	font-size:15px;
	position:relative;
	top:135px;
	left:620px;
	width:250px;
	height:auto;
}

/* cu3er */
#Cu3er
{
	margin: 73px 0 0 23px;
}



/* === Right === */
.rgt
{
	float: left;
	margin-top: 63px;
	text-align: left;
	width: 200px;
}
.rgt .icon
{
	float: left;
	margin-right: 10px;
}
.rgt p
{
	float: left;
	width: 233px;
}

/* contact */
.contact span
{
	color: #0092db;
	font-weight: bold;
}

/* beta */

.beta
{
	margin: 0px 0px 0px 40px;
	height: auto;
	width: 225px;
	float:left;
	text-align:justify;
	font-family:"Helvetica Neue", Arial;
	font-size:15px;
	position:relative;
}

/* mail */

.mail
{
	margin: 0px 0px 0px 0px;
	height: 100px;
	width: 580px;
	float:left;
}
#SubscriptionForm
{
	background-image: url(../images/form.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 100px;
	margin: 35px 0px 0px 105px;
	padding: 0px 0px 0px 0px;
	width: 600px;
}
#SubscriptionForm .email
{
	background: transparent;
	float: left;
	border: none;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 25px;
	padding: 5px 0px 0px 10px;
	height: 50px;
	width: 340px;
}
#SubscriptionForm .subscribe
{
	background: transparent;
	background-image: url(../images/blue/btn.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	border: none;
	cursor: pointer;
	height: 60px;
	margin: 0px 0px 0px -10px;
	width: 210px;
}
label.error
{
	color:#09C;
	font-size: 15px;
	right: 580px;
	position: relative;
	text-align: left;
	top: 70px;
	width: 233px;
}

.error{display:none !important;}

.output
{
	color:#FFF;
	font-size: 15px;
	font-weight:bold;
	right: -10px;
	position: relative;
	text-align: left;
	top: 10px;
	width: 400px;
}

/* twitter */
.twitter .follow
{
	background-image: url(../images/blue/btn-twitter.png);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	float: right;	
	height: 21px;
	margin-top: 15px;
	width: 111px;
}