/* ------------------------------------------------------------

	Title: 		Reverse Mortgage Truth Gray Template Style Sheet
	Author: 	neal at abramarketing dot com

------------------------------------------------------------ */

body {
	background: #9a978b url(../images/bg_body_gray.jpg) top left repeat-x;
	color: #565555;
	}

/* ------------------------------------------------------------

	Page Structure

------------------------------------------------------------ */
	
#container {
	background: #FAFDFF url(../images/container_top_gray.jpg) top left no-repeat;
}



/* ------------------------------------------------------------

	Header

------------------------------------------------------------ */

#header h1 a {
	color: #565556;
}

#header h2 {
	font-size: 15px;
	color: #7c7e82;
}

#header .freeseminar {
	float: right;
	margin: 28px 25px 24px 0;
	background: url(../images/header_seminar_gray.jpg) top no-repeat;
	height: 67px;
	width: 299px;
}

/* ------------------------------------------------------------

	Main Callout

------------------------------------------------------------ */
#mainCallout {
	background: url(../images/gray_header_1.jpg) top left no-repeat;
}

#mainCallout p {
	color: #565555;
}


#mainCallout a {
	color: #000000;
}

/* ------------------------------------------------------------

	Main Navigation

------------------------------------------------------------ */

#nav {
	border-bottom: 1px solid #565555;
}
#nav ul li {
	background: url(../images/bg_nav_left_gray.jpg) top left no-repeat;
	
}
#nav ul li a {
	background: url(../images/bg_nav_right_gray.jpg) top right no-repeat;
	padding: 4px 12px 10px 3px;
}

#nav ul li a .house {
   background: url(../images/img_gray_home.jpg) top no-repeat;
   }

/* ------------------------------------------------------------

	 Left Column

------------------------------------------------------------ */


#leftCol .homeList li {
	border-bottom: 1px solid #dcdcdc;
	background: url(../images/bullet_arrow_gray.jpg) left center no-repeat;
}

#leftCol .homeList li a {
	color: #000000;
}

#leftCol .welcomeImg {
	border: 3px solid #dcdcdc;
}
.welcomeImg {
	float: left;
	border: 3px solid #dcdcdc;
	margin: 0 10px 10px 0;
}

/* ------------------------------------------------------------

	 Middle Column

------------------------------------------------------------ */
#middleColOuter {
	border-left: 1px solid #dcdcdc;
}

/* ------------------------------------------------------------

	 Right Column

------------------------------------------------------------ */
#rightColOuter {
	border-left: 1px solid #dcdcdc;
}
#rightCol .applyNowButton {
	background: url(../images/btn_apply_gray.jpg) top no-repeat;
	}
#rightCol .HECM {
	background: url(../images/btn_HECM_gray.jpg) top no-repeat;
	}
#rightCol .downloadGuide {
	background: url(../images/btn_guide_gray.jpg) top no-repeat;
	}
#rightCol .testimonialsVideo {
	background: url(../images/test_video_gray.jpg) top no-repeat;
}

/* ------------------------------------------------------------

	 Footer

------------------------------------------------------------ */
#footer {
	background: #9a978b url(../images/container_bottom_gray.jpg) top left no-repeat;
}

/* ------------------------------------------------------------

	 Secondary Page Layout

------------------------------------------------------------ */

/* ------------------------------------------------------------

	 Secondary Page Left Column

------------------------------------------------------------ */

#leftCol img { border: 1px solid #d3d3d1;}

#leftColSec .homeList li {
	border-bottom: 1px solid #dcdcdc;
}

#leftColSec h3 {
	border-bottom: 1px dotted #d3d3d1;
}
#leftColSec .testimonialCont {
	border-bottom: 1px dotted #d3d3d1;
}

#leftColSec #chart {
	border: 1px solid #d3d3d1;
}

#calculatorOuter h2 {
	border-bottom: 1px dotted #d3d3d1;
	
	}
#calculatorOuter h2 {
	border-bottom: 1px dotted #d3d3d1;}
	/* ------------------------------------------------------------

	 Secondary Page Right Column

------------------------------------------------------------ */
#rightColSecOuter {
	border-left: 1px solid #d3d3d1;
}


/* ------------------------------------------------------------

	Misc

------------------------------------------------------------ */
.rightPhoto {
	border: 2px solid #d3d3d1;
	float: right;
	margin: 0 0 20px 20px;
}

.leftPhoto {
	border: 2px solid #d3d3d1;
	float: left;
	margin: 0 20px 20px 0;
}


.learnButton {
	background: url(../images/btn_learn_gray.jpg) bottom left no-repeat;
}

.getAnswersButton {
	background: url(../images/btn_get_gray.jpg) bottom left no-repeat;
}


.calculatorButton {
	background: url(../images/btn_cal_gray.jpg) bottom left no-repeat;
}

#rightColSec dd {
	background: url(../images/middleCol_call_gray_bottom.jpg) bottom left no-repeat;
}

#rightColSec dd h4 {
	background: url(../images/middleCol_call_gray_top.jpg) top left no-repeat;
}

#middleCol dd {
	background: url(../images/middleCol_call_gray_bottom.jpg) bottom left no-repeat;
}

#middleCol dd h4 {
	background: url(../images/middleCol_call_gray_top.jpg) top left no-repeat;
}