html, body, .wrapper {height: 100%;}

body > .wrapper {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/** End Sticky Footer hacks */

body {
	margin:10px 0px 0px 0px;
	background-image:url(/images/bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#000000;
	font-family:"Trebuchet MS", Arial;
}

form {
	margin:0px;
}
img {
	border:none;
}

h1 {
	color:#414141;
	margin:0px;
	font-weight:normal;
	font-size:28px;
	text-transform:uppercase;
}
h2 {
	font-size:13px;
	color:#333333;
	margin:0px;
}
ul, ol {
	margin:0px 0px 0px 40px;
	padding:0px;
}
li {
	margin:8px 0px 8px 0px;
}
p {
	margin:15px 0px 15px 0px;
}


.logo {
	display:block;
	width:880px;
	margin:10px auto 10px auto;
}


.wrapper {
	display:block;
	width:878px;
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
	border-top:#1B1B1B 1px solid;
	border-left:#1B1B1B 1px solid;
	border-right:#1B1B1B 1px solid;

}
.container img {
	vertical-align:top;
}



/* navigation area */
.nav {
	display:block;
	width:878px;
	height:34px;
	background-image: url(/images/nav-bg.jpg);
	background-repeat: repeat-x;
}
.nav a {
	display:block;
	float:left;
	height:26px;
	padding:8px 10px 0px 12px;
	font-size:14px;
	background-image:url(/images/divider.jpg);
	background-position:right;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
}
.nav .last {
	display:block;
	padding:8px 10px 0px 12px;
	font-size:14px;
	background-image:none;
}
.nav a:hover {
	text-decoration:underline;
}



/* All the Form BG Images */
.form-area {
	display:block;
	width:441px;
	height:185px;
	background-repeat:no-repeat;
	border-top:#1B1B1B 1px solid;
	border-bottom:#1B1B1B 1px solid;
	padding:21px 0px 0px 437px;
	vertical-align:top;
}
.index {
	background-image:url(/images/peaking-through-cash.jpg);
}
.getting-cash-online {
	background-image:url(/images/whole-handfull-cash.jpg);
}
.finding-the-right-payday-loan-company {
	background-image:url(/images/in-business-mode.jpg);
}
.the-payday-loan-process {
	background-image:url(/images/signing-papers.jpg);
}
.paying-off-your-payday-loan  {
	background-image:url(/images/pocket-cash.jpg);
}
.other {
	background-image:url(/images/in-business-mode.jpg);
}



/* Starts the form */
.form {
	display:block;
	width:394px;
	padding:0px 5px 0px 15px;
}
.labels {
   font-size:13px;
   color:#FFFFFF;
   font-weight:bold;
}
.select-amount {
	display:none;
}
.first-name, .last-name, .email  {
   display:block;
   position:absolute;
}
.first-name {
	margin:15px 0px 0px 0px;
}
.last-name {
	margin:65px 0px 0px 0px;
}
.email {
	margin:115px 0px 0px 0px;
}
.first-name input, .last-name input, .email input  {
	display:block;
	border:#ADB379 1px solid !important;
	background-color:#FFFFFF !important;
   	width:158px;
  	font-size:12px;
	height:16px;
	padding:3px 0px 3px 4px;
	color:#333333;
	margin:4px 0px 0px 0px;
}
.first-name input:hover, .last-name input:hover, .email input:hover  {
	background-color:#F4EEC4 !important;
}
.check-01, .check-02, .check-03, .check-04 {
   	display:block;
	margin:0px 0px 0px 171px;
 }
.check-01 .labels, .check-02 .labels, .check-03 .labels, .check-04 .labels {
	margin-left:5px;
	font-size:12px;
	font-weight:normal;
}


/* Will put the checkboxs and button in line with the inputs */
.check-01 {
	padding-top:35px;
}


/* For the form TOS link */
.check-04 a {
	color:#FFFFFF;
	text-decoration:underline;
}
.check-04 a:hover {
	text-decoration:none;
}


/* Turns off the "You have an account" checkbox */
.check-03 {
	display:none;
}


.continue-button {
	display:block;
}
.continue-button input {
	margin:10px 0px 0px 171px;
}



/* Content area with the anchor text colors */

/*.content {padding-bottom:47px;}  /* must be same height as the footer - I'm doing this in the contact class below. - For Sticky Fooder*/

.content {
	display:table;
	color:#666666;
	font-size:14px;
	background-color:#FFFFFF;
	border-top:#1B1B1B 1px solid;
	padding:45px 45px 104px 45px;
	vertical-align:top;
}
.content a {
	color:#4A3935;
	text-decoration:underline;
}
.content a:hover {
	text-decoration:none;
}



/* Content Form -- Does not have this for payday loan sites. */
.content-form {
	float:right;
	padding:8px;

}



/* Starts Footer */
.footer {
	position: relative;
	margin-top: -104px; /* negative value of footer height */
	height: 104px; 
	clear:both;
} 
.footer	a	{
	color:#898989;
	font-size:14px;
	text-decoration:none;
	margin:0px 6px 0px 6px;
}
.footer a:hover	{
	text-decoration:underline;
}
#disclosures {
	width:878px;   /* What ever the wrappers width is. */
	margin:0 auto;  /* Centers the text or element */
	height:36px;
	background-image:url(/images/footer-divide.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
	padding:68px 0px 0px 0px;
	background-color:#FFFFFF;
	font-size:14px;
}
#disclosures ul li {  
  display:inline;
  margin-right:20px;
  color:#898989;
}
#disclosures ul li a {
	color:#898989;
	font-size:14px;
	text-decoration:none;
}
#disclosures ul li a:hover {
	text-decoration:underline;
}