﻿/*begin reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 { font-size:100%; }

:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td {	text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/*end reset*/

/*start text*/
body	{ font-family: Verdana, sans-serif, Arial, Helvetica; font-size:11px; line-height:145%; }
h2		{ font-size: 135%; font-weight: bold; margin: 0.5em 0; }
h3		{ font: bold 115% Verdana, sans-serif; margin-top:0.5em; }
p		{ margin-top:1em; }
a		{ text-decoration:none; }
a:hover { text-decoration:underline; }

/*end text*/
html { overflow-y:scroll; }
body {
	background:#FFF url(/images/body_bg.png) repeat-x fixed 0 100%;
	color: #4e4e4e;
}

div#pageWrap { margin: 0 auto; width:990px; padding:0 50px; }
div.container {	margin: 0 0 0 10px;	text-align: left;	width:990px; }

div.header { height:118px; background:url(/images/header_bg.png); }
	div.header ul { float:right; margin:80px 55px 0 0; }
		div.header ul li { display:inline; }
			div.header ul li a { display:block; height: 25px; text-indent:-99999px; float:left; }
			
			div.header ul li.services a { width:100px; background:url(/images/menu_sprite.png) 0px 0px; }
			div.header ul li.services a:hover {background:url(/images/menu_sprite.png) 0px 26px; }
			
			div.header ul li.refi a { width:114px; background:url(/images/menu_sprite.png) -100px 0px; }
			div.header ul li.refi a:hover { background:url(/images/menu_sprite.png) -100px 26px; }
			
			div.header ul li.loanmodrefi a { width:202px; background:url(/images/menu_sprite.png) -214px 0px; }
			div.header ul li.loanmodrefi a:hover { width:202px; background:url(/images/menu_sprite.png) -214px 26px; }
			
			div.header ul li.propown a { width:164px; background:url(/images/menu_sprite.png) -416px 0px; }
			div.header ul li.propown a:hover { width:164px; background:url(/images/menu_sprite.png) -416px 26px; }
			
			div.header ul li.helpmenow a { width:108px; background:url(/images/menu_sprite.png) -580px 0px; }
			div.header ul li.helpmenow a:hover { width:108px; background:url(/images/menu_sprite.png) -580px 26px; }
			
div#mortgage-calculator { background:url(/images/mortgageCalc_bg.png) no-repeat; margin:0 0 0 40px; text-align:left; padding:5px;  width: 250px; height: 235px; }
div#mortgage-calculator a { color:#000; }

body#services div.header ul li.services a { background-position:0px 26px; }
body#refi div.header ul li.refi a { background-position:-100px 26px; }
body#loanmodrefi div.header ul li.loanmodrefi a { background-position:-214px 26px; }
body#propown div.header ul li.propown a { background-position:-416px 26px; }
body#helpmenow div.header ul li.helpmenow a { background-position:-580px 26px; }
			
div.content { background-color:#FFF; margin:0 5px; padding:0 50px; overflow:auto; }
div.footer { height:80px; height:30px; text-align:center; clear:both; margin: 0 auto 3em; width:980px;
						 background:url(/images/footer_bg.png) repeat-x; overflow:auto; }
	div.footer p { color:#696D7F; font-size:11px; padding:7px 0 0; margin-top:0; }

.em		{ color:#A93434; font-weight:bold; text-transform:uppercase; }
.bold	{ font-weight:bold; }
.up		{ text-transform:capitalize; }
