/** Main sections */

body { 
	background: #e8ebec; 
	font-family: Arial, Helvetica, sans-serif;
	color : #ccc; 
	margin:0;
	padding:0;
}
img {
	border:0;
}
#wrapper{
	width:960px;
	margin: 0px auto;
	padding:0;
}
#logo {
	background: url(images/logo.jpg) no-repeat center;
	width:830px;
	height:164px;
	display:block;
	margin:0px auto;
}
#main {
	background: url(images/main.jpg) no-repeat center;
	width: 847px;
	height: 480px;
	overflow:hidden;
	margin: 0px auto;
}




/** Countdown */

#countdown {
	width:770px;
	height:120px;
	margin:170px 0 20px 120px;
}
#loginForm {
	width:770px;
	height:64px;
	margin:70px 0 0 160px;
}
.dash {
	width: 127px;
	height: 125px;
	background: transparent url(images/box.jpg) 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}
.dashTlhomeso {
	width: 127px;
	height: 125px;
	background: transparent url(images/boxTlhomeso.jpg) 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}
.dashRadstone {
	width: 127px;
	height: 125px;
	background: transparent url(images/boxRadstone.jpg) 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}
.dashCodi {
	width: 127px;
	height: 125px;
	background: transparent url(images/boxCodi.jpg) 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}
.dashVertex {
	width: 127px;
	height: 125px;
	background: transparent url(images/boxVertex.jpg) 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}
.dash .digit {
	font-size: 70px;
	font-weight: bold;
	float: left;
	width: 45px;
	text-align: center;
	font-family: Arial;
	color: #2f2e2e;
	position: relative;
	margin: 10px 0 0 13px;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	text-align:center;
	font-weight:bold;
	width:127px;
	font-size: 12px;
	color: #2f2e2e;
	
}
/** Bottom div, the one with the newsletter form and social icons */
#bottom {
	width:739px;
	height:40px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
}
.bottom-text{
	float:left;
	width:108px;
	height:27px;
	color:#fff;
	font-size:11px;
	padding: 13px 0 0 20px;
}
#email_field{
	float:left;
	background:url(images/input.jpg) no-repeat top;
	border:0;
	width:191px;
	height:38px;
	display:block;
	color:#fff;
	text-align:center;
	font-size:12px;
	margin:0;
	padding:0;
}
#newsletter {
	float:left;
	width:300px;
	height:40px;
}
#social{
	float:right;
	margin: 50 0 0 180px;
	height:40px;
	
}
#social ul {
	list-style:none;
	width:120px;
	height:23px;
	padding:0;
	margin: 10px 0 0 0;
}
#social ul li {
	float:right;
	margin: 0 5px 0 0;
}
#submit{
	margin:0;
}

/** Twitter status feed */

#twitstat {
background: url(images/twitterbar.jpg) no-repeat;
width:695px;
height:93px;
color:#2f2e2e;
font-size:14px;
padding: 0 20px 0 70px;
margin:0px auto;
overflow:hidden;
}
#twitstat a{
color:#2f2e2e;
font-weight:bold;
}
#twitstat a:hover{
color:#005ab3;
}
#twitstat ul {
list-style:none;
padding-top:15px;
}
.login-form,
.login-form h1,
.login-form span,
.login-form input,
.login-form label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.login-form {
    position: relative;
    width: 200px;
    height: 200px;
    padding: 15px 25px 0 25px;
    margin-top: 15px;
    cursor: default;
 
    background-color: #141517;
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
    -webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255, .2), inset 0px 1px 1px 0px rgb(0,0,0);
    -moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255, .2), inset 0px 1px 1px 0px rgb(0,0,0);
    box-shadow: 0px 1px 1px 0px rgba(255,255,255, .2), inset 0px 1px 1px 0px rgb(0,0,0);
}

.login-form:before {
    position: absolute;
    top: -12px;
    left: 10px;
 
    width: 0px;
    height: 0px;
    content: '';
 
    border-bottom: 10px solid #141517;
    border-right: 10px solid #141517;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
}

.login-form input[type=submit] {
    float: right;
    cursor: pointer;
 
    color: #445b0f;
 
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .45), 0px 1px 1px 0px rgba(0,0,0, .3);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .45), 0px 1px 1px 0px rgba(0,0,0, .3);
    box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .45), 0px 1px 1px 0px rgba(0,0,0, .3);
}
/*----------------------------
	Styling the forms
-----------------------------*/


#formContainer{
	width:288px;
	height:321px;
	margin:0 auto;
	position:relative;
	z-index:1;
	
	-moz-perspective: 800px;
	-webkit-perspective: 800px;
	perspective: 800px;
}




input[type=submit]:hover{
	opacity:1;
}
