body {
	background: #000000 url('http://static.lukewertz.com/fathom/i/bg.jpg') top center repeat-x;
	color: #FFFFFF;
	font: 12px/21px Arial;
	padding: 0;
	margin: 0;
}


a { color: #FFFFFF; }

#header {
	height: 43px;
	width: 900px;
	margin: auto;
	position: relative;
	top: 15px;
	left: 6px;
}

#header h1 {
	position: absolute;
	display: block;
	height: 36px;
	width: 184px;
}

#header h1 a {
	background: url('http://static.lukewertz.com/fathom/i/logo.png') no-repeat;
	display: block;
	height: 100%;
	text-indent: -9999em;
	width: 100%;
}

#header form {
	position: absolute;
	top: 22px;
	right: 0px;
	float: right;
	width: 690px;
}

#header form div.inline { display: inline; float: left; margin: 4px 0 0; padding: 0; text-transform: uppercase; }

#header form label#username,
#header form label#password,
.right form label.fullname,
.right form label.email,
.right form label.hidepass { display: none; }

#header form input#login-email { 
	border: 1px solid #FFFFFF; 
	color: #000000; 
	display: block; 
	padding: 5px 6px 3px; 
	width: 127px; 
	float: left; 
	position: relative;
	margin-left: 15px;
}

#header form input.login-password {
	border: 1px solid #FFFFFF; 
	color: #000000; 
	display: block; 
	padding: 5px 6px 3px; 
	width: 100px; 
	float: left; 
	position: relative;
	margin-left: 11px;
}

#header form div.submit-wrapper { background-color: #000000; display: block; float: left; margin: 0; position: relative; width: 75px; height: 23px; }
#header form div.submit-wrapper input { 
	border: medium none;
	background: url('http://static.lukewertz.com/fathom/i/login.png'); 
	color: #FFFFFF; 
	cursor: pointer;
	height: 22px; 
	font: 12px/100% Arial;
	padding: 3px 6px 4px 7px;
	position: relative;
	text-transform: uppercase; 
	width: 56px;
	margin-left: 9px;
}

#header form div.form-input-checkbox { display: block; float: left; position: relative; margin: 0; }
#header form label.login-rememberMe { font: Arial; color: #FFFFFF; }



#content {
	background: url('http://static.lukewertz.com/fathom/i/cbg.gif') no-repeat;
	height: 429px;
	margin: auto;
	position: relative;
	top: 55px;
	width: 981px;
}

#content div.left {
	float: left;
	position: relative;
	top: 49px;
	left: 65px;
	width: 380px;
}

#content div.right {
	float: right;
	position: relative;
	top: 49px;
	right: 65px;
	width: 380px;
}


#content h2 {
	color: #E75021;
	font: normal 19px/150% Arial;
	margin: 0;
	text-transform: uppercase;
}

#content h3 {
	color: #E75021;
	font: normal 13px/150% Arial;
	margin: 20px 0 0;
	text-transform: uppercase;
}

#content ul { margin: 5px 0; padding-left: 18px; display: block; }
#content ul li { float: none; }

#content a.tour {
	background: url('i/tour_btn.gif');
	display: block;
	margin-top: 15px;
	color: #4195AB;
	font-size: 13px;
	height: 34px;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -9999em;
	width: 115px;
}

#content a.facebook {
	display: block;
	padding-left: 113px;
	margin-top: 20px;
	margin-bottom: 10px;
}

div.right form {
	display: block;
	float: left;
	position: relative;
	left: 20px;
	width: 270px;
}

div.right h2.fleft { float: left; padding-top: 2px; width: auto; }

div.right form input {
	border: 2px solid #C6C6C6;
	font-style: italic;
	padding: 6px 6px 4px;
	margin: 0 0 5px;
}

div.right form input.fullname,
div.right form input.email {
	width: 255px;
}

div.right form input.password {
	width: 207px;
}

div.right #jn {
	color: #FFFFFF;
	background: url('http://static.lukewertz.com/fathom/i/join.jpg') no-repeat;
	border: medium none;
	cursor: pointer;
	height: 34px;
	width: 80px;
	margin-top: 10px;
	font: bold normal 12px Arial;
	text-transform: uppercase;
}


#footer {
	margin: auto;
	margin-top: 70px;
	width: 960px;
	text-align: center;
	font-size: 10px;
}

#footer ul { list-style-type: none; text-align: center; margin: 0; padding: 0; }
#footer ul li {
	display: inline;
	margin: 0 5px;
}

#footer ul li a {
	color: #e64f20;
	text-decoration: none;
}

#footer ul li a:hover{
	text-decoration: underline;
}