body{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#1E1E1E;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:18px;
	margin:0 0 12px 0;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#00BAEF;
	font-weight:bold;
	line-height:24px;
	margin:6px 0 4px 0;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#00BAEF;
	font-weight:bold;
	line-height:21px;
	margin:6px 0 3px 0;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#00BAEF;
	font-weight:bold;
	line-height:19px;
	margin:5px 0 3px 0;
}
h4{ /* picture headings */
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666;
	font-style:italic;
	line-height:18px;
	margin:5px 0 3px 0;
}
.blue{color:#00BAEF}
.grey{color:#666}
a{
	color:#00BAEF;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;	
}
.clear{float:left;clear:both;width:100%;height:0;line-height:0}
.clear-nodim{float:left;clear:both;}
/* =============== */
/* == MAIN DIVS == */
/* =============== */
#wrapper{
	float:left;
	width:100%;
	background-color:#fff;
}
#header{
	float:left;
	width:100%;
	background:url('../images/ec_headerbg.gif') repeat-x;
}
#header-inner{
	width:882px;
	margin:0 auto;
}
#content{
	float:left;
	width:100%;
}
#content-inner{
	width:882px;
	margin:0 auto;
}
#footer{
	float:left;
	width:100%;
	height:199px;
	margin:12px 0 0 0;
	background:url('../images/ec_footerbg.gif') repeat-x;
}
#footer-inner{
	width:882px;
	margin:0 auto;
}
/* What is it */
.index-left{
	float:left;
	width:300px;
	margin:0 20px 0 0;
}
.index-right{
	float:left;
	width:480px;
}
/* How does it work */
.how-left{
	float:left;
	width:500px;
	margin:0 20px 0 0;
}
.how-right{
	float:left;
	width:310px;
}
/* Key features */
.features-full{
	float:left;
	width:830px;
}
	.feature{
		float:left;
		width:100%;
		margin:20px 0 0 0;
	}
	.feature img{
		border:1px solid #222;	
		margin:0 20px 0 0;
	}