#banner {
	position: relative;
	height: 440px;
	background: #333 url(banner.gif);	
	}
	
	
#button-banner-signup {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 510px;
	height: 50px;
	
	background: url(button-banner-signup.gif) no-repeat 0 0;
	
	text-indent: -9000px;
	} 
	
	#button-banner-signup:hover {
		background-position: 0 -50px;
		}
		
	#banner .footer h2 {
		position: absolute;
		left: 15px;
		bottom: 15px;
		margin: 0;
		
		color: #fff;
		font-size: 1.125em;
		line-height: 3.125em;
		}
		
		
/* 
Step Tabs
*/
		
#steps {
	position: relative;
	margin: 2em 0;
	height: 256px;
	
	background: url(steps.gif) no-repeat left bottom;
	}
	
#steps dt {
	position: absolute;
	top: 0;
	height: 50px;
	z-index: 2;
	background-image: url(steps.dt.gif);

	cursor: pointer;
	text-indent: -9000px;
	}
	
#steps-debt-tab		{ 	left: 0; background-position: 0 0; width: 310px; }
#steps-protect-tab	{	left: 310px; background-position: -310px 0;	width: 320px;}
#steps-wealth-tab	{	left: 630px; background-position: -630px 0; width: 310px;}

#steps-debt-tab.over		{	background-position: 0 -50px; }
#steps-protect-tab.over		{	background-position: -310px -50px;	}
#steps-wealth-tab.over		{	background-position: -630px -50px; }

#steps-debt-tab.selected		{	background-position: 0 -100px; }
#steps-protect-tab.selected		{	background-position: -310px -100px;	}
#steps-wealth-tab.selected		{	background-position: -630px -100px; }

#steps dd {
	position: absolute;
	display: none;
	z-index: 1;
	
	left: 0;
	top: 40px;
	
	width: 590px;
	height: 195px;
	
	margin: 0;
	padding: 20px 330px 20px 20px;

	font-size: .875em;
	line-height: 1.4em;
	
	color: #333;
	}
	
#steps dd h2 {
	font-size: 1.14em;
	margin: .5em 0;
	line-height: 1.25em;
	font-weight: bold;
	}
	
	#steps dd p {
		position: relative;
		margin: 0 0 .75em 0;
		z-index: 1;
		}
		
	#steps dd img {
		position: absolute;
		top: 0;
		right: 0;
		
		z-index: 0;
		}
	
	
#steps .more {
	display: block;
	width: 170px;
	height: 35px;
	
	background: url(steps.more.gif) no-repeat 0 0;
	
	text-indent: -9000px;
	}
	
	#steps .more:hover {
		background-position: 0 -35px;
		}
		
		
/*
Panels
*/

#panels {
	min-height: 1px;
	}
	
	#panels:after {		content: ".";		height: 0;		display: block;		clear: both;		visibility: hidden;		}
	* html #panels	{	height: 1px; }
	
.panel {
	position: relative;
	float: left;
	
	width: 300px;
	
	font-size: .875em;
	color: #333;
	}
	
	
	.panel h3 {
		margin: 0 0 1em 0;
		
		font-size: .78em;
		line-height: 1em;
		font-weight: normal;
		text-transform: uppercase;
		}
		
	.panel h3 a {
		color: #777;
		}
	
	.panel h3 a:hover {
		color: #C9282D;
		}
		
	.panel ul {
		margin: 0;
		padding: 0;
		line-height: 1.3em;
		}
		
	.panel li {
		margin: 0 0 1em 0;
		padding: 0;
		list-style: none;
		}

/*
News Summary
*/
#news-summary	{
	width: 440px;
	padding: 0 20px 20px;
	}
		
	.news-summary-list .date {
		color: #777;
		font-size: .78em;
		}
		
	.news-summary-list .button-group {
		display: none;
		}
	
/*
FAQs
*/
#faqs {
	width: 220px;
	padding: 0 0 20px 20px;
	}
	
	


/*
Resources
*/
.resources {
	width: 200px;
	padding: 0 0 20px 20px;
	}
	
.resource {
	margin: 0 0 1em;
	}