@import url('reset.css');
/* 
	Main CSS doc for First Foundation Residential Mortgages | Copyright 2009
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#333333		dark gray
	
*/


/*
**	=global
**************************/
body					{ background:#929292; color:#000; font-family:arial,helvetica,sans-serif; font-size:75%; margin:0; padding:0; overflow:auto; }
strong,b				{ font-weight:bold; }
em,i					{ font-style:italic; }
p, ol, ul, 
h1, h2, h3, h4, h5, h6	{ margin-bottom: 1em;}
p						{ line-height:1.4; }

h1, h2, h3, h4, h5, h6	{ color:#0b68a2; font-size:1.5em; }
a						{ color:#418fa5; text-decoration:none; cursor:pointer; }
a.ext					{ background: url(../img/application_double.png) no-repeat top right; padding-right: 19px; }

hr						{ background:#D9E3EC; border:0; color:#D9E3EC; height:1px; }

.wrap					{ height:inherit; margin:0 auto; position:relative; width:940px; overflow:hidden;}
img.left				{ float:left; margin:0 10px 5px 0; }
img.right				{ float:right; margin:0 0 5px 10px; }

textarea				{ height:150px; width:300px }
td						{ padding:7px; }
td.label				{ line-height:2; text-align:right; vertical-align:top; }
th label				{ line-height:40px; }
th						{ vertical-align:top; }

input[type="button"]	{ background:#B12A1C; border:2px solid #9b2013; cursor:pointer; color:#FFF; font-size:1em; padding:3px 5px; }

/*
**	=branding
**************************/
#branding				{ background:#888888 url('../img/bg-branding.jpg') repeat-x 0 bottom; color:#fff; overflow:hidden; }
#branding .wrap			{ height:160px; overflow:visible; }
#branding #logo			{ background:transparent url('../img/logo-first-foundation.png') no-repeat 0 0; display:block; height:92px; position:absolute; bottom:30px; left:0; width:353px; z-index:1; text-indent:-9999em; }
#branding h1			{ margin: 0; }
#locations				{ color:#fff; font-size: 15px; position:absolute; right:0; top:45px; text-align:right; width:500px; }
#locations p			{ line-height: 22px; color: #cccccc; padding: 10px 0 0 0;}
#locations em			{ font-size: 22px; font-style: normal; color: #fff; letter-spacing:0.03em; }
#search-box				{ background:#5a5a5a; display:block; position:absolute; top:0; right:0; height:40px; width:260px; z-index:99; }
#search-input			{ margin:0;  position:relative; }
#search-input input		{ border:0; color:#666; font-size:1.0em; height:16px; padding:4px; position:absolute; top:7px; left: 11px; background-color: #cccccc;}
#search-box input.submit{ background:0; cursor:pointer; color:#fff; height:auto; left:auto; right:18px; padding:0; }




/*
**	=nav
**************************/
#nav					{ position:absolute; bottom:0; right:0; z-index:10; margin: 0; }
#nav li					{ float:left; }
#nav a					{ background:#efefef url('../img/bg-nav-item.jpg') repeat-x 0 bottom; color:#373737; cursor:pointer; display:block; font-size:1.0833em; float:left; margin-right:2px; padding:7px 14px 8px; }
#nav a:hover			{ color:#b12a1c; }
#nav a.current			{ background:#fff; }
#nav td.label			{ line-height:1; } /* because jquery.corners uses tables in IE, and we don't want #nav items to be bigger! */


/*
**	=spotlight
**************************/
#spotlight				{ background:#fff; padding:11px 0 13px; }

.col					{ float:left; margin-right:11px; font-size:1em; width:306px; }
.last					{ margin-right:0; }

.three .col				{ /*width:220px; padding: 25px 10px 0 75px; */font-size: 1.25em; }
.three .col p			{ color:#999; margin:0 0.5em 1em 75px; }
.three .col h2			{ line-height:40px; font-size:20px; margin-bottom:0; }
.three .col h2 a		{ color:#0B68A2; }
.three .col h2 a:hover	{ color:#3d97cf; }
.three .col a			{ display:block; height:68px; padding:25px 10px 0 75px; width:221px; } /* height:93px; width:306px; */
#col1 h2 a:hover		{ color:#8db1cc; }


/* custom column bg's for mortgage application page */
.apply #col1 a			{ background: url('../img/icons/applyonline.png') no-repeat;}
.apply #col1 h2 a		{ color: #C3D3DF;}
.apply #col1 h2 a:hover	{ color: #fff;}
.apply #col1 p			{ color:#333; }
.apply #col2 a			{ background: url('../img/icons/applyphone.png') no-repeat;}
.apply #col3 a			{ background: url('../img/icons/downloadapplication.png') no-repeat;}


/* custom column bg's for mortgage application page */
.learn #col1 a			{ background: url('../img/icons/blog.png') no-repeat;}
.learn #col1 h2 a		{ color: #C3D3DF;}
.learn #col1 p			{ color:#333; }
.learn #col2 a			{ background: url('../img/icons/faq.png') no-repeat;}
.learn #col3 a			{ background: url('../img/icons/mortgage-rates.png') no-repeat;}


/* custom column bg's for online application page */
.online #col1 h2,
.online #col2 h2,
.online #col3 h2		{ background: url('../img/stepbg.jpg') no-repeat; color: #C3D2DF; float: left; font-size: 12px; text-transform: uppercase; font-weight: bold; width: 65px; height: 75px; line-height: 25px; padding: 0 0 0 5px; text-indent: -5000px;}
.online #col1 h2		{ background: url('../img/step1.jpg') no-repeat; }
.online #col2 h2		{ background: url('../img/step2.jpg') no-repeat; }
.online #col3 h2		{ background: url('../img/step3.jpg') no-repeat; }
.online #col1 p,
.online #col2 p,
.online #col3 p			{ color: #033b67; }


/* homepage slideshow */
#slideshow				{ height:258px; overflow:hidden; position:relative; margin-bottom:11px; }
#pagers					{ position:absolute; right:7px; bottom:6px; z-index:99; }
#pagers a				{ background:transparent url('../img/bg-pager.png') no-repeat 0 -15px; color:#fff; display:block; font-size:10px; float:left; font-weight:bold; margin-left:3px; overflow:hidden; padding:1px 0 0 5px; height:14px; width:10px; } /* height:15px; width:15px; */
#pagers a.activeSlide	{ background-position:0 0; }

/* jumpboxes */
#jumpboxes				{ overflow:hidden; }
#jumpboxes h2			{ margin:0; }
#jumpboxes a			{ background:url('../img/bg-jumpboxes.jpg') no-repeat; color:#b6cfe0; display:block; font-family: arial,sans-serif; font-size:0.6667em; height:57px; line-height:1.1; padding:20px 5px 0 90px; } /* height:77px; */
#jumpboxes a em			{ color:#fff; display:block; font-size:1.5em; font-style:normal; font-weight:bold; margin-bottom:0.1667em; }

#jumpboxes a:hover,
#jumpboxes a:hover em	{ color:#FFF; }
#jump-one				{ background-position:0 -236px !important; }
#jump-one:hover			{ background-position:0 -314px !important; }
#jump-two				{ background-position:-317px -236px !important; }
#jump-two:hover			{ background-position:-317px -314px !important; }
#jump-three				{ background-position:-634px -236px !important; }
#jump-three:hover		{ background-position:-634px -314px !important; }

.home #jumpboxes a		{ height:79px; font-size:.667em; padding:38px 20px 0 95px; }
.home #jump-one			{ background-position:0 0 !important; padding-left:115px !important; padding-right:0 !important; }
.home #jump-one:hover	{ background-position:0 -118px !important; }
.home #jump-two			{ background-position:-317px 0 !important; }
.home #jump-two:hover	{ background-position:-317px -118px !important; }
.home #jump-three		{ background-position:-634px 0 !important; }
.home #jump-three:hover	{ background-position:-634px -118px !important; }


/* =twitter */
#content #twitter h3				{ background:url('../img/icon-twitter.gif') no-repeat 0 0; color:#0b93e5; font-weight:bold; padding-left:45px; text-transform:none; }
#content #twitter h3 a				{ color:#a6a411; font-weight:normal; font-size:0.8333em; }
#tweets ul#twitter_update_list 		{ list-style:none; margin-right:40px; }
#tweets ul#twitter_update_list li	{ color:#0a68a3; list-style:none; font-size:0.9167em; margin:0; }
#tweets ul#twitter_update_list li > a	{ color:#a7a7a7; display:block; }

/* =gfx-btn */
a.gfx-btn				{ background:no-repeat 0 0; color:#fff; font-size:1.25em; font-weight:bold; height:39px; letter-spacing:-1; padding:20px 0 0 75px; display:block; }
a.gfx-btn:hover			{ color:#D0E2EE; }
div.blog .gfx-btn		{ background-image:url('../img/btn-more-blog.png'); }
div.contact .gfx-btn,
.gfx-btn.contact		{ background-image:url('../img/btn-contact-us.png'); }
div.approved .gfx-btn	{ background-image:url('../img/btn-get-approved.png'); }


/* Mortgage Calculator */
a.button				{ font-size:1.5em; color:#FFF; cursor:pointer; display:block; font-weight: bold; width:306px; height:63px; background:url(../img/mortgage-calculator.png) no-repeat; text-indent:100px; line-height:58px; margin-bottom:5px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.5); }
/*a.button:hover			{ color:#D0E2EE; }*/
a#mortgage_calculator	{ background:url(../img/mortgage-calculator.png) no-repeat; }
a#mortgage_rates		{ background: url('../img/btn-mortgage-rates.png') no-repeat; height: 77px; line-height: 77px; }
a#contact_us			{ background: url('../img/btn-contact.png') no-repeat; height: 59px; line-height: 59px; }
/*#mortgage_calculator a	{ font-size:19px; color:#FFF; }*/

/*
**	=content
**************************/
#content				{ background:#fff url('../img/bg-gradient.jpg') repeat-x 0 0; padding:30px 0; overflow:hidden; }
#content h1, 
#spotlight h1			{ border: solid #d5d5d5; border-width: 1px 0; color:#900; font-family:georgia,'times new roman',serif; font-size:2em; margin-bottom:0.667em; padding: 0.25em 0; letter-spacing:-1px; }
.three #spotlight h1 	{ margin-top: 1em; }
#content h1 a			{ color:#b12a1c; }
#content h2				{ margin:1.5em 0 0.5em; }
#content h2 a		 	{ color: #0B68A2; }
#content h3				{ color:#787878; font-size:1.25em; margin:1.5em 0 0.5em; text-transform:uppercase; }
#content h3.blog		{ color: #658fa5; text-align: right; font-size: 1.667em; text-transform: none; }
#sub-content h3:first-child	{ margin-bottom: -0.5em; }
#content h4				{ font-size:1.1667em; }

#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6		{ font-family:georgia,'times new roman',serif; }

#content h1 a:hover,
#content h2 a:hover 	{ color: #418fa5; }

#content p strong.attn	{ color:#B12A1C; font-style:italic; font-weight:bold; }

#content li				{ margin-left:2em; line-height:1.4; }
#content ol li			{ list-style-type:decimal; }
#content ul li			{ list-style-type:disc; }

/* =main-content */
#main-content			{ color:#363636; float:left; font-size:1.1667em; width:600px; }
.home #main-content		{ width:auto; }
.half #main-content		{ width:450px; }
.wide #main-content,
.online #main-content	{ width:940px; }
#main-content p			{ margin-bottom:1.25em; }
#main-content h2 span	{ color:#D9E3EC; font-size:4em; font-family:georgia,serif; /*margin-right:-0.1667em; line-height: .25em;*/ /*padding-bottom:44px; vertical-align:middle;*/ }
#main-content h2.num	{ margin:-1em 0 0.5em; }
#main-content p.special	{ margin: 2em 0;}
#main-content p.special a		{ color:#FFF; background: url(../img/green-grad.jpg) repeat-x 0 0; height: 50px; padding: 10px 20px; font-size: 18px; margin: 30px 0; -moz-border-radius:12px; -webkit-border-radius:12px; }
#main-content p.special a:hover	{ background-position:0 -49px; }

#main-content blockquote	{ background:#dfdfdf url('../img/bg-blockquote.gif') no-repeat 15px 15px; margin:3em 0; padding:1em 50px 0.25em; }
#main-content blockquote p	{ font-size:1.1667em; font-style:italic; }


/* =sub-content */
#sub-content			{ float:right; width:306px; }
.home #sub-content,
.wide #sub-content,
.online #sub-content	{ display:none; }
.half #sub-content		{ width:450px; }
/*#sub-content a			{ color:#fff; }*/

#subnav					{ background: url('../img/bg-subnav.png') no-repeat 0 0; margin:0 0 2em -22px; padding: 20px 32px 0; width: 268px; }
#subnav li				{ margin:0; line-height:1; list-style-type:none !important; }
#subnav li ul			{ display:none; margin:0; }
#subnav	a				{ border-bottom:1px solid #d9d9d9; color:#990000; display:block; font-size:1.333em; line-height: 1.2; padding:9px 0 9px 24px; /*text-transform: capitalize;*/ }
#subnav	a:hover			{ /*color:#971508;*/ }
#subnav a.current		{ background: url('../img/bg-subnav-arrow.png') no-repeat 0 14px; font-weight: bold; /*border-color:#B12A1C; color:#B12A1C;*/ }

#btn-calc				{ background:url('../img/btn-calculator.png') no-repeat 0 0; display:block; height:50px; margin-bottom:2em; text-indent:-9999em; width:306px; }

.blurb					{ }
#content .blurb h2		{ background:#0a5a8c url('../img/bg-blurb-h2.png') repeat-x 0 0; border-bottom: 1px solid #fff; color:#fff; font-weight: bold; margin:0; padding:9px 20px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.5); }
#content .blurb h2 a	{ color:#fff; }
#content .blurb h2 a:hover	{ color:#CFE1ED; }
#content .blurb.light h2{ background:#bababa; color:#818181; }
.blurb-content			{ background:#acc8dd url('../img/bg-blurb-content.png') repeat-x 0 0; color:#07548f; font-size:1.1833em; margin-bottom:2em; padding:10px 20px; }
.blurb-content.light	{ background:#e0e0e0; color:#818181; }
#content .blurb-content li		{ background: url('../img/bg-blurb-list.png') no-repeat 0 7px; font-weight: bold; list-style-type: none; margin: 0; padding: 0 0 0 20px; line-height:1.6; }
.blurb-content p		{ line-height:1.2; }
.blurb a				{ color:#07548f; }
.blurb a:hover			{ color:#5495BE; }

/* Blurb click_to_call */
#click_to_call_blurb 		{ float:left; padding-top:1em; width:306px;  }
#click_to_call_head 		{ background:url('../img/btn-click-to-call.gif') no-repeat 0 0; display:block; overflow:hidden; text-indent:-9999em; height:52px; width:306px; }
#click_to_call 				{ background:#efeedc; height:120px; margin:0 10px; padding:5px 3px 10px; position:relative; height:120px; width:280px; }
.home #click_to_call_head 	{ background-position:0 -52px; width:286px; }
.home #click_to_call_blurb	{ padding-top: 0; width:286px; }
.home #click_to_call		{ width:260px; }

#l1,#i1,#l2,#i2				{ position:absolute; }
#l1,#l2						{ left:20px; }
#i1,#i2						{ right:15px; }
#l1,#i1						{ top:15px; }
#l2,#i2						{ top:55px; }
#click_to_call label 		{ color:#5a590e; float:left; font-size:12px; line-height:25px; font-style:italic; text-align:right; white-space:nowrap; width:100px; }
#click_to_call input		{ color:#666; float:left; font-size:1em; padding:3px 0 1px; width:120px; }
#click_to_call input.submit	{ position:absolute; color:#333; padding:0; width:auto; bottom:10px; right:15px; }


/* =home content */
.home #main-content h2	{ color: #900; border-bottom: 1px solid; font-size: 24px; margin-top:0; padding: 0 0 0.1667em 0; }

#news p,
#specialize p			{ margin-right:1.5em; font-size:1em; }
/*#specialize h2			{ font-size:1.25em; font-weight:bold; margin-right:1em; margin-top:0; }*/
#news h3				{ font-size:1.1667em; margin-bottom:0.25em; margin-top:14px; text-transform: none; }
#news h3 a				{ color:#0B68A2; }
#news h3 a:hover		{ color:#418fa5; }
#news p					{ font-size:0.9167em; margin-bottom:1em; }
.home p.date			{ font-size:0.75em !important; }


#specialize				{ color:#515151; }


/* =rates table */
#rates table			{ border-spacing:1px; }
#rates tr td			{ background:#e6f0f6 url('../img/bg-rates-tbl.jpg') repeat-x 0 -40px; color:#074d7e; font-size:.9em; height:19px; padding:5px 15px; width:120px; } /* height:29px; width:150px; */
#rates tr.odd td		{ background-color:#cfe1ed; background-position:0 -70px; }
#rates thead td			{ background:#5495be url('../img/bg-rates-tbl.jpg') repeat-x 0 0; color:#fff; font-size:1em; font-weight:bold; height:25px; padding:9px 15px 5px; } /* height:39px; */
#rates p				{ color:#666; font-size:0.8333em; margin-bottom:0.5em; }
.home #rates h2			{ display:none; }
.home #rates p			{ font-size:0.75em; }
#rates p a.all			{ font-size: 1.5em;}
#rates p a.all:hover	{ color: #07548F; }





/* =file-list */
.file-list li span		{ color:#666; font-size:0.9167em; }




/*
**	=news
**************************/
p.date					{ color:#767676; margin-bottom:0.25em !important; text-transform:uppercase; }
a#subscribe				{ background:url('../img/icon-rss.png') no-repeat 0 0; display:block; padding:0 0 5px 45px; line-height:1.5; font-size:1.75em; margin-bottom:1em; }
a#subscribe:hover		{ color:#B12A1C; }

#main-content .commentList li			{ list-style-type:none; margin:0; }
#main-content .commentList blockquote	{ background-image:url('../img/bg-quote.gif'); margin:1.5em 0; }
#main-content blockquote cite			{ color:#666; display:block; font-style:italic; margin-bottom:1em; }
#main-content blockquote cite span		{ font-size:0.9167em; color:#999; }

#social-links			{ margin: 1.5em 0 2.5em; }
#social-links p			{ color: #808080; font-size: 1.333em; margin-bottom: 0.25em; }
#social-links ul		{ border: solid #d9d9d9; border-width: 1px 0; padding: 1em 0; overflow: hidden; list-style-type: none; }
#content #social-links li	{ float: left; list-style-type: none; margin: 0 0 0 3px; }
#content #social-links li:first-child	{ margin-left: 0; }
#social-links a			{ background: url('../img/bg-social-links.png') no-repeat 0 0; display: block; text-indent: -999em; height: 74px; width: 74px; }
#social-links a.email	{ background-position: -77px 0px; }
#social-links a.twitter	{ background-position: -154px 0px; }
#social-links a.fbook	{ background-position: -231px 0px; }

/* =social-bar */
#social-bar				{ overflow: hidden; width: 160px; }
#social-bar p			{ color: #999898; float: left; font-size: 12px; margin-top: 4px; }
#social-bar	ul			{ float: right; list-style-type: none; }
#content #social-bar li	{ float: left; list-style-type: none; margin-left: 1px; }
#social-bar	a			{ background: url('../img/bg-social-mini.png') no-repeat 0 0; display: block; float: left; text-indent: -999em; height: 22px; width: 22px; }
#social-bar a.email		{ background-position: -24px 0px; }
#social-bar a.twitter	{ background-position: -48px 0px; }
#social-bar a.fbook		{ background-position: -71px 0px; }



/*
**	=search-results
**************************/
#search-results					{  }
#search-results p.search_score	{ color:#6bb8ce; font-size:1em; margin-bottom:1em; }
#search-results h3				{ margin-bottom:0; }



/*
**	=sitemap
**************************/
#sitemap,
#sitemap ul				{ /*list-style-position:inside;*/ }
#sitemap li				{ color:#418FA5; font-size:1.1667em; line-height:1.4; }
#sitemap li ul			{ list-style-type:disc; margin-left:25px; /*list-style-position:inside;*//* margin-left:20px;*/ }
#sitemap li li			{ font-size:1em; }



/*
**	=site-info
**************************/
#site-info				{ border-top:7px solid #747474; color:#d1d1d1; font-size:0.9167em; padding:30px 0; text-align:right; }
#site-info a			{ color:#fff; }
#site-info p			{ margin-bottom:0; }
#site-info span,
#site-info span a		{ color:#fff; }
#copyright a			{ color:#d1d1d1; font-weight:bold; }
#site-info #copyright .lift	{ color: #fff; font-family: georgia; font-weight: bold; font-style: italic; }

#footer-menu ul			{ float:left; margin-right:35px; text-align:left; }
#footer-menu li			{ margin-bottom:0.25em; }

/*
**	=tagcloud
**************************/
#tagcloud				{  }
#tagcloud a:hover		{ color: #333; }
#tagcloud .size-1		{ font-size: 1em; }
#tagcloud .size-2		{ font-size: 1.1667em; }
#tagcloud .size-3		{ font-size: 1.25em; }
#tagcloud .size-4		{ font-size: 1.333em; }
#tagcloud .size-5		{ font-size: 1.5em; }
#tagcloud .size-6		{ font-size: 1.6667em; }



/*
**	=corners
**************************/
.cornerTL				{ border-radius:12px 0 0; -webkit-border-radius:12px 0 0; -moz-border-radius:12px 0 0; -khtml-border-radius:12px 0 0; behavior: url(border-radius.htc); }
.cornerTR				{ border-radius:0 12px 0 0; -webkit-border-radius:0 12px 0 0; -moz-border-radius:0 12px 0 0; -khtml-border-radius:0 12px 0 0; behavior: url(border-radius.htc); }
.cornerBR				{ border-radius:0 0 12px 0; -webkit-border-radius:0 0 12px 0; -moz-border-radius:0 0 12px 0; -khtml-border-radius:0 0 12px 0; behavior: url(border-radius.htc); }
.cornerBL				{ border-radius:0 0 0 12px; -webkit-border-radius:0 0 0 12px; -moz-border-radius:0 0 0 12px; -khtml-border-radius:0 0 0 12px; behavior: url(border-radius.htc); }
/*.corners				{ background: red; padding: 1em; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -khtml-border-radius:12px; behavior: url(border-radius.htc); }*/

.blurb h2				{ border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -khtml-border-radius:12px 12px 0 0; behavior: url(border-radius.htc); }
.blurb-content			{ border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; -khtml-border-radius:0 0 12px 12px; behavior: url(border-radius.htc); }
#nav a					{ border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -khtml-border-radius:7px 7px 0 0; behavior: url(border-radius.htc); }
#search-box				{ border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px; behavior: url(border-radius.htc); }