* {
	margin: 0;
	padding: 0;
	list-style: none;
}
html, body {
	height: 100%;
}
body {
	font: 1em helvetica,sans-serif;
	background: #fff url(../images/backdrop.png) repeat-x;
}
.wrapper {
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2em;
}
.footer {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
.footer, .push {
	height: 2em; /* .push must be the same height as .footer */
}
.footer p {
	font: 0.8em/1.5em helvetica,sans-serif;
}





/* GENERAL SITE LAYOUT */




.header {
	position: relative;
	width: 900px;
	height: 220px;
	background: url(../images/header.png) no-repeat;
	z-index: 15;
}
.header p {
	position: absolute;
	right: 0;
	bottom: 10px;
	padding: 0;
	color: #5a7b88;
	font: 6em georgia,serif;
}
#content {
	position: relative;
	margin: 20px 0 0;
	padding: 40px 0 0;
}
.beta {
	position: absolute;
	right: 0;
	top: 10px;
	color: #abc0c8;
}




/* NAVIGATION */




.nav {
	position: absolute;
	top: 14px;
}
.nav li {
	height: 23px;
	padding: 0 30px 0 0;
	display: block;
	float: left;
}
.nav a {
	height: 23px;
	text-indent: -500em;
	display: block;
	float: left;
}
.nav a.welcome {
	width: 95px;
	background: #153d4d url(../images/nav-welcome.png) no-repeat;
}
.nav a.learnmore {
	width: 115px;
	background: #153d4d url(../images/nav-learn-more.png) no-repeat;
}
.nav a.register {
	width: 83px;
	background: #153d4d url(../images/nav-register.png) no-repeat;
}
.nav a:hover {
	background-position: 0 100%;
}




/* SUB-NAVIGATION */




.subnav {
	position: absolute;
	bottom: 28px;
}
.subnav li {
	padding: 0 15px 0 0;
	font: 0.8em helvetica,sans-serif;
	display: inline;
}
.subnav a {
	color: #abc0c8;
	text-decoration: none;
}
.subnav a:hover {
	color: #fff;
}




/* INFORMATION */



.info {
	width: 332px;
	height: 190px;
	padding: 0 0 40px;
}
.info li, .info p {
	text-indent: -500em;
}
.trends {
	background: #fff url(../images/daily-trends.png) no-repeat;
}
.biweekly {
	background: #fff url(../images/biweekly-analysis.png) no-repeat;
}




/* TEXT FORMATTING */




h1 {
	height: 48px;
	text-indent: -500em;
}
h1.websitetracking {
	width: 360px;
	background: #fff url(../images/h1-website-tracking.png) no-repeat;
}
h1.login {
	width: 360px;
	background: #fff url(../images/h1-login.png) no-repeat;
}
h1.register {
	width: 360px;
	background: #fff url(../images/h1-signup.png) no-repeat;
}
h2 {
	height: 32px;
	text-indent: -500em;
}
h2.register {
	background: #fff url(../images/h2-signup.png) no-repeat;
}
h2.information {
	background: #fff url(../images/h2-information.png) no-repeat;
}
p, label {
	padding: 0 0 1em;
	color: #5b7b88;
	font: 1em/1.4em helvetica,sans-serif;
}
a {
	color: #5b7b88;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}





/* MISCELLANEOUS CLASSES */




img {
	padding: 0 0 2em;
}
input {
	width: 100%;
	padding: 3px;
	color: #5b7b88;
	font: 1.3em helvetica,sans-serif;
}
input[type="submit"] {
	color: #000;
}
input[type="checkbox"] {
	width: auto;
}
.third {
	width: 37%;
}
.half {
	width: 48%;
}
.twothird {
	width: 59%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.padl {
	padding: 0 1em 1em 0;
}
.padr {
	padding: 0 0 1em 1em;
}