* {
	margin: 0 auto;
	padding: 0;
}

body {
	background: #161616 url(../images/bg.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
}

#container {
	width: 960px;
	position: relative;
    top: 0px;
    left: 50%;
    margin-left: -480px;
}

/* === HEADER Section ===

<------------------------------------------------   HEADER   ------------------------------------------------>

 */
#header {
	margin-top: 28px;
	text-align: center;
	height: 185px;
}

#header h1 {
	color: #ececec;
	font-size: 45px;
	text-transform: uppercase;
	margin-top: 30px;
	position: relative;
}

#header img#helmet {
	position: relative;
	top: 12px;
}

#header h2 {
	color: #5a5a5a;
	margin-top: 15px;
}

/* === CODA SLIDER Section === */

/*
<------------------------------------------------   CODA SLIDER   ------------------------------------------------>

	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

.coda-slider-wrapper {
	margin-top: 70px;
	height: 147px;
}

img.arrow_left, img.arrow_right {
	position: absolute;
	top: 345px;
	border: none;
}

img.arrow_left {
	left: 0px;
}

img.arrow_right {
	right: 0px;
}

.coda-slider, .coda-slider .panel { 
	width: 1280px; 
	height: 147px; 
	color: #fff;
	margin-left: -100px;
}

.coda-slider { overflow: hidden; }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative } 

/* === COUNTDOWN Section === */

/* <------------------------------------------------   COUNT DOWN   ------------------------------------------------> */

 #defaultCountdown { 
	width: 1280px; 
	height: 147px;
}

#t7_timer { 
	width: 1280px; 
	height: 147px; 
	position: relative;
}

#t7_timer_over { 
	width: 1280px; 
	height: 4px; 
	background-image: url(../images/countdown-over.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 78px;
	left: -2px;
	margin: 0px;
	padding: 0px;
}


#t7_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_numbs {
	font-size: 90px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	position: relative;
}

.t7_numbs p {
	color: #3a3a3a 
}

.t7_numbs p.days {
	position: absolute;
	top: 130px;
	left: 120px;
	font-size: 11px;
	letter-spacing: 15px;
}

.t7_numbs p.hours {
	position: absolute;
	top: 130px;
	left: 55px;
	font-size: 11px;
	letter-spacing: 15px;
}

.t7_numbs p.minutes {
	position: absolute;
	top: 130px;
	left: 33px;
	font-size: 11px;
	letter-spacing: 15px;
}

.t7_numbs p.seconds {
	position: absolute;
	top: 130px;
	left: 11px;
	font-size: 11px;
	letter-spacing: 15px;
}

.colon {
	font-size: 90px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, sans-serif;
	background-image: url(../images/countdown1.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 34px;
	height:107px;
	padding: 20px 30px;
	letter-spacing: 60px;
	margin-right: 14px;
}

#t7_d {
	background-image: url(../images/countdown3.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 269px;
	height:87px;
	letter-spacing: 60px;
	padding: 30px 20px;
	margin-right: 15px;
}

#t7_h {
	background-image: url(../images/countdown2.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 162px;
	height:87px;
	padding: 30px 20px;
	letter-spacing: 60px;
	margin-right: 14px;
}

#t7_m {
	background-image: url(../images/countdown2.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 162px;
	height:87px;
	padding: 30px 20px;
	letter-spacing: 60px;
}

#t7_s {
	background-image: url(../images/countdown2.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 162px;
	height:87px;
	padding: 30px 20px;
	letter-spacing: 60px;
}

/* === END COUNTDOWN Section === */

/* === PROCES BAR Section === */

/* <------------------------------------------------   Procesbar   ------------------------------------------------> */

#proces {
	margin-top: 50px;
	background: url(../images/proces_bg.jpg) bottom repeat-x;
	height: 160px;
	position: relative;
	width: 960px;
}

#proces h3 {
	color: #ccc;
	text-align: center;
	height: 20px;
}

#proces p {
	font-size: 11px;
	color: #5a5a5a;
	margin-top: 10px;
	text-align: center;
	height: 13px;
}

#procesborder_left, #procesborder_right {
	position: absolute;
	margin-top: 10px;
	background: url(../images/proces_border.jpg) no-repeat;
	height: 107px;
	width: 1px;
}

#procesborder_left {
	left: 0px;
}

#procesborder_right {
	right: 0px;
}

/* --------   %%%   --------   TO ADJUST THE PROCESBAR VALUE, JUST CHANGE THE WIDTH PROCENTAGE   --------   %%%   -------- */
#procesbar {
	background: url(../images/loadingbar.jpg) repeat-x;
	width: 57%;
	height: 56px;
	margin-top: 33px;
	float: left;
}

/* === END PROCES BAR Section === */