@charset "utf-8";
/*-------------------------------------------------------- COMMON ELEMENTS */
*{
	margin:0px;
	padding:0px;
	outline:none;
}

body{
	background:#5c6570 url(../images/bg.jpg) no-repeat top center;
	color:#e8e8e8;;
	font:14px Arial, Helvetica, sans-serif;
	line-height:21px;
	}
	
.clearthis{
	width:100%;
	height:0px;
	clear:both;
}
h1{
	font-size:40px;
	font-weight:bold;
	line-height:38px;
	letter-spacing: -0.6pt;
	color:#e8e8e8;
	text-shadow:0px 1px 3px #40474e;
}
button{
	border:0px;
	cursor:pointer;
	padding: 0px 7px 0 0 !important;
	height:23px !important;
}
button strong{
	margin-top:-1px !important;
}
button.submit{
	margin-top:10px;
	float:right;
	margin-right:0px;
}
a.button, button {
	display: block;
	height: 24px;
	margin-right: 15px;
	padding-right: 10px;
	text-decoration: none;
	color: #babcbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
a.button strong, button strong { 
	display: block;
	line-height: 18px;
	padding: 3px 0 3px 10px;
}
a.button:hover, button:hover{
	background-position: right -24px;
}
a.button:hover strong, button:hover strong{
	background-position: 0 -24px;
}
a.button:active, button:active{
	background-position: right -48px;
}
a.button:active strong, button:active strong{
	background-position: 0 -48px;	
}

.button.green, button.green {
	color: #376b14;
    background: transparent url('../images/button_right.png') no-repeat scroll top right; 
	
}
	.button.green strong, button.green strong { 
		background: transparent url('../images/button_left.png') no-repeat; 
	} 
/*----------------------------------------------------CONTENT*/
#logindiv{
	position:absolute;
	top:10px;
	right:0px;
	text-align: right;
	width:250px;
}
#logindiv a{
	margin-left:10px;
	float:right;
}
#headerwrapper{
	width:100%;
	height:430px;
}
	#header{
		position:relative;
		width:980px;
		margin:0px auto;
		height:430px;
	}
		#logo{
			position:absolute;
			top:30px;
			left:-6px;
			width:188px;
			height:65px;
			background: url(../images/index/logo.png) no-repeat;
		}
			#logo strong{
				display: none;
			}
		#main{
			position:absolute;
			top:132px;
			left:0px;
			width:980px;
			height:260px;
			background: url(../images/index/mainbg.png) no-repeat;
		}
			#main h1{
				position:absolute;
				top:20px;
				left:480px;
			}
			#main p{
				position:absolute;
				top:113px;
				left:480px;
				width:465px;
				color:#e8e8e8;
				text-shadow:0px 1px 3px #40474e;
			}
			#iphoneapp{
				position:absolute;
				top:58px;
				left:-27px;
				width:291px;
				height:233px;
				background: url(../images/index/iphone.png) no-repeat;
				cursor: pointer;
			}
			#iphoneapp:hover{
				background: url(../images/index/iphone_hover.png) no-repeat;
			}
				#iphoneapp strong{
					display: none;
				}
			#signupbutton{
				display:block;
				position:absolute;
				right:10px;
				bottom:10px;
				width:297px;
				height:50px;
				background: url(../images/index/signupbutton.png) 0px 0px no-repeat
			}
			#signupbutton:hover{
				background-position:0px -50px;
			}
			#signupbutton:active{
				background-position:0px -100px;
			}
				#signupbutton strong{
					display:none;
				}
			
#featureswrapper{
	width:100%;
	height:150px;
	background: #434a52 url(../images/index/featurebg.png) repeat-x;
}	
	#features{
		width:980px;
		padding-top:26px;
		height:124px;
		margin:0px auto;
	}
		div.feature{
			position:relative;
			padding-left:92px;
			width:218px;
			float:left;
			margin-right:20px;
			font-size:12px;
			color:#8491a1;
			line-height:19px;
			
		}
			.feature_image{
				position:absolute;
				top:-1px;
				left:-2px;
				display: block;
				width:84px;
				height:84px;	
			}
			#feature_1 .feature_image{
				background: url(../images/index/feature_1.png) no-repeat;
			}
			#feature_2 .feature_image{
				background: url(../images/index/feature_2.png) no-repeat;
			}
			#feature_3 .feature_image{
				background: url(../images/index/feature_3.png) no-repeat;
			}
		div.last{
			margin-right:0px;
		}
#signupwrapper{
	width:100%;
	background: #3c4249 url(../images/index/signupbg.png) repeat-x;
}
	#signupdiv{
		position:relative;
		width:980px;
		padding-top:16px;
		margin:0px auto;
	}
		#signupdiv h1{
			display: block;
			width:540px;
			float:left;
			font-size:35px;
			margin-top:10px;
			color:#8491a1;
			text-shadow:0px 1px 3px #30353b;
		}
		#signupdiv p{
			float:left;
			width:560px;
			color:#8491a1;
			margin-top:20px;
		}
		#signupdiv #formwrapper{
			float:right;
			width:360px;
		}
		#signupdiv #formwrapper.successful{
			width:980px;
			text-align:center;
		}
			#signupdiv #formwrapper.successful h1{
				width:980px;
				text-align: center;
			}
			#signupdiv #formwrapper.successful p{
				width:980px;
				text-align:center;
				margin-bottom:30px;
			}
			
		#signupdiv form{
				float:right;
				width:360px;
				font:14px Arial, Helvetica, sans-serif;
				padding:10px 0px;
				margin-bottom:15px;
				background: #3c4249;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius:5px;
			}
				#signupdiv form dt{
					display:block;
					float:left;
					clear:both;
					width:100px;
					margin:4px 2px;
					padding:5px 0 3px;
					text-align:right;
					
				}
				#signupdiv form dd{
					position:relative;
					display:block;
					float:right;
					width:217px;
					margin:4px 20px 4px 2px;
					padding:0px;
					text-align:left;
				}
			
					#signupdiv input{
						float:left;
						border-color: #1C1E21 #282C30 #606873;
						border-style: solid;
						border-width:1px;
						padding:5px;
						background:#5c6570;
						font:14px Arial, Helvetica, sans-serif;
						color:#fff;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						
					}
					#signupdiv input[type=text], #signupdiv input[type=password]{
						height:17px;
						width:205px;
						margin:0px;
					}
					#signupdiv select{
						float:left;
						height:27px;
						width:217px;
						padding:5px;
						border-color: #1C1E21 #282C30 #606873;
						border-style: solid;
						border-width:1px;
						font-size:13px;
						background:#5c6570;
						color:#fff;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						outline: none;
					}
					#signupdiv select option{
						color:#fff;
						width:207px;
						padding:0px 5px;
						border:none;
						outline: none;
						
					}
					
#socialwrapper{
	width:100%;
	height:95px;
	background: #434a52 url(../images/index/featurebg.png) repeat-x;
	border-top: 1px solid #363b42;
}	
	#social{
		width:980px;
		padding-top:26px;
		height:69px;
		margin:0px auto;
	}
		a.social{
			display: block;
			position:relative;
			padding-left:42px;
			width:238px;
			float:left;
			margin-right:50px;
			font-size:12px;
			color:#8491a1;
			line-height:19px;
			text-decoration:none;
			
		}
		a.social:hover{
			color:#e8e8e8;
			text-decoration:underline;
		}
			
			.social_image{
				position:absolute;
				top:2px;
				left:0px;
				display: block;
				width:32px;
				height:32px;	
			}
			.social_image strong{
				display: none;
			}
			#social_1 .social_image{
				background: url(../images/index/social_1.png) no-repeat;
			}
			#social_2 .social_image{
				background: url(../images/index/social_2.png) no-repeat;
			}
			#social_3 .social_image{
				background: url(../images/index/social_3.png) no-repeat;
			}
		a.last{
			margin-right:0px;
		}
#footer{
	width:980px;
	margin:20px auto;
	font-size:12px;
	color: #3c4249;
}
	#footer a{
		color:#3c4249;
	}
	#footer a:hover{
		color:#fff;
	}
/*------------------------------------FORM ERRORS*/

.errors{
	list-style:none;
	font-size:12px;
	padding:0px 5px;
	float:left;
	color:#fec0b9;
}
	.errors li{
		padding:5px;
		width:195px;
		background: #E43926 url(../images/index/error.png) repeat-x;
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-left-radius:3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-bottom-right-radius:3px;
	}