/* TOC
1-: Main Page Structure
2-: Main Navigation
3-: Homepage Specific Styles
4-: Inside Template Content
5-: Footer Styles
*/


/* 1-:-------- Main Page Structure ------------ */

	body {
		margin: 0;
		padding: 0;
		background: #000 url('../img/main-bg-slice.gif') left 11px repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
	}
	img {
		border: 0;
	}
	#wrapper {
		width: 740px;
		margin: 0 auto;
		padding: 0;
	}
	#masthead {
		width: 720px;
		padding: 18px 20px 14px 0;
		float: left;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



	
	
/* 2-:-------- Main Navigation ------------ */
		
	#navContainer {
		width: 740px;
		height: 32px;
		margin: 0px;
		padding: 0px;
		background: url(../img/nav-bg.gif) no-repeat left top;
		float: left;
	}
	#nav {
		width: 690px;
	 	height: 29px;
	  	padding: 0px;
	  	margin: 0px;
	  	position: relative;
	  	top: 0px;
	  	left: 26px;
	 }
	#nav ul {
		width: 690px;
		height: 28px;
		margin: 0px;
		padding: 0px;
		background: url(../img/nav-combo.gif) no-repeat left top;
	}
	#nav ul li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		display: inline;
		float: left;
	}
	#nav ul li a {
		float: left;
		text-decoration: none;
		border: 0px;
		text-indent: -1000em;
		font-size: 0.1em;
		height: 28px;
	}

	/* off states */
	#nav #navHome a { width: 50px; }
	#nav #navSignUp a { width: 124px; }
	#nav #navHowItWorks a { width: 102px; }
	#nav #navWhoWeAre a { width: 94px; }
	#nav #navAbout a { width: 115px; }
	#nav #navFaq a { width: 46px; }
	#nav #navCashplus a { width: 159px; }
	
	/* over and active states */
	#navHome.active a { background: url(../img/nav-combo.gif) no-repeat 0px -28px; }
	#nav #navHome a:hover { background: url(../img/nav-combo.gif) no-repeat 0px -28px; }
	#navSignUp.active a { background: url(../img/nav-combo.gif) no-repeat -50px -28px; }
	#nav #navSignUp a:hover { background: url(../img/nav-combo.gif) no-repeat -50px -28px; }
	#navHowItWorks.active a { background: url(../img/nav-combo.gif) no-repeat -174px -28px; }
	#nav #navHowItWorks a:hover { background: url(../img/nav-combo.gif) no-repeat -174px -28px; }
	#navWhoWeAre.active a { background: url(../img/nav-combo.gif) no-repeat -276px -28px; }
	#nav #navWhoWeAre a:hover { background: url(../img/nav-combo.gif) no-repeat -276px -28px; }
	#navAbout.active a { background: url(../img/nav-combo.gif) no-repeat -370px -28px; }
	#nav #navAbout a:hover { background: url(../img/nav-combo.gif) no-repeat -370px -28px; }
	#navFaq.active a { background: url(../img/nav-combo.gif) no-repeat -485px -28px; }
	#nav #navFaq a:hover { background: url(../img/nav-combo.gif) no-repeat -485px -28px; }
	#navCashplus.active a { background: url(../img/nav-combo.gif) no-repeat -531px -28px; }
	#nav #navCashplus a:hover { background: url(../img/nav-combo.gif) no-repeat -531px -28px; }

/* 3-:-------- Homepage Specific Styles ------------ */

	
	h1 {
		font-size: 1.7em;
		color: #522608;
		line-height: 1.5em;
	}
	.color1 {
		color: #7a380c;
	}
	.color2 {
		color: #98460f;
	}
	

	.style1 {
		font-size: 1.1em;
		color: #81460F;
	}	
	.style2 {
		font-size: 1.1em;
		color: #000;
	}
	.style3 {
		font-size: 1.05em;
		color: #000;
	}
	.style4, .style4 a {
		font-size: 1.05em;
		color: #98460f;
		font-weight: bold;
	}
	.style5, .style5 a {
		font-size: 1.2em;
		color: #98460f;
		font-weight: bold;
	}
	.style6, .style6 a {
		font-size: 0.9em;
		color: #163f53;
	}
	a.style7 {
		color: #000;
		text-decoration: none;
	}
	.style8, .style5 a {
		font-size: 1.1em;
		color: #555555;
		font-weight: bold;
		text-decoration: none;
	}
	.style9, .style6 a {
		font-size: 1.1em;
		color: #163f53;
	}
/* ---------- Anmations ----------- */
	#captions {
		height: 100px;
		width: 740px;
		}
	a.doImg1 {
		display: block; 
		height: 189px; 
		width: 93px; 
		background: url(../img/business-bankrupt-ccj-1.gif) no-repeat 0 0; 
		text-decoration: none; 
	}
	a.doHov1:hover { 
		background: url(../img/business-bankrupt-ccj-2.gif) no-repeat 0 0; 
	}
	a.doImg2 {
		display: block; 
		height: 189px; 
		width: 93px; 
		background: url(../img/student-credit-1.gif) no-repeat 0 0; 
		text-decoration: none; 
	}
	a.doHov2:hover { 
		background: url(../img/student-credit-2.gif) no-repeat 0 0;
	}
	a.doImg3 {
		display: block; 
		height: 189px; 
		width: 93px; 
		background: url(../img/single-mother-1.gif) no-repeat 0 0; 
		text-decoration: none; 
	}
	a.doHov3:hover { 
		background: url(../img/single-mother-2.gif) no-repeat 0 0; 
	}
	a.doImg4 {
		display: block; 
		height: 207px; 
		width: 82px; 
		background: url(../img/overseas-worker-1.gif) no-repeat 0 0; 
		text-decoration: none; 
	}
	a.doHov4:hover { 
		background: url(../img/overseas-worker-2.gif) no-repeat 0 0; 
	}
	#caption1 {
		height: 63px;
		width: 116px;
		margin: 20px 0 0 28px;
		padding: 10px 10px 4px 10px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
	#caption1a {
		height: 67px;
		width: 116px;
		margin: 20px 0 0 28px;
		padding: 6px 10px 4px 10px;
		float: left;
		display: none;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
		background: url(../img/speechActive.jpg) no-repeat 0 0;
	}
	* html #caption1, * html #caption1a { /* ie hack */
		margin: 20px 0 0 14px;
		padding: 10px 14px 0 14px;
	}
	#caption2 {
		height: 67px;
		width: 120px;
		margin: 20px 0 0 7px;
		padding: 6px 10px 4px 6px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
	#caption2a {
		height: 69px;
		width: 120px;
		margin: 20px 0 0 7px;
		padding: 4px 10px 4px 6px;
		float: left;
		display: none;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
		background: url(../img/speechActive.jpg) no-repeat 0 0;
	}
	#caption3 {
		height: 63px;
		width: 120px;
		margin: 20px 0 0 7px;
		padding: 10px 10px 4px 6px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
	#caption3a {
		height: 63px;
		width: 120px;
		margin: 20px 0 0 7px;
		padding: 10px 10px 4px 6px;
		float: left;
		display: none;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
		background: url(../img/speechActive.jpg) no-repeat 0 0;
	}
	#caption4 {
		height: 63px;
		width: 120px;
		margin: 20px 0 0 7px;
		padding: 10px 10px 4px 6px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
	#caption4a {
		height: 67px;
		width: 120px;
		margin: 20px 0 0 7px;
		padding: 6px 10px 4px 6px;
		float: left;
		display: none;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
		background: url(../img/speechActive.jpg) no-repeat 0 0;
	}
	* html #caption2, * html #caption2a, * html #caption3, * html #caption3a, * html #caption4, * html #caption4a { /* ie hack */
		margin: 20px 0 0 0;
		padding: 10px 16px 0 6px;
	}
	#animatedMen {
		height: 207px;
		width: 740px;
		padding: 0 0 13px 0;
	}
	#anim1 {
		height: 189px;
		width: 93px;
		margin: 10px 0 0 25px;
		float: left;
		display: block;
	}
	#anim2 {
		height: 189px;
		width: 93px;
		margin: 10px 0 0 25px;
		float: left;
		display: block;
	}
	#anim3 {
		height: 189px;
		width: 93px;
		margin: 10px 0 0 25px;
		float: left;
		display: block;
	}
	#anim4 {
		height: 207px;
		width: 82px;
		margin: 0 0 0 25px;
		float: left;
		display: block;
	}
	#titleText {
		height: 147px;
		width: 238px;
		margin: 45px 0 0 20px;
		float: left;
		display: block;
	}
	* html #titleText {  /* ie hack */
		width: 227px; 
		margin: 45px 0 0 10px;
	}


/* 4-:-------- Inside Template Content ------------ */
	
	#contentPanel {
		width: 740px;
		background-color: white;
		float: left;
		font: normal 0.75em/1.5em  Arial, Helvetica, sans-serif;

	}
	#topPanel {
		margin-top: 4px;
		background: url(../img/creditbuilder-main-bg.jpg) no-repeat 0 0;
	}
	#rightColumn {
		width: 235px;
		float: right;
		display: block;
		margin: 25px 25px 10px 0;
	}
	* html #rightColumn {  /* ie hack */
		margin: 20px 7px 0 0;
	}
	#leftColumn {
		width: 425px;
		float: left;
		display: block;
		margin: 18px 20px 20px 25px;

		color: #2d2b37;
	}
	* html #leftColumn {  /* ie hack */
		margin: 15px 0 0 15px;
	}
	.tickList {
		margin: 10px 10px 20px 14px;
	}
	.tickList li {
		list-style: none;
		background: url(../img/bullet-tick.gif) no-repeat 0px 0px;
		margin-top: 6px;
		padding-left: 18px;
		padding-right: 20px;
		font-size: 1em;
	}
	#leftColumn h2 {
		color: #9e511d;
		letter-spacing: -0.05em;
		font: normal 1.57em "Trebuchet MS", Tahoma, Arial;
		border-bottom: 1px dotted #ccc;
		margin: 0 0 8px 0;
		padding: 0;
	} 
	h2#reduced {
		font: normal 1.52em "Trebuchet MS", Tahoma, Arial;
	} 
	#leftColumn h3 {
		font: normal 1.32em "Trebuchet MS", Tahoma, Arial;
		color: #555555;
		margin: 2px 0 2px 0;
	} 
	#leftColumn h4 {
		font-size: 1.1em;
		color: #555555;
	} 
	.cmntContainer {
		float: left;
		display: block;
		width: 217px;
		margin: 10px 0 0 15px;
		font-size: 0.8em;
	}
	.cmntImg {
		float: left;
		display: block;
		width: 16px;
		margin: 3px 7px 0 0;
	}
	.cmntTxt {
		float: left;
		display: none;
		line-height: 1.2em;
		padding: 8px 0 8px 0;
		width: 164px;
		border-bottom: 1px dotted #ccc;
		margin: 0 10px 0 20px;
		
	}
	.cmntTitle {
		font-size: 1.03em;
		color: #81460F;
		font-weight: bold;
		width: 164px;
		margin: 2px 10px 0 0;
		padding: 0 0 8px 0;
		border-bottom: 1px dotted #ccc;
		display: block;
	}
	#keyFeatCont {
		margin: 20px;
		width: 400px;
	}
	.keyFeatures {
		list-style: none;
		padding: 0;
		margin: 0 10px;
		background: #fff;
	}
	.keyFeatures li {
		font: normal 1.2em/1.4em  Arial, Helvetica, sans-serif;
		padding: 0;
		list-style: none;
		display: inline;
	}
	.keyFeatures li strong, .keyFeatures li strong a {
		font-weight: normal;
		color: #043254;
		margin: 0 12px 0 0 ;
		display: inline;
		padding: 0;
		text-decoration: none;
	}
	.keyFeatures .diamonds {
		padding: 0 0 0 25px;
		background: #fff url(../img/divide2.gif) no-repeat 0 0;
		height: 20px;
		width: 12px;
	}
	.keyFeatures em  {
		font: italic 1.2em/1.5 Georgia, "Times New Roman", Times, serif;
		color: #9e511d;
	}
	.logoFloat {
		float: left;
		clear: both;
padding:0 0 25px 0;
	}
	#logo1 {
		height: 45px;
		width: 50px;
	}
	#logo2 {
		height: 45px;
		width: 68px;
	}
	.threesteps {
		margin: 30px 15px 30px 15px;
		border-left: 4px dotted #ccc;
		padding: 0 0 0 16px;
	}
	#bgCardQuote {
		background: transparent url(../img/Staggered-Cards.jpg) no-repeat 40px 0;
		width: 400px;
		height: 205px;
		margin: 10px 20px 10px 0;
		padding: 0 20px 0 0;
	}
	#bgCardQuote p {
		width:150px;
		margin: 0 10px 10px 15px;
		padding: 40px 10px 0 0;
		font-size:1.3em;
		color:#F60;
		font-weight:bold;
		letter-spacing:0.8;
		line-height:1.3em;
		vertical-align:middle;
	}	
	#bottomSignBox1 {
		width: 320px;
		border-left: 4px dotted #ccc;
		height: 120px;
		border:1px solid #000;
		text-align:center;
		float:left;
		position:relative;
		margin:0 5px 10px 20px;
		padding:5px;
	}
	#bottomSignBox2 {
				float:left;
		width: 320px;
		border-left: 4px dotted #ccc;
		height: 120px;
		border:1px solid #000;		
		text-align:center;	
			position:relative;
		margin:0 5px 10px 20px;
		padding:5px;			
	}

.signup_button_left
	{
	padding: 0 0 0 45px;
	position:relative;
	display:block;
	
	}	
.signup_button_right
	{
	padding: 15px 0 0 45px;	
	
	position:relative;
	display:block;
	}	
		
.signup_button_banner
	{
padding:5px;
margin: 0 0 0 -20px;
	}

/* */

	#insideHeader {
		width: 740px;
		padding: 20px 0 18px 0;
		background-image: url(../img/inside-bg-slice.gif);
		background-repeat: repeat-x;
		background-color: #F7E0AE;
		float: left;
		}
	#insideHeader h1 {
		font-size: 0.1em;
		margin: 0 0 0 27px;
		padding: 0 0 8px 0;
		text-indent: -2000em;
		}
	#idBox {
		width: 400px;
		height: 80px;
		}
	#boxLeft {
		width: 78px;
		height: 80px;
		float: left;
		display; block;
		}
	#boxRight {
		width: 322px;
		height: 80px;
		float: left;
		display; block;
		}
	#boxRight table {
		margin: 0;
		width: 280px;
		}
	#boxRight table td {
		padding: 10px 20px 0 20px;
		background: url(../img/bullet-tick.gif) no-repeat 0 10px;
		width: 100px;
		font-size: 0.95em;
		}
	.squareList {
		margin: 10px 10px 20px 14px;
		}
	
	.squareList li {
		list-style: none;
		background: url(../img/bullet-square.gif) no-repeat 0px 6px;
		margin-top: 4px;
		padding-left: 8px;
		color: #333;
		}
	.arrowList {
		margin: 10px 10px 20px 14px;
		}
	
	.arrowList li {
		list-style: none;
		background: url(../img/bullet-arrow.gif) no-repeat 0px 2px;
		margin-top: 6px;
		padding-left: 18px;
		padding-right: 20px;
		font-size: 1em;
		}
	.arrowList strong {
		color: #9e511d;
	}
	.boxHeader h3 {
		font-size: 0.1em;
		text-indent: -1000em;
		margin: 0 0 2px 0;
		}
	
	h1#hGetCreditbuilder { background: url(../img/h-get-creditbuilder.gif) no-repeat top left; width: 167px; height: 17px; }
	h1#hApply { background: url(../img/h-apply-for-creditbuilder.gif) no-repeat top left; width: 223px; height: 21px; }
	h1#hFaq { background: url(../img/h-questions.gif) no-repeat top left; width: 266px; height: 21px; }
	h1#hWhoWeAre { background: url(../img/h-who-we-are.gif) no-repeat top left; width: 113px; height: 17px; }
	h1#hHowItWorks { background: url(../img/h-how-it-works.gif) no-repeat top left; width: 124px; height: 17px; }
	h1#hAllAboutCredit { background: url(../img/h-all-about-credit.gif) no-repeat top left; width: 150px; height: 17px; }
	h1#hContact { background: url(../img/h-get-in-touch.gif) no-repeat top left; width: 210px; height: 18px; }
	h1#hTestimonials { background: url(../img/h-testimonials.gif) no-repeat top left; width: 121px; height: 17px; }
	h3#hwhatTheySay { background: url(../img/h-whattheysay.gif) no-repeat top left; width: 174px; height: 18px; }
	h3#hSignupCreditbuilder { background: url(../img/h-creditbuilder.gif) no-repeat top left; width: 109px; height: 17px; }
	h3#hSignupCashplus { background: url(../img/h-cashplus.gif) no-repeat top left; width: 69px; height: 18px; margin: 20px 0 3px 0;}

	#creditbuilderAboutBox {
		width: 207px;
		height: 127px;
		padding: 150px 20px 10px 20px;
		background: url(../img/about-creditbuilder-bg.jpg) no-repeat 0px 0px;
		font-size: 0.9em;
		}
	#creditbuilderFaqBox {
		width: 207px;
		height: 127px;
		padding: 150px 20px 10px 20px;
		background: url(../img/faq-creditbuilder-bg.jpg) no-repeat 0px 0px;
		font-size: 0.9em;
		}
	#creditbuilderSignupBox {
		width: 207px;
		height: 127px;
		padding: 150px 20px 10px 20px;
		background: url(../img/signup-creditbuilder-bg.jpg) no-repeat 0px 0px;
		font-size: 0.9em;
		}
	#creditbuilderContactBox {
		width: 207px;
		height: 127px;
		padding: 150px 20px 10px 20px;
		background: url(../img/contact-creditbuilder-bg.jpg) no-repeat 0px 0px;
		font-size: 0.9em;
		}
	#creditbuilderMediaBox {
		width: 207px;
		height: 127px;
		padding: 150px 20px 10px 20px;
		background: url(../img/media-creditbuilder-bg.jpg) no-repeat 0px 0px;
		font-size: 0.9em;
		}
	#cashplusBox {
		width: 198px;
		padding: 20px 29px 10px 20px;
		background: url(../img/signup-cashplus-bg.jpg) no-repeat 0px 0px;
		}
	#whatBox {
		width: 198px;
		padding: 20px 29px 10px 20px;
		background: url(../img/signup-cashplus-bg.jpg) no-repeat 0px 0px;
		font-size: 0.8em;
		}
	#cashplusBox a {
		color: #00f;
		}
	#cashLeft {
		float: left;
		display: block;
		width: 120px;
		height: 75px;
		margin: 7px 0 0;
	}
	#cashRight {
		float: right;
		display: block;
		width: 77px;
		padding: 0 0 0 10px;
		margin: 7px 0 0;
	}
/* 6-:-------- Accesskeys and Sitemap Styles ------------ */
		
	.accesskeys th {
		text-align: left;
		background-color: #ccc;
		}
	
	.accesskeys p { padding: 0; margin: 0; }
	
	.accesskeys .rowOdd { background-color: #eee; }
	
	#contentMain .sitemapList ul {
		margin-left: 20px;
		margin-right: 10px;
		padding-left: 0;
		}
	
	#contentMain .sitemapList li {
		font-size: 0.80em;
		line-height: 135%;
		list-style: disc;
		background: none;
		margin: 6px 0;
		padding-left: 0px;
		color: #333;
		}
	
	#contentMain .sitemapList li li {
		font-size: 1em;
		line-height: 135%;
		list-style: circle;
		background: none;
		margin: 6px 0;
		padding-left: 0px;
		color: #333;
		}
	
	#contentMain .sitemapList ul ul {
		margin: 4px 0 8px 10px;
		}

/* 5-:-------- Footer Styles ------------ */
		
	#footer p {
		font-size: 0.7em;
		line-height: 135%;
		}
	
	#footerBar a {
		font-size: 0.75em;
		line-height: 135%;
		}

	
	#footer {
		width: 740px;
		float: left;
		text-align: center;
		font-size: 0.9em;
		}
	
	#footerBar {
		width: 740px;
		background: url(../img/footer-bar.gif) no-repeat left bottom;
		float: left;
		text-align: center;
		font-size: 0.9em;
		}
	
	#footer p {
		margin: 0px;
		padding: 8px 0 10px 0;
		}
	
	
	#footerBar p {
		margin: 0px;
		padding: 8px 0 10px 0;
		}
	
	
	#footer a {
		color: #fff;
		margin: 0px;
		padding: 0 12px 0 17px;
		}
	
	
	#footerBar a {
		color: #fff;
		margin: 0px;
		padding: 0 12px 0 17px;
		}
	
	#footer .bullet  {
		background: url(../img/bullet-square.gif) no-repeat 0px 7px;
		}
	
	#footerBar .bullet  {
		background: url(../img/bullet-square.gif) no-repeat 0px 7px;
		}
	
	#footer p {
		color: #fff;
		}
	
	p#copyright {
		text-align: left;
		padding: 8px 30px 40px 30px;
		}
	
	#copyright a {
		padding: 0;
		}
		
	.paymentRef {
		width: 200px;
		float: left;
		}