@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

body {
  background:#97b6e2 url(images/bg.jpg) repeat-x;
  text-align: center;
}

#wrapper {
  width: 905px;
  margin: 0 auto; 
  text-align: left;
  background-color: #fff;
}

#top {
	height: 125px;
	padding: 0;
	margin: 0;
	width: 100%;
		background-color: #224478;
		border-bottom:solid 4px #e9b500;
}
#top p {color:#ffc600; margin:0; display:block; text-decoration:none}
#top .logotext {margin-top:15px;color:#cfdef1; line-height:16px;}

#logo { width: 905px; margin: 0 auto; text-align: left; height:68px;}
.logo {float:left; border:0; padding-top:15px;}
.topcontact  {text-align:right; line-height: 26px; display:inline;font-size: 16px; margin-top:0px; padding:0;}

#header {
	background-image:url(images/header1.jpg);
	height: 236px;
	margin:0;
	padding:0;
}


#content { 
  width: 905px; 
  float: right; 
  background-color: #FFFFFF;
  padding-top: 4px;
}

#col1 { width: 304px; background-image:url(images/col1.gif); float: left; }
#colwrap {width:596px; float:right;}
#col2 { width: 300px; float: left; }
#col3 { background: none; width: 296px; float: right; margin-top:15px; }
#col4 {width: 565px; height: 230px; float: right; background-color:#97b6e2; color:#FFFFFF; margin: 10px 15px 10px 15px;}
#loancol, #faqs {width: 600px; float:left;}
#prequal {width: 611px; float:left;}
.attorney {display:inline; float: right; padding: 20px 0 0 20px; margin: -15px -5px 0 0;}


/* ------------- FORM --------------*/

#formbg {background-image:url(images/form.jpg); margin:0; height:188px;}
#formbg2 {background-image:url(images/form2.jpg); margin:0px 0 0 11px; height:831px;}
form {margin: 0px 0 0 20px; padding-top: 45px;}
.submit {margin:10px 0 0 40px;}
.submit2 {margin: 10px 0 0 0px;}
.input {margin:0 0 0 20px;}
.input2 {margin:-10px 0 0 10px;}


/* ------------- FONTS --------------*/

h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 20px 0 20px; 
  font-family:"Times New Roman", Times, serif;
  padding: 10px 0 10px 0;
  color:#224478;
}

h2 {
	text-decoration: underline; 
	font-weight:bold; 
	font-size:14px; 
	color:#224478; 
	font-family:"Times New Roman", Times, serif; 
	padding: 5px 0 5px 20px;}

p {
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
	margin: 0 20px 0 20px;
	text-align:justify;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a.h1link {font-family: "Times New Roman", Times, serif; color:#224478;}

#col1 p {color:#FFFFFF;}
#col4 p {color:#FFFFFF; padding: 0 10px 10px 0;}

#col1 h1 {color:#ffc600;}
#col3 h1 {margin: 0; padding-left: 10px;}
#col4 h1 {color:#224478; text-decoration:underline;}

#col2 a {color:#224478; font-weight:bold;}
#col2 a:hover {color:#ffc600; text-decoration:underline;}
#col4 a {color:#224478; font-weight:bold;}

li.faq {font-weight:bold;}
#faqs p {margin:0; font-weight:normal;}
li.answer {font-weight:normal; list-style:none; padding-bottom:15px;}


#col2 li {font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
	margin: 0 20px 0 40px;
	text-align:justify;}

.col1 {padding: 15px 27px 0 27px;}
.col2 {padding: 15px 27px 0 25px;}
.faqs {margin-left: 35px; font-size:14px; font-family: "Times New Roman", Times, serif; color:#224478;}

.loanmod {
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
}

ul.services {font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#224478;
	margin: 0 20px 0 50px;
	line-height:20px;}

/* ------------- NAVIGATION --------------*/

.menu { background:#224478;font-family: arial, sans-serif; width:895px; height:40px; position:relative; font-size:12px; z-index:100; margin:0 0 0 5px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; padding: 15px 20px 10px 15px; text-align:center; color:#fff; background:#224478;  font-size:12px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

li.li2 {width: 105px;}
li.li3 {width: 219px;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffc600; background:#5c92e2;}
.menu ul li:hover ul {display:block; position:absolute; top:40px;}
.menu ul li:hover ul li a.hide {background:#224478; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#5c92e2; color:#ffc600;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#224478; color:#fff;}
.menu ul li:hover ul li a:hover {background:#5c92e2; color:#ffc600;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


/* ------------- SCROLLER --------------*/

#testimonials {background-image:url(images/testimonials.jpg); width:292px; height: 313px;}

#scroll{
	width: 290px;
	padding: 3px;
} 

#pscroller1{
	width: 200px;
	height: 150px;
	margin: 0px 0 0 30px;
	padding: 0px;
	color: #224478;
	background-color: transparent;
	font-size:12px;
	font-weight: normal;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
}

#pscroller1.class{
	top: 50px; left: 0px;
	padding: 5px;
	font-size: 14px;
}


/* ------------- FOOTER --------------*/

#footer {
  height: 42px;
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(images/footer.gif);
	clear: both;
}
#footer p {color:#bfb094; text-align:center; padding: 10px;}
.footlink {color:#bfb094; text-decoration:none;}



/* ------------- DROP-IN BOX --------------*/

#dropinboxv2cover{
width: 330px; 
position:absolute; 
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 326;
border: 2px solid #224478; 
border-top: none;
background-color: #FFF;
padding: 0px;
position:absolute; 
right: 0;
top: 0px;
}
