/* BEGIN ERA CSS */

html,body { margin:0; padding:0; height:650px; background: #000000; font-family: Century Gothic, Sans-serif; font-size: 14px; color: #000000; }


/* ANCHOR STYLES */

A:link {color: #FBEDA3; text-decoration: underline; }
A:visited {color: #FBEDA3; text-decoration: underline; }
A:hover {color: #FBEDA3; text-decoration: none; }
A:active {color: #FBEDA3; text-decoration: none; }
A.intro:link {color: #722F15; text-decoration: none; }
A.intro:visited {color: #722F15; text-decoration: none; }
A.intro:hover {color: #722F15; text-decoration: none; }
A.intro:active {color: #722F15; text-decoration: none; }


/* PAGE STYLES */

div#container {
	margin: 0 auto; /* Center, not in IE5 */
	width: 800px;
	background: #000000;
	background-repeat: no-repeat;
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: Treated as min-height */
	min-height: 100%; /* Real browsers */ }

div#content {
	width: 800px;
	height: 612px;
	align: center;
	margin: 60px 0px 0px 0px;
	background: #000000;
	color: #333333;
	background-repeat: no-repeat;
	background-image:url('images/background.png'); }
	
h1 {
	position: absolute;
	margin-top: 430px;
	margin-left: 60px;
	width: 800px;
	text-decoration: none;
	text-align: left;
	font: normal 20px/26px Century Gothic, Sans-Serif;
	color: #FFFFFF;
	letter-spacing: 0.2px; }

h2 {
	position: absolute;
	margin-top: 436px;
	margin-left: 400px;
	width: 400px;
	text-decoration: none;
	text-align: left;
	font: normal 20px/26px Century Gothic, Sans-Serif;
	color: #FFFFFF;
	letter-spacing: 0.2px; }

h3 {
	position: absolute;
	margin-top: 446px;
	margin-left: 400px;
	width: 400px;
	text-decoration: none;
	text-align: left;
	font: normal 20px/26px Century Gothic, Sans-Serif;
	color: #FFFFFF;
	letter-spacing: 0.2px; }
	
h4 {
	position: absolute;
	margin-top: 290px;
	margin-left: 610px;
	width: 100px;
	text-decoration: none;
	text-align: left;
	font: normal 20px/26px Century Gothic, Sans-Serif;
	color: #FFFFFF;
	letter-spacing: 0.2px; }
	
h5 {
	position: absolute;
	margin-top: 20px;
	margin-left: 40px;
	width: 100px;
	text-decoration: none;
	text-align: left;
	font: normal 20px/26px Century Gothic, Sans-Serif;
	color: #FFFFFF;
	letter-spacing: 0.2px; }
	
h6 {
	position: absolute;
	margin-top: 350px;
	margin-left: 60px;
	width: 100px;
	text-decoration: none;
	text-align: left;
	font: normal 20px/26px Century Gothic, Sans-Serif;
	color: #FFFFFF;
	letter-spacing: 0.2px; }
	
div#formcontainer div.formObject div.inputObject .textfield {
	width: 300px;
	height: 20px;
	background-color: #EEEEEE;
	color: #000000;
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	text-align: left;
	border: 2px solid #000000 }

div#formcontainer div.formObject div.inputObject .gender {
	width: 100px;
	height: 20px;
	background-color: #EEEEEE;
	color: #000000;
	font-family: Century Gothic, sans-serif;
	font-size: 10px;
	text-align: left;
	border: 2px solid #000000 }

div#formcontainer div.formObject div.inputObject .country {
	width: 160px;
	height: 20px;
	background-color: #EEEEEE;
	color: #000000;
	font-family: Century Gothic, sans-serif;
	font-size: 10px;
	text-align: left;
	border: 2px solid #000000 }

div#formcontainer div.formObject .submitObject {
	width: 200px;
	height: 28px;
	background-color: #2B4F2A;
	color: #EEEEEE;
	font-family: Century Gothic, sans-serif;
	font-size: 10px;
	text-align: center;
	border: 2px solid #000000 }

div#formcontainer div.labelCheck {
	margin-top: 6px;
	color: #FFFFFF;
	font-family: Century Gothic, sans-serif;
	font-size: 9px;
	text-align: left; }
	
div#footer {
	margin: -10px auto;
	width: 700px;
	height: 100px;
	bottom: 0; /* Stick to bottom */
	background: #000000; }

div#footer p {
	padding: 6px;
	margin: 0;
	vertical-align: middle; }
div#footer ul.info-container li.statements {
	float: left;
	margin: 10px 0px 10px 6px !important;
	padding: 0 12px; }
div#footer ul.info-container li.copyright {
	float: right;
	margin: 10px 10px 10px 6px !important; }
div#footer ul#info {
	list-style-type: none;
	margin: 0 0 0;
	padding: 0 0 0 0; }