/**********************************************************************************************

	Title: Website
	Author: XHTMLized
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center;
	color: #222;
	background: url(../images/header_bg.gif) repeat-x top;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {}

h3 {}

h4 {}

p  {}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link {
	color: #0000ff;
	text-decoration: underline;
}

a:visited {}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.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 */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 900px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#header {
	height: 100px;
}

#homepage #content{
	padding: 0 0 20px;
	font-size: 12px;
}

#interior #content{
	float: left;
	width: 650px;
	padding: 0 0 20px;
	font-size: 12px;
	line-height: 1.3em;
}
	#interior #content .wrap{
		width: 610px;
		overflow: hidden;
		padding: 20px;
	}
	
#sidebar {
	width: 295px;
	float: right; 
	padding: 0 0 20px;
	font-size: 11px;
}

#footer {
	clear: both; 
	font-size: 11px;
	line-height: 1.3em;
}

.group{
	margin-bottom: 10px;
}
.col-left{
	float: left;
	width: 550px;
	overflow: hidden;
}
.col-right{
	float: right;
	width: 295px;
	overflow: hidden;
}
	
.promohead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	background-color:#edcd52;
	height:20px;
	padding-bottom:8px;
}

.promohead a {
	color: #333;
	text-decoration:none;
}

.promohead a:hover {
	color: #6f9f31;
	text-decoration: none;
}

.promo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	height: 20px;
	padding-top: 8px;
}

.promo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
}

.promogreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #6f9f31;
	font-weight: bold;
}

.maincontent {
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px; 
	color:#333; 
	line-height:1.2em;
}

.maincontent a {
	color: #6f9f31;
	text-decoration:none;
}

.maincontent a:hover {
	text-decoration:underline;
}

/* added for calculator */
#content { padding:15px; }

.textbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}

.graynorm, .graynorm a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.graynorm a:hover{
	color: #6f9f31;
	text-decoration: none;

}	

.question, .question a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 1.6em;
	margin-left:20px;
	
}

.question a:visited {
	color: #6f9f31;
	margin-left:20px;
}

.question a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6f9f31;
	text-decoration: underline; 
}

.answer, .answer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-left:20px;
}


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

/* Logo -> Image replacement. */
#logo, #logo a, #logo a span {
	display: block;
	width: 475px;
	height: 64px;
	overflow: hidden;
}

#logo {
	position: absolute;
	top: 16px;
	left: 6px;
}

#logo a {
	font-size: 34px;
	font-weight: bold;
	color: #6a9c2d;
	text-decoration: none;

}

#logo a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/logo-tm.gif) no-repeat;
}

#header .container{
	height: 100px;
}

#navigation{
	width: 900px;
	height: 34px;
	margin: 0 auto 0;
	padding: 0;
	position: relative;
	z-index: 510;
}
	#navigation li{
	float: left;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	position: relative;
	}
		#navigation li a{
			color: #333333;
			text-decoration: none;
			float: left;
			display: block;
			height: 24px;
			padding: 10px 30px 0;
		}
			#navigation li a:hover{
				background: #9C0 repeat-x top;
				color: #fff;
			}
			#navigation li.active a{
				background: #9C0 repeat-x top;
				color: #fff;
			}
			#navigation li.active li a{
				background: #EBEBEB;
				color:#000000;
			}
		#navigation li li {
			float:none;
			z-index: 510;
		}
		
		#navigation li li a{
			height: auto;
			float:none;
			border: none;
			border-bottom:1px solid #ccc;
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			background: #EBEBEB;
			font-weight: normal;
			text-align: left;
			padding: 10px;
			display: block;
			width: 210px;
			line-height: 1.5em;
		}
			#navigation ul li a:hover{
				background: #9C0;
				color: #fff;
			}
		#navigation ul {
			position:absolute;
			top:34px;
			left:0;
			z-index: 500;
			width: 230px;
		}
		#navigation li ul, #navigation li:hover ul {
			display:none;
		}
		#navigation li:hover ul {
			display:block;
		}

#attention{
	position: inherit;
	width: 201px;
	height: 125px;
	left: 200px;
	top: 35px;
	background: url(../images/start_here.png) no-repeat;
}	

#header .phonecall{
	position: absolute;
	width: 332px;
	height: 99px;
	left: 568px;
	top: 0px;
	background: url(../images/phone_service.png) no-repeat;
}
	#header .phonecall span{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	} 

#header .state{
	position: absolute;
	left: 735px;
	top: 70px;
}

/* Membership */
#membership{
	clear: both;
	background: url(../images/membership_bg.gif) repeat-x top;
	height: 46px;
	margin: 0 0 20px;
	font-size: 12px;
}
	#membership .login{
		float: left;
		width: 650px;
		overflow: hidden;
		padding: 11px 0 0 30px;
		text-transform: uppercase;
	}
		#membership .login h3{
			float: left;
			font-weight: bold;
			color: #65853a;
			padding: 6px 30px 0 0;
		}
		#membership .login label{
			font-size: 11px;
			padding: 0 10px 0 0;
		}
		#membership .login p{
			float: left;
			padding: 0 20px 0 0;
		}
		#membership .f-text{
			width: 110px;
			border: 1px solid #aaa;
		}
	#membership .register{
		float: right;
		width: 190px;
		padding: 11px 30px 0 0;
		color: #9e751b;
		font-weight: bold;
		text-transform: uppercase;
	}
		#membership .register strong{
			float: left;
			padding: 7px 10px 0 0;
			display: block;
		}
		#membership .register a.btn-signup{
			position: relative;
			display: block;
			width: 74px;
			height: 25px;
			float: left;
		}
			#membership .register a.btn-signup span{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../images/btn_signup.gif) no-repeat;
			}


/* 3.3	Content
-----------------------------------------------------------------------------------------------*/


/* Intro */
#intro .slideshow{
	width: 650px;
	margin: 0 0 5px;
}

#intro .shortcut{
	background: url(../images/shorcut_bg.gif) no-repeat top;
	height: 70px;
	width: 610px;
	overflow: hidden;
	padding: 20px;
	font-weight: bold;
	line-height: 1.2em;
}
	#intro .shortcut .left{
		float: right;
		width: 280px;
	}
	#intro .shortcut .right{
		float: left;
		width: 280px;
	}
	#intro .shortcut h3{
		margin: 0 0 10px;
		display: block;
		height: 25px;
		position: relative;
	}
		#intro .shortcut .left h3{
			width: 182px;
		}
		#intro .shortcut .right h3{
			width: 136px;
		}
		#intro .shortcut h3 span{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			cursor: pointer;
		}
		#intro .shortcut .left h3 span{
			background: url(../images/btn_credit_counseling.gif) no-repeat;
		}
		#intro .shortcut .right h3 span{
			background: url(../images/btn_live_chat.gif) no-repeat;
		}

#free-consultation{
	background: url(../images/form_bg.jpg) no-repeat bottom;
	min-height: 597px;
	position:absolute;
	top: 0px;
	left: 604px;
	
}
	#free-consultation form{
	width: 255px;
	padding: 0px 20px;
	}
	#free-consultation form p{
		width: 255px;
		overflow: hidden;
		padding: 0 0 10px;
	}
	#free-consultation form p.action{
	width: 255px;
	overflow: hidden;
	padding: 0 0 9px 10px;
	}
	#free-consultation form p.info{
		text-align: center;
		color: #726c54;
		font-size: 11px;
		line-height: 1.2em;
		padding: 20px 0 0;
	}
	#free-consultation form label{
		display: block;
		float: left;
		width: 100px;
		font-weight: bold;
		font-size: 11px;
		color: #515544;
		padding: 5px 0 0;
	}
	#free-consultation form .text{
		border: 1px solid #afb496;
		width: 150px;
		float: right;
	}
	
/* Quicklinks */
#quicklinks{
}
	#quicklinks h1{
	color: #5e8534;
	font-size:17px;
	width:500px;
	padding:20px;
	font-weight:bold;
    }

	#quicklinks ul{
	background: #FFF;
	width: 600px;
	padding: 20px;
	overflow: hidden;
	line-height: 1.2em;
	}
	#quicklinks ul li{
	float: left;
	width: 500px;
	margin: 0 32px 0 0;
	}
	#quicklinks ul li.first, #quicklinks ul li.last{
	width: 500px;
	}
	#quicklinks ul li.last{
		margin: 0;
	}
	#quicklinks ul li h3{
		font-weight: bold;
		margin: 0 0 10px;
		font-size: 14px;
	}
		#quicklinks ul li h3 a{
			text-decoration: none;
		}
		#quicklinks ul li.forgiveness h3, #quicklinks ul li.forgiveness h3 a{
			color: #396c87;
		}
		#quicklinks ul li.credit h3, #quicklinks ul li.credit h3 a{
			color: #5e8534;
		}
		#quicklinks ul li.bankcrupcy h3, #quicklinks ul li.bankcrupcy h3 a{
			color: #a87c25;
		}
		#quicklinks ul li.comercial h3, #quicklinks ul li.comercial h3 a{
			color: #90502d;
		}
		#quicklinks ul li.creditor h3, #quicklinks ul li.creditor h3 a{
			color: #755771;
		}

/* Extra */
#extra .recent-news, #extra .articles{
	float: left;
	width: 500px;
	padding: 0 40px 0 20px;
	line-height: 1.3em
}
	#extra .recent-news h3, #extra .articles h3{
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
		border-bottom: 1px solid #999;
		padding: 0 0 10px;
		color: #333;
		margin: 0 0 15px;
	}
	#extra .recent-news li, #extra .articles li{
		width: 265px;
		margin: 0 0 15px;
		overflow: hidden;
	}
	#extra .recent-news li{
		background: url(../images/dash.gif) repeat-x bottom;
		padding: 0 0 15px;
	}
	#extra .articles li h4{
		float: right;
		width: 180px;
		font-weight: bold;
		margin: 0 0 5px;
	}
		#extra .articles li h4 a{
			color: #333;
			text-decoration: none;
		}
			#extra .articles li h4 a:hover{
				color: #386b86;
			}
	#extra .articles li p{
		float: right;
		width: 180px;
		font-size: 12px;
	}
	#extra .articles li img{
		float: left;
		border: 1px solid #999;
	}

#extra .col-right{
	background: #333 url(../images/advantages_bottom.gif) no-repeat bottom;
	color: #fff;
}
#advantages{
	background: url(../images/advantages_top.gif) no-repeat top;
	width: 255px;
	overflow: hidden;
	min-height: 180px;
	padding: 20px;
	line-height: 1.5em;
}
	#advantages li{
		padding: 5px 0 5px 25px;
		background: url(../images/advantages_bullet.gif) no-repeat left;
	}

/* Subscribe */
#subscribe .col-left{
	width: 585px;
}
#subscribe .btn-send-friend, #sidebar .btn-send-friend{
	display: block;
	width: 295px;
	height: 50px;
	position: relative;
}
	#subscribe .btn-send-friend span, #sidebar .btn-send-friend span{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../images/btn_send_friends.gif) no-repeat;
	}

#subscribe #newsletter{
	background: url(../images/subscribe_bg.gif) no-repeat;
	height: 35px;
	padding: 10px 20px 0;
}
	#subscribe #newsletter h3{
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
		float: left;
		padding: 5px 0 0;
	}
	#subscribe #newsletter p{
		float: right;
	}
	#subscribe #newsletter .text{
		width: 200px;
		border: 1px solid #999;
		float: left;
	}
	#subscribe #newsletter .submit, #subscribe #newsletter label{
		float: left;
		padding: 0 10px 0 10px;
	}
	#subscribe #newsletter label{
		padding: 5px 10px 0 10px;
		font-size: 12px;
		text-transform: uppercase;
		display: block;
		color: #666;
	}
	

#interior h1{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #999;
	padding: 0 0 10px;
	text-transform: uppercase;
	margin: 0 0 20px;
}
	#interior h1#logo{
        border-bottom: none;
    }
	#interior #content p, #interior #content ul{
		margin: 0 0 1.3em;
	}
	#interior #content ul{
		padding-left: 50px;
	}
		#interior #content ul li{
			list-style-type: disc;
			padding-left: 5px;
		}

#interior #content table{
	border: 1px solid #acb7b9;
	margin: 0 0 30px;
	font-size: 12px;
	color: #444;
}
	#interior #content table th, #interior #content table td{
		padding: 10px;
	}
	#interior #content table th{
		font-weight: bold;
		background: #dee5eb url(../images/th_bg.gif) repeat-x bottom;
		color: #546172;
		font-size: 12px;
	}
	#interior #content table tr.odd td{
		background: #eef6f9;
	} 



/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	

/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	
#sidebar #advantages{
	background: #333 url(../images/advantages_bottom.gif) no-repeat bottom;
	color: #fff;
	font-size: 12px;
	margin: 0 0 20px;
}
#sidebar .btn-send-friend{
	margin: 0 0 10px;
}

#sidebar .btn-livechat{
	display: block;
	width: 295px;
	height: 50px;
	position: relative;
	margin: 0 0 10px;
}
	#sidebar .btn-livechat span{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../images/btn_livechat.gif) no-repeat;
	}


/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	
#footer .partner{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #578321;
	padding: 10px 20px;
}
#footer .copy{
	float: left;
	width: 640px;
	padding: 10px 0 10px 20px;
}
#footer .logos{
	float: right;
	width: 235px;
	padding: 15px 20px 5px 0;
	text-align: right;
	overflow: hidden;
}
	#footer .logos img{
		float: left;
		padding: 0 0 0 20px;
	}

/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/