@charset "utf-8";
/* CSS Document */
body {
	background: url(../images/body-background.jpg) repeat-x top left;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#container {
	width: 818px;
	margin: auto;
	text-align: left;
}
h1 {
	float: left;
	height: 50px;
	width: 405px;
	background: url(../images/debt-management-logo.jpg) no-repeat top left;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

h2 {
	color: #FFF;
	font-size: 22px;
	width: 300px;
	float: right;
	margin: 20px 0 11px 0;
	padding: 0;
}
h2.hero-box {
	width: 818px;
	height:225px;
	background: url(../images/hero-box.jpg) no-repeat center center;
	text-indent: -99999px;
} 

#nav {
	padding: 10px 0 0 100px;
	margin: 0;
	clear: both;
	list-style-type: none;	
	background: url(../images/navbg.jpg) no-repeat bottom left;
	height: 30px;
}
#nav li {
		float: left;
}
#nav a {
	color: #FFF;
	margin-right: 100px;
	font-weight: bold;
	text-decoration: none;
}
img {
	border: none;
}
label {
	color:#060;
	font-weight: bold;
}
#sidebar-1 {
	width: 360px; 
	float: right;
}
td {
		padding-bottom: 20px;
}

.textfield, select, .button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.textfield, select {
		width: 250px;
}
ol {
	padding: 20px;
	margin: 0;
	font-size: 13px;
}
#footer {
	 clear: both;
	 margin-top: 20px;
	 padding: 10px 0 10px 0;
	 border-top: 1px solid #CCC;
	 font-size: 12px;
}

p,li, td {
	font-size: 13px;
	vertical-align: top;
}
.help {
	background: url(../images/help.jpg) no-repeat top right;
	padding-left:10px;
}

.form {
	padding-left:10px;
	}