/* ---------- General Styles ---------- */

body {
	font: normal 12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	background:url(../images/background.png) repeat-x; 
	background-color:#f6f6f6; 
}

hr { 
	border:0px;
	height:1px;
	background-color:#EBEBEB;
}

.clear {clear: both;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h3 { text-transform: uppercase; font-family:'BebasNeueRegular',Arial,sans-serif; }

a { text-decoration:none; color:#D6D6D6; }
a:hover { color:#cccbcb; }

/* ---------- Structure ---------- */

.center_container { margin:auto; width:980px; }

/* ---------- Top Section ---------- */

#logo_wrapper { 
	float:left;
	width:440px;
	height:150px;
	margin-top:20px;
	margin-bottom:20px; 
}

#social_media_wrapper {	
	width:400px; 
	float:right; 
	margin-top:80px; 
	text-align:right; 
}

/* ---------- The Mask Background ---------- */

#wrapper_mask_background {
	float:right;
	width:825px;
	height:336px;
	position:absolute;
	background:url(../images/background_right.png);
	right:0px;
	top:335px;
	z-index:100;
}

#wrapper_line_top {
	width:100%;
	background:url(../images/line_top.png) repeat-x;
	height:16px;
	top:655px;
	position:absolute;
	z-index:200;
}

#wrapper_line_bottom {
	width:100%;
	background:url(../images/line_bottom.png) repeat-x;
	height:16px;
	top:1675px;
	position:absolute;
	z-index:200;
	height:120px;
}

/* ---------- Main Wrapper Top ---------- */

#main_wrapper_top {
	float:left;
	width:100%;
	height:460px;
	background-color:transparent;
	z-index:9999;
}

	#main_wrapper_top .desc {
		float:left;
		width:780px;
		height:270px;
		position:relative;
		z-index:9999;
		line-height:1.4em;
	}

		#main_wrapper_top .desc h3 {
			font-size:48px;
			text-shadow: 1px 1px 2px #7a7a7a;
			margin:0px;
			line-height:1.4em;
		}

/* ---------- Countdown ---------- */

#main_wrapper_top .countdown_back_center { width:750px; margin:auto; }
#main_wrapper_top .countdown_wrap {
	float:left;
	position:relative;
	z-index:9999;
	width:750px;
	height:105px;
	padding:10px 0px;
	background:url(../images/back_countdown.png) no-repeat;
}
#main_wrapper_top .countdown_center { margin:auto; }
#main_wrapper_top .countdown { float:left; }

/* ---------- Subcribe ---------- */

#main_wrapper_subcribe_back {
	float:left;
	width:100%;
	height:145px;
	background:url(../images/back_subcribe.png) repeat-x;
	position:absolute;
	top:720px;
	z-index:100;
}

#main_wrapper_subcribe_center { width:660px; margin:auto; z-index:200; }
	
	#main_wrapper_subcribe {
		float:left;
		background:url(../images/back_subcribe_form.png) repeat-x;
		margin-top:32px;
		padding:20px;
		z-index:200;
	
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
	}

		#main_wrapper_subcribe input[type=text] {
			width:600px;
			padding:10px;
			font:16px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			border:0px;
			color:#787A7E;
			float:left;
	
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
		}

/* ---------- Bottom ---------- */

#main_wrapper_bottom {
	float:left;
	width:100%;
	margin-top:250px;
	color:#FFF;
}

	#main_wrapper_bottom h3 { margin:0px 0px 20px 0px; font-size:24px; }

/* ---------- Col One ---------- */

#main_wrapper_bottom .one {
	float:left;
	width:300px;
	height:750px;
	font-size:14px;
	line-height:1.5em;
}

	#main_wrapper_bottom .one label {
		width:100%;
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#D6D6D6;
	}

	#main_wrapper_bottom .one .text {
		width:100%;
		display:block;
		margin:10px 0px 30px 0px;
	}

		#main_wrapper_bottom .one .text .about {
			width:100%;
			display:block;
			margin-bottom:10px;
		}

/* ---------- Col Two ---------- */

#main_wrapper_bottom .two {
	float:left;
	width:300px;
	height:750px;
	font-size:14px ;
	line-height:1.5em;
	margin-left:40px;
}

	#main_wrapper_bottom .two .tweet {
		float:left;
		width:100%;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px dashed #CCC;
		font-style:italic;
	}

		#main_wrapper_bottom .two .tweet .text {
			float:left;
			width:100%;
			margin-bottom:5px;
		}

		#main_wrapper_bottom .two .tweet .date {
			float:left;
			width:100%;
			font-size:12px;
			font-weight:bold;
			color:#CCC;
		}

/* ---------- Col Three ---------- */

#main_wrapper_bottom .three {
	float:right;
	width:300px;
	height:750px;
	line-height:1.5em;
}

	#main_wrapper_bottom .three label {
		width:100%;
		display:block;
		font-weight:bold;
		margin-top:20px;
	}
	
	#main_wrapper_bottom .three label:first-child {	margin-top:0px; }
	#main_wrapper_bottom .three label[class=error] {
		margin:10px 0px 0px 0px;
		font-size:11px;
		font-weight:normal;
		color:#F9F;
	}

	#main_wrapper_bottom .three input[type=text] {
    	color: #787A7E;
		font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		padding: 10px;
		border: 0px;
		outline: none;
		margin:10px 10px 0px 0px;
		width:200px;
		
		-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
		
		-moz-box-shadow: inset 0 0 4px 4px #F9F9F9;
		-webkit-box-shadow: inset 0 0 4px 4px #F9F9F9;
		box-shadow: inset 0 0 4px 4px #F9F9F9;
	}

	#main_wrapper_bottom .three textarea {
		width:280px;
		height:100px;
		padding:10px;
		margin:10px 0px 0px 0px;
    	color: #787A7E;
		font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		padding: 10px;
		border: 0px;
		outline: none;
		overflow:hidden;
	
		-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
	
		-moz-box-shadow: inset 0 0 4px 4px #F5F5F5;
		-webkit-box-shadow: inset 0 0 4px 4px #F5F5F5;
		box-shadow: inset 0 0 4px 4px #F5F5F5;
	}

	#main_wrapper_bottom .three input[type=submit] { font-weight:bold; margin-top:20px; }

	#main_wrapper_bottom .status {
		width:280px;
		float:left;
		display:block;
		margin-top:20px;
		font-size:14px;
		padding:10px;
		display:none;
	}
	
		#main_wrapper_bottom .status.success { background-color:#CFF; border:1px solid #9FC; }
		#main_wrapper_bottom .status.error { background-color:#FCF;	border:1px solid #F99; }

/* ---------- Footer ---------- */

#footer_wrapper {
	float:left;
	margin-top:60px;
	width:100%;
	text-align:center;
	color:#505050;
	font-size:14px;
}