/* Homestead Funding CSS Document */

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#efede1;
	margin:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

/*** Headings ***/
h1,.h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:Bold;
	color:#960202;
}

h2,.h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:Bold;
	color:#960202;
}

h3,.h3 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:Bold;
	color:#8f0708;
	margin:0;
	line-height:1.8em;
}

h4,.h4 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:Bold;
	color:#164c8a;
	margin:0;
	line-height:1.3em;
}

/*** Content ***/
p,.content {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#333333;
	line-height:1.6em;
}

.events {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#626262;
	line-height:1.3em;
}

/*** ID Tags ***/
#container {
	width:912px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	position:relative;
}

.bannerHolder {
	padding: 0 0 0 198px;
}

#navBar {
	position:absolute;
	width:225px;
	height: 273px;
	top: 101px;
	left: -14px;
	z-index:10;
}

li a.nav3 {
	border-right:none;
}

#logo {
	background-image:url(images/logo-header.jpg);
	background-repeat:no-repeat;
	width:912px;
	height:109px;
}
#topLinks {
	background-image:url(images/redbar.jpg);
	background-repeat:no-repeat;
	width:662px;
	height:29px;
	clear:both;
}
#banner {
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	width:912px;
	height:216px;
	clear:both;
}
#bodyBg {
	background-image:url(images/body-bg.jpg);
	background-repeat:repeat-y;
	width:912px;
	clear:both;
}
#content {
	width:850px;
	padding:10px 30px 10px 30px;
	margin:0;
}
#footer {
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	width:912px;
	height:34px;
	clear:both;
}

a#logoLink {
	width:305px;
	height:95px;
	float:left;
	margin-left:55px;
	text-indent:-999em;
}

#toprightLinks {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	line-height:1.5em;
	color:#FFFFFF;
	text-decoration:none;
	width:220px;
	float:right;
	text-align:right;
	padding:10px;
}

#loan-btn {
	margin-top:12px;
	width:220px;
	height:50px;
	float:right;
	clear:right;
	text-indent:-999em;
}

#loan-btn-alt {
	margin-top:12px;
	width:220px;
	height:50px;
	float:right;
	clear:right;
}

#leftCol {
	width:615px;
	float:left;
	border-right:1px dashed #939393;
	padding:0 10px 0 0;
}

#rightCol {
	width:210px;
	float:right;
}

#footerText {
	margin-left:25px;
	float:left;
	width:550px;
}

.footerLinks {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	line-height:1.5em;
	color:#333333;
	text-decoration:none;

}

#phone {
	margin-right:25px;
	float:right;
	width:200px;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	color:#525141;
	text-decoration:none;
}

#directions {
	background:url(images/btn-directions.jpg) no-repeat;
	width:150px;
	height:59px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-999em;
}
#events {
	background:url(images/btn-events.jpg) no-repeat;
	width:150px;
	height:59px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	text-indent:-999em;
}
#jobs {
	background:url(images/btn-jobs.jpg) no-repeat;
	width:150px;
	height:59px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	text-indent:-999em;
}
#contact-us {
	background:url(images/btn-contact.jpg) no-repeat;
	width:150px;
	height:59px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	text-indent:-999em;
}

#contact-agent {
	background:url(images/agents-contact.jpg) no-repeat;
	width:170px;
	height:66px;
	margin:0;
	padding:0;
	text-indent:-999em;
}

#pre-qualify {
	background:url(images/agents-pre-qualify.jpg) no-repeat;
	width:170px;
	height:66px;
	margin:0;
	padding:0;
	text-indent:-999em;
}
#redfiance {
	background:url(images/agents-refinance.jpg) no-repeat;
	width:170px;
	height:66px;
	margin:0;
	padding:0;
	text-indent:-999em;
}

#add-agent {
	background:url(images/agents-add.jpg) no-repeat;
	width:161px;
	height:56px;
	margin:0;
	padding:0;
	text-indent:-999em;
	position:absolute;
	top:370px;
	left:720px;
}

/*** Links ***/

.blueLinks {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	line-height:1.5em;
	color:#164c8a;
	text-decoration:none;
}

.toprightLinks {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	line-height:1.5em;
	color:#FFFFFF;
	text-decoration:none;
}
.toprightLinks:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.toprightLinks:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.toprightLinks:active {
	color:#FFFFFF;
	text-decoration:none;
}


a.footerLinks {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	line-height:1.5em;
	color:#333333;
	text-decoration:none;
}

a.footerLinks:visited {
	color:#333333;
	text-decoration:none;
}
a.footerLinks:hover {
	color:#8f0708;
	text-decoration:none;
}
a.footerLinks:active {
	color:#333333;
	text-decoration:none;
}

a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	line-height:1.5em;
	color:#8f0708;
	text-decoration:none;
}
a:visted {
	color:#8f0708;
	text-decoration:none;
}
a:hover {
	color:#8f0708;
	text-decoration:underline;
}
a:active {
	color:#8f0708;
	text-decoration:none;
}

ul {
	margin:0 0 0 30px;
	padding:0;
}
ul li {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#333333;
	padding:0 0 5px 0;
}


/*** BANNER ROTATION ***/
.photo-rotation {
	/*background:url(../images/photo_01.png) no-repeat;*/
	width:708px;
	height:216px;
	margin:0;
	padding:0;
	top:1;
	left:198px;
	position:absolute;
	z-index:5;
}

	/*** HEADER AREA ***/
		.mini-nav {
			background:url(images/mini-nav-bg.png) no-repeat;
			position:absolute;
			z-index:15;
			margin:0;
			padding:0;
			width:158px;
			height:32px;
			top:138px;
			left:731px;
		}
	
		div.mini-nav ul.mini-nav-list {
			list-style-type:none;
			margin:6px 0 0 7px;
			padding:0;
		}
		
		div.mini-nav ul.mini-nav-list li {
			float:left;
			margin:0;
			padding:0;
		}
		div.mini-nav ul.mini-nav-list li a {
			width:14px;
			height:14px;
			display:block;
			margin:0;
			padding:0 10px;
			cursor:pointer;
			color:#333;
			text-decoration:none;
			text-align:center;
		}
		div.mini-nav ul.mini-nav-list li a:hover {
			color:#970707;
			text-decoration:none;
		}
		
		div.mini-nav ul.mini-nav-list li a.activeSlide {
			color:#970707;
			text-decoration:none;
		}
		
		div.mini-nav ul.mini-nav-list li a.nav0 {
					border-right:1px solid #aaa;
		}
		div.mini-nav ul.mini-nav-list li a.nav1 {
					border-right:1px solid #aaa;
		}
		div.mini-nav ul.mini-nav-list li a.nav2 {
					border-right:1px solid #aaa;
		}
		
.leftInfo {
	width:600px;
	margin:0;
	padding:0;
	float:left;
}		
.rightInfo {
	width:240px;
	margin:20px 0 0 0;
	padding:0;
	float:right;
}