@charset "utf-8";

* { margin:0px; padding:0px;}
img { border:none;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 18px;
}

body {
	background-image:url(../images/body-drop.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f6f5e2;
	}

h1{ padding-bottom: 15px; text-indent: -3000px;}

	#h-home, #h-solution, #h-about, #h-questions, #h-getstarted { background-repeat:no-repeat; background-position:left top;}
	#h-home { background-image: url(../images/h-foreclosure.gif); height: 67px;}
	#h-solution { background-image: url(../images/h-solution.gif); height: 41px;}
	#h-about { background-image: url(../images/h-about.gif); height: 41px;}
	#h-questions { background-image:url(../images/h-questions.gif); height: 43px;}
	#h-getstarted { background-image:url(../images/h-getstarted.gif); height: 66px;}

h2{ font-size: 14px; color: #13775f;}
h3{ font-size: 12px;}

p{ padding-bottom: 14px;}
a{ text-decoration: underline;}
a:hover{ text-decoration: none;}

#container {
	width: 816px;
	margin: 0 auto;
	}
	
#header {
	padding-top: 27px;
	}	

#nav ul { list-style:none;}
#nav li { float:left; margin-left: 2px;}
#nav a { 
	display: block;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding: 5px 12px;
	background-color: #e0e0d6;
	}
	#nav a:hover { color: #FFFFFF; background-color: #949490;}

#inner-container{
	border: 1px solid #ececec;
	padding: 16px;
	background-color: #FFFFFF;
	}
	#banner {
		padding-bottom: 15px;
		}
	
	#wrapper {
		background-image:url(../images/wrapper-extender.gif);
		background-repeat:repeat-y;
		background-position:top;
		}
	
		#leftcol{ width: 465px;}
		
			#three-steps {
				list-style: none; margin: 0 0 0 6px;
				}
			#three-steps li { float:left; padding-bottom: 5px; padding-top: 5px;}
			
			#step-one, #step-two, #step-three { background-repeat:no-repeat; background-position:left; padding-left: 28px; padding-right: 5px;} 
			#step-one { background-image: url(../images/list-one.gif);}
			#step-two { background-image: url(../images/list-two.gif);}
			#step-three { background-image: url(../images/list-three.gif);}
			
			#order-form table td{
				padding: 2px;
				}
			
		
		
		#rightcol{ width: 290px;}
		
			#keypoints {
				list-style: none;
				padding: 10px 0px 15px 22px;
				font-size: 15px;
				font-weight: bold;
				color: #333333;
				}
			#keypoints li {
				background-image: url(../images/list-checkmark.gif);
				background-repeat:no-repeat;
				background-position: left;
				padding: 4px 0 4px 23px;
				}

#footer {
	font-size: 11px;
	text-align:right;
	padding: 5px 0 100px 0;
	}
	#footer a{
		color: #555555;
		text-decoration: none;
		}
	#footer a:hover {
		text-decoration: underline;
		}
		
	
	.greybox1-top, .greybox1-bottom, .greybox2-top, .greybox2-bottom, .greyedge-top, .greyedge-bottom { background-repeat:no-repeat;}
		
	.greybox1-top {
		height: 12px;
		background-image: url(../images/greybox1-top.gif);
		background-position: left bottom;
		}
	.greybox1-content {
		background-image: url(../images/greybox1-content.gif);
		background-repeat:repeat-y;
		background-position: left;
		padding: 5px 15px;
		}	
	.greybox1-bottom {
		height: 13px;
		background-image:url(../images/greybox1-bottom.gif);
		background-position: left top;
		margin-bottom: 15px;
		}
		
	.greybox2-top { 
		height: 10px;
		background-image:url(../images/greybox2-top.gif);
		background-position: left bottom;
		}
	.greybox2-content { 
		background-image: url(../images/greybox2-extender.gif);
		background-repeat:repeat-y;
		background-position:left;
		padding: 0 2px;
		}
	.greybox2-bottom { 
		height: 12px;
		background-image:url(../images/greybox2-bottom.gif);
		background-position: left top;
		margin-bottom: 15px;
		}
	
	.green-back {
		background: #2c7664;
		color: #FFFFFF;
		font-size: 20px;
		padding: 8px 22px;
		}
		
	.greyedge-top {
		background-image: url(../images/greyedge-top.gif);
		background-position: left bottom;
		height: 10px;
		}
	.greyedge-content {
		background-image: url(../images/greyedge-content.gif);
		background-repeat: repeat-y;
		background-position: left;
		padding: 0px 2px;
		}
	.greyedge-bottom {
		background-image: url(../images/greyedge-bottom.gif);
		background-position: left top;
		height: 10px;
		margin-bottom: 15px;
		}

/*---------------universal classes----------------*/

.large { font-size: 14px; }
.xlarge { font-size: 16px; }

.right { float:right;}
.left { float:left;}
.clearb {clear:both;}

.pad15 { padding-bottom: 15px;}
.pad85 { padding-left:85px;}

.green { color: #2c7664;}

img.hcenter {
	display: block;
	margin: 0 auto;
	}

.input-style {
	width: 150px;
	padding: 2px 5px;
	border: 1px solid #bab4b4; 
	}

.select-style {
	width: 75px;
	padding: 1px 2px;
	border: 1px solid #bab4b4; 
	}	

.contact { font-size: 16px; color:#555555; text-decoration: none; font-weight:bold;}
.contact:hover { text-decoration: underline;}

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