/* eric meyer's reset reloaded, minus table elements */
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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px dotted #668172;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =ELEMENT SELECTORS */

body {
	background: #162b52;
	color: #000;
	font-size: 62.5%; /* clagnut font-size method: after 62.5% body declaration, 1em = 10px */
	text-align: center; /* for centering layout in IE, set back to left in div.page */
}
body, table, td, div, input {
	line-height: 1; /* default to normal line-height based on size of the element */
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}
.content { /* 11px text = 1.1em */
	font-size: 1.1em;
	}
a:link, a:visited {	
	color:#0048ab;
	text-decoration: underline;
	}
a:visited {
	color: #039;
	}
a:hover, a:active {
	color:#000;
	text-decoration: none;
	}

a img { border: none; }
h1, h2, h3, h4, h5, h6 {
	color: #173a66;
	}
h1 {
}
h2 {
	margin: 0 0 20px -30px;
	padding: 12px 30px;
	background: #d1e4f7;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .05em;
}
h3 {
	margin: 0 0 20px 0;
	font-size: 1.2em;
}
h4 {
	margin: 0 0 4px 0;
	font-size: 1.1em;
}

p {
	padding: 0 0 12px 0;
}
.bigger {
	padding: 0 0 12px 0;
	font-size: 1.1em;
}

hr {
	background: #768e80;
  	border: 0;
  	color: #768e80;
  	height: 1px;
	margin: 0;
	}

ol li {/* set this back to numerals after the reset */
	list-style-type: decimal;
	}

table {	font-size: 100%; /* IE font-size inheritance fix */ }


label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	}
	
/* =CUSTOM CLASSES */
form#agent_signup td, form table td{
	border:none;
}

div.buttons{
	padding-top: 5px;
}

img#slideImage{
	padding: 5px;
}

/* general use =input appearance */
.appfield1, .appfield2 {
	margin: 0 0 10px 0;
	border: 1px solid #173a66;
	background: #fff url(../images/bg_appfield1.gif) repeat-x top;
	}	
.appfield2 {
	border:1px solid #437db4;
	background:#fff;
	}
/* classes for one-off font-size adjustment */
.xsmall {
    font-size:.8em; 
	}
.small {
    font-size:.9em;
	}
.large {
    font-size:1.1em;
	}
.xlarge{
    font-size:1.2em;
	}


/***** =LAYOUT *****/

/* various methods to clear floats */

/* clearfloat and clear0 require 'junk markup' element with this class */
.clearfloat {
	clear: both;
	height: 1px;
	}
.clear0 {
	height: 0;
	clear: both;
	}

/* 'self-clearing float' method, as seen at position is everything . net ; */
/* class="clearfix" is applied to parent of floated children, e.g. class="content clearfix", when .content contains floating columns */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* give old IE 'hasLayout'. */
.clearfix {display: block;}
/* End hide from IE-mac */


.page {
	width: 806px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	}
	
	
/* =utility */
.uti {
	background: #162b52;
	}
.uti ul {
	text-align: right;
	}
.uti li {
	display: inline;
	vertical-align: middle;
	}
.uti a {
	margin: 0 3px 0 12px;
	padding: 0 0 2px 15px;
	background: url(images/bg_uti.gif) no-repeat left center;
	line-height: 33px;
	}
.uti a:link, .uti a:visited, .uti a:hover {
	color: #fff;
	text-decoration: none;
	}
.uti a:hover { text-decoration: underline; }


/* =masthead */
.mast {
	background: #bcd8f7 url(images/bg_mast.gif) repeat-x top;
	}
.mastL {
	float: left;
	}
.mastL h1 {
	float: left;
	width: 300px;
	height: 92px;
	background: url(images/logo.gif) no-repeat;
	text-indent: -9999px;
	}
.mastR, .mastR img {
	float: right;
	}

/***** MAIN =NAVIGATION *****/

.nav {
	background: #4681b9;
	}
.nav li {
	list-style-image: none;
	float: left;
	}
.nav a:link, .nav a:visited, .nav a:hover  {
	display: block;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
	text-indent: -9999px;
	}
.find a {
	width: 125px;
	background: url(images/nav_find.gif);
	}
.resale a {
	width: 124px;
	background: url(images/nav_resale.gif);
	}
.bank a {
	width: 117px;
	background: url(images/nav_bank.gif);
	}
.our a {
	width: 121px;
	background: url(images/nav_our.gif);
}
.special a {
	width: 184px;
	background: url(images/nav_special.gif);
}
.welcome a {
	width: 135px;
	background: url(images/nav_welcome.gif);
	}
.find a:hover, .resale a:hover, .bank a:hover, .our a:hover, .special a:hover, .welcome a:hover {
	background-position: 0 -33px
	}
	
/* end nav. submenu appearance */
.menuExample { width: 200px; margin-bottom: 20px; }
.menu {
	background: #001342;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	}
.menu * { padding: 8px 15px; }
.menuOn {
	background: #c7e0f9;
	color: #001342;
	font-weight: bold;
	}
	

/***** =HOME =TOOLS *****/
.tools {
	background: #e7ebef;
	}
.finder, .map, .featured {
	float: left;
	width: 268px;
	}
.finder img { margin-bottom: 8px; }
.finder form {
	padding: 14px 0 0 38px;
	}
.finder select {
	width: 190px;
	}
.map {
	width: 270px;
	background: url(images/bg_map.gif) repeat-y;
	}
.featured {
	color: #173a66;
	}
#home .featured h2 {
	margin: 0;
	padding: 10px 0 0 0;
	background: none;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}
.featuredImg a:link, .featuredImg a:visited, featuredImg a:hover {
	text-decoration: none;
	}
.featuredImg a:hover { 
	color: #b61000;
	}

.featuredDesc td {
	padding-left: 8px;
	}
.featuredImg td {
	padding-top: 10px;
	text-align: center;
	}
.featuredImg img {
	margin-bottom: 5px;
	}

	
/***** =CONTENT *****/

#mainContent {}
.contentContainer {
	border-top: 1px solid #fff;
	background: url(images/bg_column.gif) repeat-y;
	}

.leftCol {
	float: left;
	width: 169px;
	padding-top: 12px;
	border-right: 1px solid #fff;
	}
.promo {
	line-height: 12px;
	font-size: 1.1em;
	border-bottom: 1px solid #fff;
	}
.promo a:hover {
	display: block;
	background: #fff;
	}
.promo img {
	border: 1px solid #ebeff2;
	}
	
div.agentsLeft {
	line-height: 12px;
	font-size: 1.1em;
	padding: 6px;
	width: 165px;
}
div.agentsLeft img{
	margin-top: 5px;
}
.testimonial {
	margin: 10px 0 20px 0;
	border-bottom: none;
	}
.rightCol {
	float: left;
	width: 607px;
	margin-left: 29px;
	}
.content {
	padding: 0 30px 20px 0;
	font-size: 1.1em;
	line-height: 1.5em; /* increase line-height for content to improve legibility */
	}
	
/* =table appearance */
.ptable {
	width: 577px;
	margin-bottom: 20px;
	border: 1px solid #d0e4f7;
	}
th {
	background: #dfedf9 url(images/bg_tableheader.gif) repeat-x bottom;
	font-weight: bold;
	text-align: left;
	line-height: 1.8;
	}
td {
	line-height: 1.5;
	border-bottom: 1px solid #ebeff2;
	}
	
.tablecontent1 {
	background: #f8f9fa url(images/bg_tablecontent1.gif) repeat-x bottom;
	color:#000;
	
}
	
.content ul, .content ol { /* put back some uniform spacing for both list types */
	margin: 0 0 0 8px;
	padding: 0 0 6px 0;
	}
/* styling both list types so the inner list text aligns */
.content ul li { /* use padding here due to rendering of ul bullets (we're replacing with background images) */
	padding: 0 0 6px 12px;
	}
.content ol li {/* use margin here due to rendering decimal numbers outside the list item */
	margin: 0 0 6px 12px;
	}
/* adjusting for extra space when lists are nested in other lists */
.content ul ul, .content ol ol {
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}
/* reset removed regular bullets. now we're adding a background image that is more consistent than list-style-image */
/* 0 is horizontal coordinate. .5em is vertical. We want the image to be .5em down, to hit the middle of the first line of text. Note this is different from using 50% or center, which would drop the image to the middle of a multiline list item.   */
.content ul li {
	background: url(images/li.gif) no-repeat 0 .5em; 
}

/***** =FOOTER *****/
	
.footNav {
	border-top: 1px solid #274572;
	background: #fff;
	line-height: 30px;
	}
.footNav a {
	padding: 0 6px;
	}
.footNav a:link, .footNav a:visited {
	color: #7fa7d5;
	text-decoration: none;
	}
.footNav a:hover {
	color: #7fa7d5;
	text-decoration: underline;
	}
.foot {
	padding: 6px;
	background: #162b52;
	color: #c8ddf4;
	line-height: 10px;
	}
.foot span {
	color: #7fa7d5
	}
.foot a {
	padding: 0 6px;
	}
.foot a:link, .foot a:visited {
	color: #7fa7d5;
	text-decoration: none;
	}
.foot a:hover {
	color: #7fa7d5;
	text-decoration: underline;
	}	
address {
	display: inline;
	font-style: normal;
	}
.footLogos {
	align: right;
	padding: 1px;
	background: #162b52;
	color: #c8ddf4;
	line-height: 2px;
	}
.footLogos a {
	padding: 0 1px;
	}