/* ------------------------------------------------------------

	Title: 		Reverse Mortgage Chrome Layout
	Author: 	neal at abramarketing dot com

------------------------------------------------------------ */

body {
  	background: #555555 url(../images/bg_body_chrome.jpg) top repeat-x;
	color: #1e241f;
	}

/* ------------------------------------------------------------

	Page Structure

------------------------------------------------------------ */
	
	
#container {
	background: #FAFDFF url(../images/container_top_chrome.gif) top left no-repeat;
}

/* ------------------------------------------------------------

	Header

------------------------------------------------------------ */

#header h1 a {
	color: #1e241f;
}

#header h2 {
	font-size: 15px;
	color: #b0b1b3;
}
#header .freeseminar {
	float: right;
	margin: 28px 25px 24px 0;
	background: url(../images/header_seminar_chrome.jpg) top no-repeat;
	height: 67px;
	width: 299px;
}


/* ------------------------------------------------------------

	Main Callout

------------------------------------------------------------ */
#mainCallout {
	background: url(../images/chrome_header_6.jpg) top left no-repeat;
}

#mainCallout p {
	color: #555555;
}

#mainCallout a {
	color: #555555;
}

#mainCallout a:hover {
	text-decoration: underline;
	color: #555555;
}

/* ------------------------------------------------------------

	Main Navigation

------------------------------------------------------------ */

#nav {
	border-bottom: 1px solid #b0b1b3;
}

#nav ul li {
	background: url(../images/bg_nav_left_chrome.jpg) top left no-repeat;
	
}

#nav ul li a {
	background: url(../images/bg_nav_right_chrome.jpg) top right no-repeat;
}

#nav ul li a .house {
   background: url(../images/img_chrome_home.jpg) top no-repeat;
   }

/* ------------------------------------------------------------

	 Left Column

------------------------------------------------------------ */

#leftCol .homeList li {
	border-bottom: 1px solid #b0b1b3;
	background: url(../images/bullet_arrow_chrome.jpg) left center no-repeat;
}
#leftCol .homeList li a {
	color: #555555;
}

#leftCol .welcomeImg {
	border: 3px solid #555555;
}

#leftColSecOuter #leftColSec .welcomeImg {
	border: 3px solid #555555;
}


/* ------------------------------------------------------------

	 Middle Column

------------------------------------------------------------ */
#middleColOuter {
	border-left: 1px solid #b0b1b3;
}

#middleCol dd {
	background: url(../images/middleCol_call_chrome_bot.jpg) bottom left no-repeat;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}

#middleCol dd h4 {
	background: url(../images/middleCol_call_chrome_top.jpg) top left no-repeat;
	padding: 20px 15px 10px 15px;
	font-size: 130%;
}
.calculatorButton {
	background: url(../images/btn_cal_chrome.jpg) bottom left no-repeat;
}
.learnButton {
	background: url(../images/btn_learn_chrome.jpg) bottom left no-repeat;
}
.getAnswersButton {
	background: url(../images/btn_get_chrome.jpg) bottom left no-repeat;
}


/* ------------------------------------------------------------

	 Right Column

------------------------------------------------------------ */
#rightColOuter {
	border-left: 1px solid #b0b1b3;
}

#rightCol .applyNowButton {
	background: url(../images/btn_apply_chrome.jpg) top no-repeat;
	}
#rightCol .HECM {
	background: url(../images/btn_HECM_chrome.jpg) top no-repeat;
	}
#rightCol .downloadGuide {
	background: url(../images/btn_guide_chrome.jpg) top no-repeat;
	}
#rightCol .testimonialsVideo {
	background: url(../images/test_video_chrome.jpg) top no-repeat;
}

.testimonialtext {
font-weight: bold;
color: #555555;}

/* ------------------------------------------------------------

	 Footer

------------------------------------------------------------ */
#footer {
	background: #555555 url(../images/container_bottom_chrome.gif) top left no-repeat;
	color: #b0b1b3;
}


#footer ul li a, #footer p a {
	color: #b0b1b3;
}


#footer p {
	color: #b0b1b3;
}

/* ------------------------------------------------------------

	 Secondary Page Layout

------------------------------------------------------------ */

/* ------------------------------------------------------------

	 Secondary Page Left Column

------------------------------------------------------------ */

#leftCol img { border: 1px solid #b0b1b3;}


#leftColSec .homeList li {
	border-bottom: 1px solid #b0b1b3;
}
#leftColSec h3 {
	border-bottom: 1px dotted #b0b1b3;
}
#leftColSec .testimonialCont {
	border-bottom: 1px dotted #b0b1b3;
}

#leftColSec #chart {
	border: 1px solid #b0b1b3;
}

#calculatorOuter h2 {
	border-bottom: 1px dotted #b0b1b3;
}/* ------------------------------------------------------------

	 Secondary Page Right Column

------------------------------------------------------------ */
#rightColSecOuter {
	border-left: 1px solid #b0b1b3;
}

#rightColSec dd {
	background: url(../images/middleCol_call_chrome_bot.jpg) bottom left no-repeat;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}

#rightColSec dd h4 {
	background: url(../images/middleCol_call_chrome_top.jpg) top left no-repeat;
	padding: 20px 15px 10px 15px;
	font-size: 130%;
}


/* ------------------------------------------------------------

	Misc

------------------------------------------------------------ */
.rightPhoto {
	border: 2px solid #b0b1b3;
	float: right;
	margin: 0 0 20px 20px;
}

.leftPhoto {
	border: 2px solid #b0b1b3;
	float: left;
	margin: 0 20px 20px 0;
}
