/* Home Abstract CSS */
body {
	margin:30px 0;
	padding:0;
	background:url(../img/htr/htr_background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
}
	
/* banner */

#header {
	width:769px;
	height:201px;
	margin: 0 auto;
	background:url(../img/htr/htr_header.png) no-repeat;
}
	
#header h1 {
	display:none;
}
	
#wrapper {
	width:769px;
	padding:0px;
	background-color: white;
	/*background:url(../img/wrapper_bg.gif) repeat-y; */
	margin:0 auto;
}

/* Sureclose login bar */
#header_bar {
	width:769px;
	height:44px;
	background:url(../img/header_bar.gif) repeat-x;
}

#sureclose_bar {
	float:right;
	margin-top:5px;
	margin-bottom:-24px;
	padding-right:10px;
	width:576px;
	height:32px;
	background:url(../img/sureclose_bar.gif) no-repeat;
}

#sureclose_bar h3 {
	display:block;
	padding-left:5px;
	margin-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#707070;
}

/* Media Bar (Sub Footer) */
#media_bar {
	background-image: url(../img/htr/social_bg.png);
	padding:5px;
	width: 603px;
	margin: 10px auto 0 auto;
}

/*#media_bar img {
	position: relative;
	left: 245px;
}*/

img#facebook, img#twitter {
	opacity: 1;
	-webkit-transition: .2s opacity ease-in-out;
	-moz-transition: .2s opacity ease-in-out;
	transition: .2s opacity ease-in-out;
}

img#facebook:hover, img#twitter:hover {
	opacity: .6;
}

	
/* Footer */
#footer {
	width:769px;
	height:40px;
	padding:0px;
	background-color: white;
	margin: -10px auto 0 auto;
}

#footer p, #footer a {
	padding:8px 2px;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}
	
/* Form Style */
.login {
	margin-top:5px;
	display:block;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#707070;
	font-weight:normal;
	padding-right:10px;
}
	
.login input {
	margin-top:3px;
	margin-right:4px;
	border:1px solid #707070;
	height:12px;
}
	
#login_button {
	padding:0;
	margin:0;
	width:70px;
	height:19px;
	background:url(../img/login.gif) no-repeat;
	border:0;
}
	
/* Main Links */
#navigation {
	width:145px;
	background:url(../img/nav_bg.gif) bottom left no-repeat;
}
	
#navigation a  {
	line-height:2.5em;
	text-align:center;
	width:137px;
	height:35px;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#717171;
	background:url(../img/nav_off.gif) no-repeat;
	display:block;
	text-decoration: none;
}
	
#navigation a:hover {
	background:url(../img/nav_on.gif) no-repeat;
	color:#2D4B90;
}
	
/* Sub Links */
#LenderServices, #RealtorServices, #MeetStaff, #Guides, #Links {
	margin-left:3px;
	padding:5px 1px 0px 6px;
	width:126px;
	background:url(../img/subnav_bg.gif) bottom no-repeat;
	}
#LenderServices a, #RealtorServices a, #MeetStaff a, #Guides a, #Links a  {
	height:28px;
	width:120px;
	line-height:normal;
	text-align:left;
	background:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	}
#LenderServices a:hover, #RealtorServices a:hover, #MeetStaff a:hover, #Guides a:hover, #Links a:hover  {
	background:none;
	color:#0D2F77;
	}
.hide {
	display:none;
	}
/* Content */
#content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px;
	}
.column {
	width:550px;
	text-align:justify;
	margin: 0 auto;
	}
p.column, h1.column {
	padding: 7px 0;
}

.blue_box {
	margin-right:5px;
	margin-bottom:20px;
	width:157px;
	background:url(../img/blue_bg.gif) no-repeat bottom;
	font-size:10px;
	}
* html .blue_box {
	margin-left:6px;
	}
.gray_box {
	width:134px;
	background:url(../img/gray_bg.gif) no-repeat bottom;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	}
.gray_box p {
	padding-left:4px;
	}
.gray_box input {
	margin-top:3px;
	margin-right:4px;
	border:1px solid #707070;
	height:18px;
	}
#CalculateRate {
	float:right;
	padding:0;
	margin:0 10px 0 0;
	width:70px;
	height:19px;
	border:0;
	background:url(../img/calculate.gif) no-repeat top left;
	}/* CSS Document */

.center_blue_box {
	margin-right:1%;
	margin-bottom:20px;
	width:257px;
	background:url(../img/center_blue_bg.gif) no-repeat bottom;
	font-size:10px;
	margin-left: 1%;
}


/* MISC */

.clearfloat {
	clear: both;
}