body { margin: 0; padding: 0; background: URL("../images/backgrounds/site.png") repeat-x #bac3bc; font: 12px Arial; color: #333; }

#container { margin: 0 auto 0 auto; width: 800px; overflow: hidden; }

/* Top Swath */
.headerBar { height: 26px; font: 11px Arial; color: #bac3bc; }
	.headerBar a { color: #000000; font-weight: bold; text-decoration:none; }
	.headerBar a:hover { color: #ff0000; font-weight: bold; text-decoration:underline; }
	.hdnav { background:url(../images/testimonial-chat-box/hdnav.gif) no-repeat; width:100px; height:20px; float:left; margin-left:5px; margin-top:4px; text-align:center; text-decoration:none;}

/* Logo Area */
.logoBar { width: 800px; height: 149px; background: URL("../images/backgrounds/header.png") no-repeat; }
	.logoBar .logo { width: 344px; height: 87px; float: left; display: inline; margin: 55px 0 0 5px }
	.logoBar .group { width: 444px; height: 142px; float: right; display: inline; margin: 7px 0 0 0; overflow: hidden; }

/* Navigation */
.navBar { width: 800px; height: 41px; margin: 4px 0; background: URL("../images/backgrounds/navigation.png") no-repeat; }
	.navBar ul { margin: 0 0; padding: 0 0; text-align: center; }
	.navBar li { display: block; padding: 0px 0px; font-family:Arial, Helvetica, sans-serif;}
	.navBar li { width:140px; height:36px; margin-top:3px; margin-left:1px; float:right; line-height:30px;}
	.navBar li:hover { display: block; height:36px; background: url(../images/icons/hover.gif) no-repeat ; line-height:30px;}
	.navBar li:hover { width:140px; text-decoration: none; }
	.navBar a { font: 14px  Arial; color: #fff; text-decoration: none; }
	.navBar a:active { color: #000000; text-decoration: none; }

/* Navigation active page */
.navBar ul .actpage { display: block; width:140px; height:36px; background: url(../images/icons/hover.gif) no-repeat ; line-height:30px; text-decoration: none; font: 14px  Arial; color: #000000; line-height:30px; }
/* Content Area */
.contentBox { width: 800px; overflow: hidden; }
.contentArea { width: 800px; background: URL("../images/backgrounds/content.png") no-repeat #fff; overflow: hidden; }

	/* Sign Up / Learn More Buttons */
	.buttons span { display: none; }
	.buttons .buttonSignUp { display: block; width: 172px; height: 47px; background: URL("../images/button-signup.png") no-repeat; }
	.buttons .buttonSignUp:hover { display: block; width: 172px; height: 47px; background: URL("../images/button-signupHighlight.png") no-repeat; }
	.buttons .buttonLearnMore { display: block; width: 172px; height: 47px; background: URL("../images/button-learn.png") no-repeat; }
	.buttons .buttonLearnMore:hover { display: block; width: 172px; height: 47px; background: URL("../images/button-learnHighlight.png") no-repeat; }

/* Sign Up Index / Learn More Buttons */
	.buttonsind span { display: none; }
	.buttonsind { float:right; margin-top:15px; margin-right:15px;}
	.buttonsind .buttonSignUp { display: block; width: 120px; height: 33px; background: URL("../images/button-signup_ind.png") no-repeat; }
	.buttonsind .buttonSignUp:hover { display: block; width: 120px; height: 33px; background: URL("../images/button-signupHighlight_ind.png") no-repeat; }
	.buttonsind .buttonLearnMore { display: block; width: 120px; height: 33px; background: URL("../images/button-learn_ind.png") no-repeat; }
	.buttonsind .buttonLearnMore:hover { display: block; width: 120px; height: 33px; background: URL("../images/button-learnHighlight_ind.png") no-repeat; }

	/* Gray Attention Box */
	.mainAttention { width: 777px; height: 61px; margin: 0 auto 0 auto; background: URL("../images/backgrounds/attention.png") no-repeat; overflow: hidden; }
		.mainAttention .smallText  { float: left; display: inline; font: 10px Arial; color: #ccccc5; width: 200px; padding: 9px; }
		.mainAttention .centerText { float: left; display: inline; font: 16px "Arial Narrow", Arial; color: #fff; width: 300px; text-align: center; padding: 19px 9px 0 9px; }
		.mainAttention .centerText strong { color: #d0a447; }
		.mainAttention .number     { float: right; display: inline; padding: 10px; width: 220px; height: 36px; }

/*-------------- Surojit addition cht box -------------*/
		.chtbox{ width:240px; height: 109px; float:right; background:url("../images/testimonial-chat-box/chatbox.gif") no-repeat ; margin-top:25px; margin-right:15px; }
		.chtbt{ width:100px; height:45px; margin-right:20px; margin-top:40px; float:right}
	
	/* ################################ */
	/* Main Page Content */
	.mainSplash { width: 777px; height: 234px; margin: 0 auto 0 auto; background: URL("../images/splash/credit-repair-bg.png") no-repeat; overflow: hidden; }
		.mainSplash .text { float: left; display: inline; margin: 90px 0 0 230px; width: 270px; font: 12px Arial; line-height: 16px; }
		.mainSplash .buttons { float: right; display: inline; margin: 45px; width: 172px; }
		
	/* Container for Sub Content */
	.mainSubText { width: 777px; margin: 5px auto 0 auto; overflow: hidden; }
		.mainSubText .box-01 { float: left; display: inline; margin: 10px 0 0 0; width: 350px; }
		.mainSubText .box-01_ex { float: left; display: inline; margin: 10px 0 0 0; width: 770px; }
		.mainSubText .box-01 img { float: left; display: inline; width: 140px; height: 154px; }
		.mainSubText .box-01 .text { float: left; display: inline; width: 210px; }
			.mainSubText .box-01 .text h1 { font: 20px "Arial Narrow", Arial; color: #486057; margin: 0; padding: 0; }
			.mainSubText .box-01 .text p  { font: 13px "Arial Narrow", Arial; line-height: 17px; }
		
		/* Testimonial & Live Chat Boxes */
		.mainSubText .box-02 { float: right; display: inline; width: 414px; height: 200px; background: URL("../images/testimonial-chat-box/background.png") no-repeat; }
			.mainSubText .box-02 .testimonial { width: 370px; height: 117px; margin: 15px 0 0 36px; }
			.mainSubText .box-02 .testimonial em  { display: block; font: italic 12px Arial; color: #757575; }
			.mainSubText .box-02 .testimonial div { display: block; font: 11px Arial; color: #757575; padding: 8px; }
			.mainSubText .box-02 .testimonial strong { color: #516860; }

			/* Live Chat Box */
			.mainSubText .box-02 .chat { width: 250px; margin: 20px 0 0 150px; }
			.mainSubText .box-02 .chat .text { height: 55px; margin-bottom: 5px; }
			.mainSubText .box-02 .chat .button { margin-left: 45px; }
			.mainSubText .box-02 .chat span { display: none; }
			.mainSubText .box-02 .chat .buttonLiveChat { display: block; padding-top:20px; padding-left:10px; }

	/* ################################ */
	/* Sub Page Content */
	.subHeader { width: 777px; height: 175px; overflow: hidden; margin: 0 auto 0 auto; }
		.subHeader h1 { font: 30px "Arial Narrow", Arial; color: #565957; position: absolute; z-index: 2; width: 300px; height: 30px; margin: 120px auto 0 450px; text-align: right; }
	
	.subLeft { float: left; display: inline; width:172px; margin: 0 auto 5px 24px; }
		.subLeft2 { float: left; width:172px; margin: 0 0 5px 5px; padding:0 0 0 0; }
		.subLeft .subNav { width: 172px; height: 120px; background: URL("../images/backgrounds/subnav.png") no-repeat; }
		.subLeft .subNav ul { list-style: URL("../images/icons/block.gif"); margin: 0; padding: 1px 15px 0 45px; }
		.subLeft .subNav ul li .act { margin: 15px 0; color:#ffffff; }
		.subLeft .subNav ul li { margin: 15px 0; color:#f7b830; }
		.subLeft .subNav ul li a { color: #fff; font: bold 12px Arial; text-decoration: none; }
		.subLeft .subNav ul li a:hover { color: #f7b830; }
		.subLeft p { margin: 0; padding: 5px 0 0 0; }
		.subLeft2 p { margin: 0; padding: 5px 0 0 0; }
	
	.subRight { float: left; display: inline;  margin: 0 0 0 19px; width: 604px; background: URL("../images/backgrounds/subcontent.png") no-repeat #fff; }
	.subRight2 { float: left; display: inline;  margin: 0 0 0 0; width: 604px; background: URL("../images/backgrounds/subcontent.png") no-repeat #fff; }
		.subRight .padding { padding: 0 34px 0 34px; }
		.subRight2 .padding { padding: 0 34px 0 34px; }
		.subRight .padding .abts { margin-left:180px; width:auto; }
		.subRight2 .padding .abts { margin-left:180px; width:auto; }
		.subRight .padding .abts2 { margin-left:120px; width:auto; }
		.subRight .padding .abts3 { margin-left:60px; width:auto; font-weight:bold; }
		.subRight .padding .lftpnl { margin:0 0 0 0; width:49%; padding:0 10px 0 0; height:auto; float:left; border-right: solid #cbd3d0 2px; text-align:left;}
		.subRight2 .padding .lftpnl { margin:0 0 0 0; width:49%; padding:0 10px 0 0; height:auto; float:left; border-right: solid #cbd3d0 2px; text-align:left;}
		.subRight .padding .rgtpnl { margin:0 0 0 0; width:46%; padding:0 0 0 0; height:auto; float:right; text-align:left;}
		.subRight2 .padding .rgtpnl { margin:0 0 0 0; width:46%; padding:0 0 0 0; height:auto; float:right; text-align:left;}
		.subRight p { margin: 0; padding: 2px 0 10px 0; }
		.subRight2 p { margin: 0; padding: 2px 0 10px 0; }
		
		.subRight .listBox { display: block; overflow: hidden; clear: both; }
		.subRight .listBox .listLeft { float: left; display: inline; width: 50%; }
			.subRight .listBox h2 { font: bold 18px "Arial Narrow", Arial; color: #455b53; margin: 0; padding: 5px 0; }
			.subRight .listBox p { font: 12px Arial; color: #565957; }
			
		.subRight .listBox .listRight { float: right; display: inline; width: 50%; padding-top: 20px; }
			.subRight .listBox .listRight ul { list-style: URL("../images/icons/check.gif"); }
			.subRight .listBox .listRight ul li { color: #455b53; font: bold 12px Arial; }
			
.padding5px { padding: 5px 0 5px 0; }
.margin11px { margin: 0 11px 0 11px; }
acronym { text-decoration: none; border: none }

	/* ################################ */
	/* FAQ Table */
	.faqTable .ex { text-align: right; }
	.faqTable td { padding: 4px; border-bottom: 1px solid #ddd; }
	.faqTable th { text-align: left; color: #fff; background: #587067; padding: 4px; }

/*--------------------- Sign up field ---------------------*/
div#field{
	margin-left:20px;
	margin-top:15px;
	width:500px;
}
div#field .txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}
div#field .line{
	color: #999999;
}

div#field #fld{
	width:235px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666666;
	float:left;
}
div#field #fldx{
	width:480px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666666;
	float:left;
}
div#field #fldex{
	width:170px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666666;
	float:left;
}
div#field #fldext{
	width:140px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666666;
	float:left;
}
div#field #spc{
	width:500px;
	height:15px;
	float:left;
}
div#field #bbg{
	width:485px;
	height:100px;
	background:url(../images/sign/bbg.png) no-repeat;
	float:left;
}
div#field #bbg #lft{
	margin-top:40px;
	width:15px;
	float:left;
}
div#field #bbg #rgt{
	width:460px;
	margin-left:18px;
	margin-top:15px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color: #666666;
}

/*--------------------- Contact page -----------------*/
.subRight2 .contactBox { display: block; overflow: hidden; clear: both; }
		.subRight2 .contactBox .listLeft { float: left; display: inline; width: 50%; }
			.subRight2 .contact h3 { font: bold 13px "Arial Narrow", Arial; color: #455b53; margin: 0; padding: 5px 0; }
			.subRight2 .contactBox p { font: 11px Arial; color: #565957; }
			
		.subRight2 .contactBox .listRight { float: right; display: inline; width: 50%; padding-top:0px; font: 11px Arial; color: #565957; }