/* Eric Meyer's Reset from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
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;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white; -webkit-text-stroke:1px transparent;}
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 */



/* Typography */
p,a,div { font-family: Lucida Grande, Carriba, Arial, Verdana, Sans Serif; text-decoration: none; color: #565656; font-size: 14px;}
h1, h2, h3, h4, h5 { font-family: Century Gothic, Futura, Arial, Verdana, Sans Serif; font-weight: 500;}
h1 { font-size: 1.4em; }
p, blockquote { line-height: 1.2em; }
/* End Typography */



/* Common Classes */
strong { font-weight: 800;}
.clearboth { clear: both; zoom: 1;}
.more-button { background: transparent url(/static/images/button-bg.png) 0 0 no-repeat; border: 0; height: 35px; width: 131px; color: #fff !important; line-height: 32px; overflow: hidden; font-size: 13px; display: block; text-align: center; }
.more-button:hover { background-position: 0 bottom;}
.masthead-bg { height: 190px; width: 733px; background: #fff url(/static/images/masthead-bg.gif) 0 0 no-repeat; position: relative;}
.masthead-bg img { margin-left: 5px; height: 170px; width: 724px; overflow: hidden;}
.masthead-bg .photo-credit { position: absolute; right: 4px; bottom: 19px; background: transparent url(/static/images/black-85.png) 0 0 repeat;}
.e, .content-column a { font-weight: bold; color: #ca8500;}
.e:hover, .content-column a:hover { color: #d69517; }
/* Common Classes */


/* Basic Page Layout */
html { overflow-y: scroll;}
#masthead { width: 960px; height: 95px; border-bottom: 3px solid #ca8500; margin: auto; overflow: hidden; margin-bottom: 20px;}
.logo { background: transparent url(/static/images/logo_new.gif) 0 0 no-repeat; height: 36px; width: 240px; float: left; display: block; margin-top: 38px; text-indent: -9000px;}
#nav { float: right; }
#nav li { float: left; height: 95px;}
#nav li a { display: block; padding: 0 40px; padding-top: 8px; line-height: 95px;}
#nav li a:hover { background-color: #f9f9f9;}
.body-about .about, .body-green .green, .body-loans .loans, .body-contact .contact { background-color: #f9f9f9; }
#page-content { width: 960px; margin: 0 auto; }
#footer { width: 960px; position: relative; margin: auto; border-top: 3px solid #ca8500; margin-top: 40px; padding-top: 45px;}
#realtor-foot { float: left; width: 320px; text-align: right;}
#realtor-foot h2 { margin: 0 9px; font-weight: 500; font-size: 17px; text-align: left; }
#realtor-foot p { margin: 13px 9px 0 9px; font-size: .85em; line-height: 1.4em; text-align: left; }
#realtor-foot .more-button { float: right; margin: 9px 9px 0 0; }
.footer-nav { float: left; width: 195px; margin-left: 18px;}
.footer-nav li { border-bottom: 1px solid #d1d1d1; height: 26px; line-height: 26px; overflow: hidden; }
.footer-nav li.section-page { border-bottom: 1px solid #666666;}
.footer-nav li a { display: block; padding-left: 12px; font-size: .8em; height: 26px; }
.footer-nav li.section-page a { display: block; padding-left: 2px; font-size: .9em; font-weight: 600; }
.footer-nav li a:hover { background-color: #f9f9f9;}
.footer-nav li.section-page a:hover { background-color: #fff; color: #a3a3a3;}
#footer .logo { background-position: 0 -55px; margin-top: 20px; width: 212px}
.contact-info { float: left; margin: 20px 0 0 32px; }
.contact-info p {font-size: .9em;}
.contact-info .phones { margin-top: 9px;}
.phones span { margin: 0 20px 0 5px;}
.phones strong { margin-left: 20px;}
#ehl { position: absolute; top: 190px; right: 0; width: 50px; height: 52px; z-index: 2000; }
.copyright { font-size: 12px; color: #a1a1a1; text-align: center; margin: 15px 0; }
.copyright a { font-size: 12px; color: #ca8500; font-weight: 800;}
.copyright a:hover { color: #d69517; }

.side-nav-column { float: left; width: 210px; margin-right: 8px; padding-top: 20px; }
.content-column { float: left; width: 734px;}
.content-column p { margin: 10px 0; font-size: .9em; line-height: 1.4em;}
.side-nav li { display: block; height: 52px; overflow: hidden; }
.side-nav li a { display: block; padding-left: 8px; line-height: 52px;}
.side-nav li a:hover, .side-nav li a.active { background-color: #f9f9f9;}

.inner-content-column { width: 346px; float: left; margin: 0 8px; padding-top: 20px;}
.inner-content-column h2 { font-size: 1.2em; margin-bottom: 20px;}
.inner-content-column ul li { padding-left: 20px; background: transparent url(/static/images/bullet.gif) 0 7px no-repeat; line-height: 1.3em; margin-bottom: 15px; }

.content-column .side-nav-column { width: 230px;}
.content-column .side-nav-column a { color: #565656 !important; font-weight: 500 !important;}
/* End Page Layout */


/* Home Page */
.home #masthead { margin-bottom: 40px;}
.home-masthead-container { position: relative; height: 415px; width: 960px; overflow: hidden;}
.mast-shadow { position: absolute; z-index: 20;}
.home-mastheads { overflow: hidden; position: relative;}
.masthead01 { background: transparent url(/static/images/home01.jpg) 0 0 no-repeat; height: 415px; width: 960px; }
.masthead02 { background: transparent url(/static/images/home02.jpg) 0 0 no-repeat; height: 415px; width: 960px; }
.masthead03 { background: transparent url(/static/images/home04.jpg) 0 0 no-repeat; height: 415px; width: 960px; }
.masthead04 { background: transparent url(/static/images/home03.jpg) 0 0 no-repeat; height: 415px; width: 960px; }
.home .pagination { float: right; margin-top: 10px;}
#page-nav {float: left; padding-right: 15px;}
#page-nav li { background: transparent url(/static/images/page-nav.gif) 0 0 no-repeat; height: 18px; width: 20px; float: left;}
#page-nav li.activeSlide { background-position: 0 -19px;}
#page-nav li a { display: block; height: 18px; width: 20px;}
#prev, #next { height: 18px; width: 15px; background: transparent url(/static/images/masthead-pagination.gif) 0 0 no-repeat; overflow: hidden; display: block; float: left;}
#next { background-position: -26px 0;}
#next:hover { background-position: -26px bottom; }
#prev:hover { background-position: 0 bottom; }
.info-blurb { position: absolute; right: 0; top: 140px; width: 470px; padding: 25px 0; overflow: hidden;}
.info-blurb .transparency { position: absolute; top: 0; right: 0; width: 960px; height: 415px; background-color: #000; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; z-index: -1;}
.info-blurb h1, .info-blurb p, .info-blurb a { color: #fff;}
.info-blurb h1 { margin: 0 0 0 25px; font-size: 19px; font-weight: 500; }
.info-blurb p { margin: 15px 25px; font-weight: 500; font-size: .9em; line-height: 1.4em;}
.info-blurb .more-button { margin-left: 314px; font-weight: bold;}
.photo-credit { position: absolute; right: 0px; bottom: 0px; background: transparent url(/static/images/black-85.png) 0 0 repeat; }
.photo-credit a { font-size: 12px; color: #fff; padding-left: 10px; font-weight: 800; padding-right: 30px; margin-right: 10px; height: 34px; line-height: 34px; color: #fff; font-size: 12px; display: block; background: transparent url(/static/images/arrow-button.png) right 4px no-repeat; white-space: nowrap;}
.photo-credit a:hover { color: #CA8500; background-position: right -99px;}
/* End Home Page */


/* About Us */
.body-about .content-column p { padding: 0 8px; }
.body-about h1 { height: 40px; margin-top: 30px; padding-left: 8px;}
.body-about .content-column p, .body-loans .content-column p  { padding: 0 8px 0 8px; }

.body-about-overview h1 { height: 40px; padding-left: 65px; margin-top: 30px; background: #fff url(/static/images/h1-bg.gif) 0 0 no-repeat; }
.body-about-overview h1.head-company { background-position: 0 -105px !important;}
.body-about-overview .content-column p { padding: 0 8px 0 65px !important; }
blockquote { display: block; background: transparent url(/static/images/quotes.gif) 0 0 no-repeat;}
blockquote span { padding: 5px 16px 10px 24px; display: block; background: transparent url(/static/images/quotes.gif) right bottom no-repeat; }
.quote-attrib { width: 500px; margin: 0px auto; text-align: right;}
.quote-title { color: #999; font-size: .8em; margin-top: 6px;}
.body-mission h1 { padding-left: 8px; background: none;}

.body-mission blockquote { width: 500px; margin: 40px auto; font-size: .9em; margin-bottom: 20px;}
.body-mission .masthead-bg { height: 270px; width: 733px; background: #fff url(/static/images/masthead-bg-tall.gif) 0 0 no-repeat;}
.body-mission .masthead-bg img { margin-left: 5px; height: 250px; width: 724px; overflow: hidden;}

.body-team .content-column h1 { height: auto; }
.body-team h3 { margin: 10px 0 20px 8px; }
.body-team .content-column h1 { padding-left: 8px; background: none; margin-top: 30px;}
.body-team .bio-content { float: left; width: 496px; }
.bio-nav li a { padding-left: 60px; background: transparent url(/static/images/silhouette.gif) 8px 8px no-repeat; }
.headshot-container { width: 240px; float: right; height: 242px; margin-left: 15px; background: #fff url(/static/images/headshot-bg.png) 0 0 no-repeat;}
.headshot-container img { margin: 1px 0 0 8px; height: 225px; width: 225px; overflow: hidden;}

/* Loans */
.body-loans .content-column h1 { padding-left: 8px; background: none; margin-top: 30px;}
#loan-app-iframe { overflow-x: hidden;}

/*Green */
.body-green-about h1 { height: 57px; padding-left: 65px; line-height: 45px; margin-top: 30px; background: #fff url(/static/images/h1-bg.gif) 0 -210px no-repeat; }
.body-green-about h1.green-head { background-position: 0 -338px !important;}
.body-green-about .content-column p { padding: 0 8px 0 65px !important; }
.body-green-about .inner-content-column { padding-top: 0;}

/* Contact */
.body-contact .content-column { margin-left: 8px;}
.contact-form-column { width: 390px; float: left; padding-top: 35px; position: relative;}
.contact-form-column .required-desc { color: #f00; font-size: 11px; position: absolute; top: 42px; right: 0; text-align: right; font-style: italic;}
.contact-info-column { width: 290px; float: left; margin-left: 40px;padding-top: 35px;}
.contact-info-column h1, .contact-form-column h1 { font-size: 1.2em; }
.contact-form-column h1, .contact-info-column h1 { padding-bottom: 8px; border-bottom: 1px solid #e9e9e9; margin-bottom: 16px; }
.contact-info-column h1 { border-bottom: 1px solid #fff; }
.contact-p {font-size: .85em !important;}
#contact-form label { width: 160px;  line-height: 30px; float: left; height:}
form input, form select, textarea {  height: 20px; margin: 5px 0; float: left; border: 1px solid #c1c1c1; text-indent: 4px; border-top-color: #848484; border-bottom-color: #e1e1e1; width: 220px;  }
input:focus, textarea:focus { border-color: #e7bb65; border-top-color: #D69517; border-bottom-color: #ecc781; background-color: #fdeed2; }
.error-field input, .error-field textarea { border: 1px solid #f00; background-color: #ffcccc;}
.form-errors { margin: 0 0 20px 30px; color: red; list-style: none; }
.form-errors label { float: none !important; width: 100%; }
.form-errors ul.errorlist { margin-left: 30px; font-size: .8em; list-style: circle;}
label em { color: #f00;}
#id_address { display: none;}
#id_state { text-indent: 0;}
form fieldset { border-bottom: 1px solid #e9e9e9; padding-bottom: 16px; margin-bottom: 16px; }
textarea { float: none; width: 386px; height: 80px; }
.submit { background: transparent url(/static/images/button-bg.png) 0 0 no-repeat; height: 35px; width: 131px; color: #fff !important; line-height: 32px !important; overflow: hidden; font-size: 13px; display: block; text-align: center; border: 0; padding-top: 0; float: right; }



/* Article Pages */
.article-listing { border-bottom: 1px solid #d1d1d1; padding: 20px 0; }
.article-left-column { width: 480px; float: left;}
.article-listing h2 a { font-family: Century Gothic, Futura, Arial, Verdana, Sans Serif; font-weight: 500; font-size: 1.3em; color: #565656; margin-bottom: 10px; }
.article-listing h2 { margin-bottom: 12px;}
.article-listing p { margin-top: 0;}
.article-thumb { width: 230px; overflow: hidden; float: left; margin-right: 17px; }
.article-type-link { height: 29px; }
.article-type-link ul { list-style: none;}
.article-type-link ul li { float: left; margin-right: 6px; height: 29px; background: #fff url(/static/images/article-types.png) 0 0 no-repeat; }
.article-type-link ul li.PDF { width: 25px; }
.article-type-link ul li.Video { width: 44px; background-position: 0 -31px; }
.pdf-link { display: block; height: 29px; background: #fff url(/static/images/article-types.png) 0 0 no-repeat; padding-left: 30px; vertical-align: baseline; line-height: 44px; margin-bottom: 4px; }
.pdf-link span { color: #b3b3b3; font-weight: 200;}
.article-date {color: #b3b3b3; font-weight: 700; float: right; width: 120px; text-align: right;}
.article-read-more { float: right; margin-top: 14px;}
.featured-articles { width: 230px; float: right; padding-top: 20px; }
.featured-articles h2 { font-size: 1.3em !important; color: #565656; border-bottom: 1px solid #666; padding-bottom: 8px; }
.featured-articles li { display: block; border-bottom: 1px solid #d1d1d1; padding: 6px; }
.featured-articles li  a{ font-size: .8em; }
.article-pagination { clear: both; width: 477px; text-align: center; position: relative; padding-top: 12px; font-size: .8em;  }
.article-pagination .older { position: absolute; top: 10px; right: 0px; font-size: 12px; }
.article-pagination .newer { position: absolute; top: 10px; left: 0px; font-size: 12px; }
/* .pagination .current { display: none;} */
.article-content { padding-top: 20px;}
.article-content p { margin-top: 0px; margin-bottom: 16px;}
.article-content h1 { margin-bottom: 20px; }
.article-content h2, .article-content h3, .article-content h4  { margin: 38px 0 10px 0; font-size: 1.2em; }
.article-content ol, .article-content ul { padding-left: 30px; font-family: Lucida Grande, Carriba, Arial, Verdana, Sans Serif; text-decoration: none; color: #565656; font-size: 13px; line-height: 1.275em;  }
.article-left-column ol li, .article-left-column ul li { margin-bottom: 10px;}
.article-left-column ol { list-style: decimal;}
.article-content blockquote { padding-left: 25px;}
#player { margin-bottom: 20px;}


/* Calculator Page */
.calculator-content-column { border: 1px solid #cfcfcf; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #808080; background: #fff url(/static/images/calc-bg.png) left bottom repeat-x;  padding-bottom: 94px; }
.calculator-content-column .calculators { float: left; width: 221px; margin-bottom: 120px;}
.calculator-content-column .calculators li { border-bottom: 1px solid #e9e9e9; background: #fff; }
.calculator-content-column .calculators li a { display: block; line-height: 1.3em;color: #565656; font-weight: 500; padding: 22px 35px 22px 9px; font-family: Century Gothic, Futura, Arial, Verdana, Sans Serif; background: transparent url(/static/images/calc-arrow-inactive.png) right center no-repeat; min-height: 28px; }
.calculator-content-column .calculators li.activeSlide a { background-image: url(/static/images/calc-arrow.png);}
.calculator-content-column .calculators li.activeSlide { background: #fff url(/static/images/active-calc.png) left bottom repeat-x;}
.calc-wrapper { float: left; border-left: 1px solid #dfdfdf; width: 490px; }
.mortgage-purchase, .mortgage-refinance { padding-top: 60px;}
.calc-wrapper fieldset { float: right; width: 470px; border-bottom: 1px solid #e9e9e9; padding: 20px 0;}
.calc-wrapper fieldset label { float: left; width: 220px; font-weight: 700; height: 28px; line-height: 28px; white-space: nowrap; overflow: hidden;}
.calc-wrapper fieldset span { float: right;}
.calc-wrapper fieldset input { border: 1px solid #c1c1c1; border-top: 1px solid #848484; border-bottom: 1px solid #e1e1e1; font-size: 1.2em; height: 24px; padding-left: 8px; width: 150px;}
.calculate-button, .calculate-button:hover { padding-bottom: 3px; font-weight: bold; float: right; margin: 30px 0 0 0;}
.big-result { font-size: 1.4em; font-weight: bold; display: block; margin-top: 15px;}
.calculate-result { text-align: center; margin-top: 30px; }
.calc-error { color: #ff0000; clear: both;}
.radio { width: auto !important; border: none !important; height: 28px !important; float: left !important; margin: 0 10px 0 20px;}
.radio:focus { background: none !important;}
.radio-label { width: auto !important; float: left; font-weight: 500 !important;}
.auto-generated { line-height: 28px;}