/** @reset ******************************************/
* { margin: 0; padding: 0; }
ul { list-style: none; }
img { border: 0; }

/** @general ******************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #f3f3f3;
}


p { line-height: 1.6em; margin: 0.5em 0 1em 0; }

a { text-decoration: none; color: #db831a; font-weight: bold; }

a:hover { text-decoration: underline; }

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }


/** @useful classes ******************************************/
.clear { clear: both; }

.focus { font-size: 1.2em; font-weight: bold; font-style: italic; }

.slogan { font-size: 1.2em; font-style: italic; color: #848484; }

.small { font-size: 0.9em; }

.enquiry { background: #fcfcfc; padding: 1em; font-weight: bold; }

.mission { color: #db831a; font-weight: bold; font-size: 1.2em; }

.text-center { text-align: center; }

ul.errors {}
	ul.errors li { color: #c00; font-weight: bold; }
	
.success { color: #093; }
.error { color: #c00; }

.content-element { float: right; margin-left: 30px; }

.left { float: left; }

/** @form ******************************************/
input, select, textarea {
	background: #fff;
	border: 1px solid #999;
	padding: 0.3em 0.5em;
	font-family: inherit;
	font-size: inherit;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

input:focus, selec:focus, textarea:focus {
	border: 1px solid #db831a;	
	-moz-box-shadow: #db831a 1px 1px 4px;
	-webkit-box-shadow: #db831a 1px 1px 4px;
}

form label {
	display: block;	
	font-weight: bold;
}

form label.inline {
	display: inline;
	font-weight: normal;
	margin-right: 10px;
}

input.submit {
	background: #232021 url('../img/template/menu.png') repeat-x top left;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.5em 1.2em;
	border: 1px solid #000;
	margin-top: 1em;
}

/** @container ******************************************/
#container {
	width: 890px;
	margin: 0 auto;
	padding: 20px 30px;
	background: #fff;
}


/** @columns ******************************************/
#one-column {
	width: 800px;
	margin: 0 auto;
}

#left-column {
	float: left;
	width: 600px;
}
	#left-column h1, #one-column h1 { 
		font-size: 2em; 
		color: #db831a;
		margin: 0.5em 0 0.8em 0;
	}
	
	#left-column h2 {
		margin: 1.2em 0 0.5em 0;	
	}

	#left-column ul, #one-column ul { 
		list-style: none; 
		margin: 1em 0 2em 1em;
	}
		
		#left-column ul li, #one-column ul li { 
			line-height: 1.6em; 
			margin: 0 0 1em 0;
			background: url('../img/template/bullet.png') no-repeat left;
			padding-left: 25px;
		}
#left-column>ol>li
{	margin-left: 25px;
}

#right-column {
	float: right;
	width: 250px;
}

	#right-column h2 {
		color: #db831a;
		border-bottom: 2px solid #db831a;
		margin: 0 0 1em 0;
	}
	
	#right-column h2.replace-blk {
		border-bottom: 2px solid #000;	
	}



/** @header ******************************************/

#header {
	padding: 5px 20px 10px 20px;
	float: left;
	width: 850px;
}

	#header p#logo { 
		float: left;
	}
	
	#header p#slogan {
		float: left;
		font-weight: bold;
		font-size: 1.3em;
		margin-left: 60px;
		margin-top: 40px;
	}
		#header p#slogan span {
			display: block;
			font-weight: normal;
		}
	
	ul#social {
		float: right;	
	}
	
	
	#call-us {
		clear: right;
		float: right;	
		font-size: 1.6em;
	}
		#call-us p {
			line-height: normal;
			margin: 0;
		}
	
		#call-us p#tel {
			font-size: 2em;
			color: #db831a;
		}

/** @menu ******************************************/
ul#menu {
	font-size: 1.4em;
	background: #232021 url('../img/template/menu.png') repeat-x top left;
	float: left;
	width: 100%;
	margin-bottom: 2em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

	ul#menu li {
		float: left;
	}
	
		ul#menu li a {
			padding: 0.6em 1.5em;
			color: #fff;
			border-right: 3px solid #fff;
			display: block;
		}
		
		#home #menu-home a,
		#about #menu-about a,
		#services #menu-services a,
		#testimonials #menu-testimonials a,
		#resources #menu-resources a,
		#links #menu-links a,
		#contact #menu-contact a,
		ul#menu li a:hover {
			color: #db831a;	
		}


/** @homepage ******************************************/
#banner {
	width: 880px;
	height: 98px;
	background: url('../img/template/banner.jpg') no-repeat top left;
	margin: 0 0 2em 0;
	padding: 90px 0 0 10px;
}
	#banner h1 { color: #db831a; }

	#banner p { font-size: 1.1em; }



ul#services { margin: 2em 0; list-style: none; }

	ul#services li {
		padding: 20px 10px 10px 155px;
		border: 2px solid #ddd;
		margin: 1em 0;
		-moz-border-radius: 0.8em;
		-webkit-border-radius: 0.8em;
	}
	
		ul#services li#credit-management { background: url('../img/template/credit-management.jpg') no-repeat top left;	}
		ul#services li#outsourced-credit-control { background: url('../img/template/outsourced-credit-control.jpg') no-repeat top left;	}
		ul#services li#account-setup { background: url('../img/template/account-setup.jpg') no-repeat top left;	}

		ul.service-list li:hover,
		ul#services li:hover {
			-moz-box-shadow: #999 1px 1px 8px;
			-webkit-box-shadow: #999 1px 1px 8px;
		}

		ul#services li h3 {
			color: #db831a;
			margin: 0;
		}
		
		ul.service-list li a.more,
		ul#services li a.more {
			background: url('../img/template/more.png') no-repeat top left;
			display: block;
			text-indent: -9999px;
			height: 26px;
			width: 73px;
			outline: none;
		}



/** @service list ******************************************/
#left-column ul.service-list {
	margin: 2em 0; list-style: none;
}

	#left-column ul.service-list li {
		background: url('../img/template/watermark.jpg') no-repeat top right;
		border: 1px solid #ddd;	
		margin: 1em 0;
		padding: 1em 2em;
		-moz-border-radius: 0.8em;
		-webkit-border-radius: 0.8em;
	}


		ul.service-list li a.debt-online {
			background: url('../img/template/debt-online.png') no-repeat top left;
			display: block;
			text-indent: -9999px;
			height: 26px;
			width: 148px;
			outline: none;
			margin-left: 10px;
		}

ul.services-menu {
	margin: 0 0 2em 0;
}

	ul.services-menu li {
		margin: 0;
		margin: 3px 0;
	}
	
		ul.services-menu li a {
			background: #232021;
			display: block;
			padding: 0.5em 1em;
			color: #fff;
			-moz-border-radius: 0.3em;
			-webkit-border-radius: 0.3em;
		}
		
			ul.services-menu li a:hover {
				color: #db831a;	
			}
		
/** @testimonials ******************************************/
ul#testimonials { list-style: none; }

	ul#testimonials li {
		background: url('../img/template/quote.png') no-repeat top left;
		padding-left: 50px;
		margin-bottom: 3em;
	}
	
		ul#testimonials li span {
			display: block;
			float: right;
		}


#testimonial-container {
	background: url('../img/template/testimonials.png') repeat-x bottom left;
	margin: 2em auto 0 auto;
	width: 650px;
}

	#testimonial-container ul#testimonials { margin: 0; }
	
	#testimonial-container ul#testimonials li {
		width: 650px;
		height: 255px;
		float: left;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
		#testimonial-container ul#testimonials li p {
			padding-left: 4em;
			padding-right: 2em;
		}
		
		#prevBtn a, #nextBtn a {
			width: 47px;
			height: 50px;
			display: block;
			text-indent: -9999px;
			position: relative;
			outline: none;
		}
		
		#prevBtn a {
			top: -160px;
			background: url('../img/template/prev-button.png') no-repeat top left;
		}
		
			#prevBtn a:hover {
				background: url('../img/template/prev-button.png') no-repeat 0 -51px;	
			}
		
		#nextBtn a {
			top: -210px;
			left: 750px;
			background: url('../img/template/next-button.png') no-repeat top left;
		}
			#nextBtn a:hover {
				background: url('../img/template/next-button.png') no-repeat 0 -51px;	
			}


#testimonial-logos {
	margin: -50px 0 50px 0;
	padding: 0;
	text-align: center;
}

	#testimonial-logos img {
		margin: 0 2em;	
	}



/** @news ******************************************/
#news { margin-top: 2em; }

	#news ul {}
	
		#news ul li {
			background-position: top left;	
		}
		
			#news ul li h4 { line-height: normal; }
			
			#news ul li p.date {
				font-size: 0.9em;
				padding: 0;
				color: #999;
			}

/** @misc ******************************************/
form#info-pack {
	background: #fcfcfc;
	border: 1px solid #ddd;
	padding: 1em 2em;
	margin-bottom: 1em;
}

#terms {
	width: 500px;
	height: 200px;
	background: #fff;
	padding: 0.2em 1em;
	border: 1px solid #999;
	overflow: auto;
	margin: 2em 0;
}

	#terms li {
		background: none;
		margin: 0.5em 0 0.5em 20px;
	}
	
	#terms ul li { background: none; }
	
#debt-enquiry {
	float: right;
	margin-left: 30px;
}


.pdf {
	background: url('../img/template/pdf.jpg') no-repeat top left;
	padding-left: 80px;
	border-bottom: 1px solid #f2f2f2;
}

.word {
	background: url('../img/template/word.jpg') no-repeat top left;
	padding-left: 80px;
	border-bottom: 1px solid #f2f2f2;
}

/** @footer ******************************************/
#footer {
	border: 1px solid #ddd;
	background: #fcfcfc;
	padding: 1em 2em;
	text-align: center;
	margin-top: 2em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
}

	#footer ul {
		margin-bottom: 1em;
	}
	
		#footer ul li {
			display: inline;
		}
		
			#footer ul li a {
				margin: 0 1em;	
			}

	#footer p { font-size: 0.9em; }
	
p#copyright {
	font-size: 0.9em;
	color: #999;
	text-align: center;
	padding: 1em 4em 0.5em 4em;
}

#tcc-container table
{	border-collapse: collapse;
	margin: 0px 0px 10px 10px;
}
#tcc-container td, #tcc-container th
{	border: 1px solid #000;
	padding: 5px 10px;
	vertical-align: top;
}
#tcc-container td.centre, #tcc-container th.centre
{	text-align: center;
}
#tcc-container td.number, #tcc-container th.number
{	text-align: right;
}
#tcc-container table#tcc-calc
{	margin-left: 50px;
}
#tcc-container table#tcc-calc td
{	border: none;
}
#tcc-container table#tcc-calc td div.divider
{	width: 80%;
	margin: auto;
	height: 1px;
	background-color: #000;
}