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

html{

	font-size: 62.5%;

}

body {
	background: #e5eff6 url(../images/bg.jpg) repeat-x;
	font: 1.1em/1.7em Helvetica, Arial, sans-serif;
	color: #605e5e;
}

a img { border: 0;}

#wrapper {
	width: 920px;
	margin: 0 auto;
}

#logo {
	width: 78px;
	float: left;
}

	#logo h1 a {
		width: 99px;
		height: 0px;
		padding: 119px 0 0;
		overflow: hidden;
		display: block;
		background: url(../images/logo.jpg) no-repeat;
	}

h1 {
	font-family: arial;
	font-size: 14px;
	padding: 15px 0 5px 0;
}

a:link, a:visited {
	color: #00688B;
}
	
	
#content {
	width: 920px;
	float: right;
}

	#content #screenshots {
		height: 413px;
		background: url(../images/header-bg.jpg) no-repeat bottom left;
		font-size: 16px;
		line-height: 24px;
	}
	
	#content #screenshots p{
		margin-bottom: 15px;
	}
	
		#content #screenshots h2.screenshots {
			font-size: 21px;
			color: #2d5390;
			margin: 0 0 15px;
		}	
		
	
		#content #screenshots ul {
			list-style-type: none;
		}
		
		#content #screenshots ul li {
			width: 221px;
			float: left;
			margin-left: 13px;
		}
		
			#content #screenshots ul li.listfirst {
				margin: 0;
			}
			
			#content #screenshots ul li img {
				float: right;
				display: block;
			}
			
			#content #screenshots h3 {
				color: #0e5401;
				font-size: 1.3em;
				font-weight: normal;
				clear: right;
			}
			
			#content #screenshots p {
				font-size: 1.1em;
				color: #605e5e;
			}
			
			.intro{
	margin-top: 160px;
	width: 580px;
	float: right;			
			}
			
	#content #textcontent {
		clear: both;
		width: 920px;
		float: right;
		padding: 30px 0;
		border-bottom: 1px solid #898f94;
	}
	
		#content #textcontent #signup {
			width: 330px;
			float: left;
		}
			
			#content h2 {
				color: #2364a4;
				font-size: 21px;
				margin: 0 0 15px 0;
				text-shadow: #fff 1px 1px 1px;
				clear: both;
			}
			
			#content #textcontent #signup p {
				font-size: 1.4em;
				margin-bottom: 15px;
				line-height: 1.6em;
			}
			
			#content #textcontent #signup form p {
	padding: 10px 0 0 30px;
	font-size: 11px;
			}
			
			#content #textcontent #signup form p label {
				float: left;
				width: 50px;
				font-size: 11px;
				line-height: 12px;
				font-weight: bold;
			}
			
			#content #textcontent #signup form p .labelpad {
				padding: 5px 0 0;
			}
			
			#content #textcontent #signup form .field {
				width: 190px;
				height: 21px;
				padding: 5px 5px 0;
				border: 1px solid #8b9093;
			}
			
			#content #textcontent #signup form #border {
				width: 309px;
				height: 2px;
				margin: 19px 0 12px;
				background: url(../images/border-form.jpg) no-repeat;
			}
			
			#content #textcontent #signup form p.button {
				padding: 0;
			}
			
			#content #textcontent #signup form #submit {
				border: 0;
				width: 90px;
				height: 39px;
				display: inline;
				background: url(../images/button-signup.jpg) no-repeat;
				cursor: pointer;
				float: right;
				margin: 0 20px 20px 0;
			}
		
		#content #textcontent #graphicly {
			width: 490px;
			float: left;
			margin-left: 80px;
		}
					

			
			#content #textcontent #graphicly p.description {
				font-size: 1.1em;
				color: #242628;				
			}
			
			#content #textcontent #graphicly p.emphasize {
				font-size: 1.3em;
				color: #000;
				margin-bottom: 15px;
			}
			
		#content #footer {
			clear: both;
		}
		
			#content #footer p {
				margin: 15px 0 0;
				float: left;
			}
			
strong{

	color: #2364a4;

}

.thanks{

	background: #d2e7f1 url(../images/thanks-bg.jpg) repeat-x;
	font: 1.6em/1.6em Helvetica, Arial, sans-serif;

}

.thanks p{

	margin-bottom: 1em;

}

.thanks a{

	color: #666;
	text-decoration: none;

}

.thanks a:hover{

	text-decoration: underline;

}

.thanks .container{

	width: 920px;
	margin: 75px auto;

}

.thanks .hero{

	background: url(../images/hero.jpg) no-repeat;
	height: 354px;
	width: 300px;
	float: left;

}

.thanks .heroConfirmed{

	background: url(../images/heroConfirm.jpg) no-repeat;
	height: 354px;
	width: 300px;
	float: left;

}

.thanks .content{

	width: 460px;
	float: left;
	margin: 40px 0 0 50px;

}

.thanks h2{

	font-size: 21px;
	color: #2364a4;
	margin-bottom: 15px;

}

.thanks .socialIcon{

	width: 65px;
	float: left;

}

.thanks .socialLink{

	width: 120px;
	margin-left: 10px;
	float: left;
	line-height: 0.95em;
	margin-top: 15px;

}

.beta{

	width: 600px;
	background: #fff;
	padding: 40px;
	position: absolute;
	top: 20px;
	right: 40px;
	font-size: 1.2em;
	line-height: 2em;

}

.beta ul{ margin-left: 20px;}	

.beta ul li{ font-weight: bold; color: #2364a4}

.beta ul ul li{ font-weight: normal; color: #666;}

#flashContent{ float: right; width: 250px;}

.beta h3{ margin: 20px 0; background: #2364a4; padding: 3px 8px; border-bottom: 1px solid #2364a4; color: #fff;}

.note{font-size: 11px;}
.red{color: red !important;}
.green{color: green !important;}

.beta hr{ margin: 20px 0; border: 0; border-bottom: 1px solid #ccc; height: 1px; background: #fff; }

.ifanboy{margin: 0 0 30px 0;}