* {
    margin:0px;
	padding:0px;
}

body {
 margin:0px; 
 padding:0px; 
 text-align: center; 
 /*background: #FFFFFF url(images/background.gif) repeat-x;*/
 font-family: arial, helvetica, verdana;
 color: #4e4e4f;
}

#wrap {
	position: relative;
	width: 1200px;
	text-align: left;	
	margin: 0 auto; /* need this to center in firefox */
}

#header {
	position: relative;	
	height: 98px;
	color: #FFFFFF;	
	padding-bottom: 2px;	
	margin: 0px;	
	background: #094685 url(images/mortgage_corporate_header.gif) no-repeat;
}

#homepageheader {
	position:relative;
	background: url(images/discover.jpg) no-repeat;
	height: 307px;
	margin-top:40px;
}

#subpageheader {
	position:relative;
	background: url(images/subpage_header.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_about {
	position:relative;
	background: url(images/subheader_about.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_examples {
	position:relative;
	background: url(images/subheader_examples.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_emails {
	position:relative;
	background: url(images/subheader_emails.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_contact {
	position:relative;
	background: url(images/subheader_contact.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_faqs {
	position:relative;
	background: url(images/subheader_faqs.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_videos {
	position:relative;
	background: url(images/subheader_videos.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_mortbenefits {
	position:relative;
	background: url(images/subheader_mortbenefits.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_mortoverview {
	position:relative;
	background: url(images/subheader_mortoverview.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_pricing {
	position:relative;
	background: url(images/subheader_pricing.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_signup {
	position:relative;
	background: url(images/subheader_signup.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_roi {
	position:relative;
	background: url(images/subheader_roi.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_seo {
	position:relative;
	background: url(images/subheader_seo.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_emailmarketing {
	position:relative;
	background: url(images/subheader_emailmarketing.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_websites {
	position:relative;
	background: url(images/subheader_websites.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#subheader_crm {
	position:relative;
	background: url(images/subheader_crm.jpg) no-repeat;
	height: 168px;
	margin-top:40px;
}

#maincontent {
	/*min-height:350px;*/
	margin: 30px 10px 20px 27px;
	line-height:22px;
	font-size:15px;
	/*background: url(images/rightnavback.gif) repeat-y;*/
}

#maincontent a {
	font-weight: bold;
	text-decoration: underline;
	color: #1E62B6;
	}
#maincontent a:hover {
	color: #063a79;	
	/*background: #1E62B6;*/
	}

#maincontent table {
	margin-top:13px;
}

#maincontent p {
	margin-top:13px;
}

#maincontent .parasmall {
	margin-top:13px;
	font-size:12px;
	line-height:19px;
	color: #636b75;
}

#maincontent h1 {
	font-size:26px;
	font-weight: bold;
	color: #000000;
	margin-bottom:35px;
	margin-top:12px;
	line-height:30px;
}

#maincontent h2 {
	font-size:18px;
	line-height:26px;
	font-weight: bold;
	color: #2061a5;
	margin-bottom:15px;
}

#leftmain {
	float:left; 
	display:inline; 
	width:840px; /* was 840 */
	padding-right:25px;		
	/*height:350px; switch this to keep right nav from bleeding over into left */
	min-height:350px;
}

#leftmain2 {
	float:left; 
	display:inline; 
	width:1170px; /* was 840 */
	padding-right:25px;		
	/*height:350px; switch this to keep right nav from bleeding over into left */
	min-height:350px;
}

#rightmain {
	display:inline; 
	width:330px;	/* was 330 */
}

/*--- homepage yellow rollover buttons ---*/
/* for normal button images within site */
.row a, .row a:link, .row a:visited {
position: relative;
display: block;
width: 182px;
height: 42px;
overflow: hidden;
background-position: 0 0;
}
.row h3 a:hover 
{
background-position:  0 42px;

}
#benefits 
{
background-image: url(images/homepage_benefits.gif);
}

#features 
{
background-image: url(images/homepage_features.gif);
}

#pricing 
{
background-image: url(images/homepage_pricing.gif);
}

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

/*  --- PRIMARY NAVIGATION ITEMS --- */
#menu #primary {
	position: relative;
	right: 10px;
	float:right;
}

#menu a {
	float: left;
}

#menu ul {
	list-style: none;
}

#menu li {
	display: inline;
}

#menu #primary {
	bottom: 0px;
}

#menu #primary a {
	background: url(images/tableft8.gif) no-repeat left top;
	padding-left: 12px;
	font-size: 1.5em;
	text-decoration: none;
}

#menu #primary a span {
	display: block;
	background: url(images/tabright8.gif) no-repeat right top;
	color: #FFFFFF;
	padding: 0px 16px 0px 6px;
	line-height: 40px;
	font-weight: bold;
	font-size:15px;
}

#menu #primary a:hover {
	background-position: 0% -44px;
}

#menu #primary a:hover span {
	background-position: 100% -44px;
	color: #000000;
}

#primary #current a {
	background-position: 0% -44px;
}

#primary #current a span {
	background-position: 100% -44px;
	color: #303A3E;
}
/* --- end main nav ---*/

/* --- Footer --- */
#footer {
	/*float:left;
	position:relative; 
	width:92%;*/
	background: #000000;
	height: 115px;
	color: #ACABAB;
	margin: 0 auto; /* need this to center in firefox */
	padding: 20px 45px 15px 0px;
	font-size: 12px;	
	width:1100px;
	text-align:left;
}

#footer h4 {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0.04em;
	font-weight: bold;
	padding: 0 0 8px 0;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #222222;
}

#footer .footer-section {
	width: 200px;
	margin-right: 20px;
	float: left;
}

#footer .footer-sectionwide {
	width: 540px;
	margin-right: 20px;
	float: left;
	font-size: 12px;
}

#footer ul li {
	list-style-type: none;
}
#footer ul li a {
	display: block;
	color: #ecca2c;
	text-decoration: none;
	border-bottom: 1px solid #111111;
	padding: 4px 0 4px 12px;
	background: url(images/bullet-footer.gif) no-repeat 5px 50%;
}
#footer ul li a:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #222222;
	background: #111111 url(images/bullet-footer-hover.gif) no-repeat 5px 50%;
	text-decoration: none;
}

#footer img {
	margin: 0px;
}

#footer a {	
	color: #FFFFFF;
	text-decoration: none;	
}

#footer a:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #222222;
	text-decoration: none;
}

#whatsnext {
	background:  url(images/whatsnext.gif) no-repeat ;
	width: 780px;
	height:194px;
	font-size:14px;
}

#whatsnext a {
	font-weight: bold;
	text-decoration: none;
	color: #1E62B6;
	}
#whatsnext a:hover {
	color: #FFFFFF;
	background: #1E62B6;
	}

.fontsmallgrey {
	font-size: 12px;
	color: #6D6D6D;
}
/* ---- end footer ---*/

.redasterisk 
{
	font-weight: bold;
	color: #C60505;
	font-size: 15px;
}

.fontsmallgrey 
{
	font-weight: bold;
	color: #7A7A7A;
	font-size: 11px;
}

#error {
border-top: 2px #BF0606 solid;
border-bottom: 2px #BF0606 solid;
width:98%;
background-color:#FCBABA;
color: #BF0606;
font-weight: bold;
font-size: 17px; 
padding:6px 6px 6px 8px;
margin: 5px 0px 5px 0px;
}

.errortext {
color: #000000;
font-weight: bold;
font-size: 14px; 
margin: 5px 0px 5px 28px;
}

input { 
/*width:170px; */
 border-top: 2px solid #DDDDDD outset;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD; 
 font-size: 14px;
 color: #3E4148; 
 background-color: #F7F7F7; 
 height: 22px;
}

.inputbox { 
/*width:170px; */
 border-top: 2px solid #DDDDDD outset;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD; 
 font-size: 14px;
 color: #3E4148; 
 background-color: #F7F7F7; 
 height: 22px;
}


select { 
/*width:170px; */
border-top: 2px solid #DDDDDD outset;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD; 
font-size: 14px;
color: #3E4148; 
background-color: #F7F7F7;
height: 22px;
}

.selectlarge{ 
width:170px;
border-top: 2px solid #DDDDDD outset;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD; 
font-size: 11px;
color: #3E4148; 
background-color: #F7F7F7;
height: 70px;
}

.selectsmall { 
/*width:170px; */
border-top: 2px solid #DDDDDD outset;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD; 
font-size: 12px;
color: #3E4148; 
background-color: #F7F7F7;
}

.selectbox2 { 
/*width:170px; */
border-top: 2px solid #DDDDDD outset;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD; 
font-size: 15px;
color: #3E4148; 
background-color: #F7F7F7;
height: 22px;
}

.selectbox {
	width:220px;
}

.textarea { 
/*width:170px; */
border-top: 2px solid #DDDDDD outset;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD; 
font-size: 13px;
color: #3E4148; 
background-color: #F7F7F7; 
font-family: arial, geneva, arial;
}

.glossaryletter {
background-image: url(images/glossletter.gif);
font-weight: bold;
font-size: 18px;
color: #063D6C;
width: 30px;
height: 30px;
text-align: center;
margin: 0px;
padding-top:3px;
}

.newsheader
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.faqheader
{
	font-size:19px;
	font-weight: bold;
}

.smalltext {
	font-size: 9px;
	font-weight: bold;
}

.smalltext2 {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.btn_med {
border: 1px outset; 
cursor: pointer; 
font-size:12px; 
font-weight: bold; 
margin: 0px 0px 0px 1px; 
padding: 1px 1px 1px 1px;
background-image: url(images/button2.gif);
width:130px;
height: 25px;
}

/*  right nav --- width 290px*/

#subnav{background:#f7f7f7 url('images/bg_nav-01.png') no-repeat 0 0;border-bottom:1px solid #fff;margin:0 0 18px 0;float:right;padding:1px 0 0}
#subnav li{background:#f7f7f7;color:#797c80;list-style:none;margin:0 0 0 0;width:281px} /* was 211 */
#subnav li a{border-bottom:1px solid #dcddde;border-top:1px solid #fff;color:#797c80;display:block;font-size:14px;font-weight:bold;padding:10px 0 10px 42px;position:relative;width:240px} /* was 169 */
/*#subnav .current a{background:#49b2ff url('images/bg_nav-01-current.png') no-repeat left center;border:none;color:#fff;padding-right:11px;text-shadow:-1px -1px 0 #3293d6} */
#subnav .current a{background:#49b2ff url('images/bg_current.png') no-repeat left center;border:none;color:#fff;text-shadow:-1px -1px 0 #3293d6}
#subnav .current a:hover{background:#49b2ff url('images/bg_current.png') no-repeat left center;border:none;color:#fff;text-shadow:-1px -1px 0 #3293d6}
#subnav a:hover { background: #FFFFFF; color: #797c80; text-decoration:underline;}
#subnav a img{left:10px;margin-top:-12px;position:absolute;top:50%}
#subnav ul{border-bottom:1px solid #dcddde;margin:0;padding:12px 0;width:290px} /* was 211 */
#subnav li li{margin-bottom:3px;position:relative}
#subnav li li a, #subnav .current li a{background:none;border:none;color:#797c80;font-size:13px;font-weight:normal;padding:3px 25px 3px 11px;text-shadow:none;width:175px} /* was 175 */
#subnav li .current, #subnav .current .current{background:#dedfe0 url('images/bg_nav-02-top.png') no-repeat 0 0;border:none;padding:0}
#subnav li .current a, #subnav .current .current a{background:url('images/bg_nav-02-btm.png') no-repeat left bottom;border:none;color:#000;text-shadow:none}
#subnav li li span{background:url('images/bg_nav-02-arrow.png') no-repeat 195px center;display:block}

#roitable td {
padding:8px;
border: 1px solid #CCCCCC;
}

.style3 {
	font-size:12px;
}

.searchbutton{border: 1px solid #CCCCCC; 
cursor: pointer; 
font-size:12px; 
font-weight: bold; 
margin: 8px 0px 0px 1px; 
padding: 1px 1px 1px 1px;
background-image: url(images/button2.gif);
width:130px;
height: 30px;
color:#000000;
}

input.searchbutton:hover{background-image: url(images/button2b.gif);}

/*signup table items */

.tdform {
	padding: 6px 5px 6px 5px;
	font-weight: bold;
	vertical-align: middle;
	font-size:13px;
}
.tdformheader {
	padding: 10px 5px 10px 5px;
	font-weight: bold;
	font-size:18px;
	background: #F4F4F4;
}
.tdformsubheader {
	padding: 5px 5px 10px 5px;
	font-weight: bold;
	font-size:15px;
	color: #028FDF;
}

.btn_submit {
border: 1px outset; 
color: #FFFFFF;
cursor: pointer; 
font-size:17px; 
font-weight: bold; 
margin: 0px 0px 0px 1px; 
padding: 1px 1px 1px 1px;
background: #178A17;
width:130px;
height: 35px;
}

#success {
/*background-image: url('images/error_title.gif');*/
border: 2px #038800 solid;
width:700px;
background-color:#ACF1AA;
color: #038800;
font-weight: bold;
font-size: 17px; 
padding:6px 6px 6px 8px;
margin: 5px 0px 5px 0px;
}

#success p {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

/* --slider styles --- */

#slider {
    width: 280px; /* important to be same as image width */
    height: 191px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding-left:15px;
}
#sliderContent {
    width: 280px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

#sliderContent li {
	list-style-type: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;	
	font: 11px Arial, Helvetica, sans-serif;
   /* padding: 10px 13px;*/
	padding:10px 10px 10px 10px;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
	-khtml-opacity: 0.85;
    opacity: 0.85;
    color: #fff;
    display: none;	
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;	
}
.slider ul { list-style-type: none;}
/* end slider styles */

/*--- rightnav get started button ---*/
/* for normal button images within site */
.gobutton a, .gobutton a:link, .gobutton a:visited {
position: relative;
display: block;
width: 275px;
height: 152px;
overflow: hidden;
background-position: 0 0;
margin:0px;
padding:0px;
}
.gobutton h3 a:hover 
{
background-position:  0 152px;
}
#getgoing 
{
background-image: url(images/gobutton2.png);
}

/* --- Pricing ---*/
/* pricing */

 #pricing{
  float: left;
  width: 800px; /* was 780 */
  height: 524px; /* was 337 */
  margin: 0 0 0 0px;
  padding: 42px 0 0 6px;
  background: url(images/priceback2.jpg) no-repeat;
}


 #pricing div.pricing{
  float: left;
  width: 165px;
  padding: 0 7px;
  text-align: center;
}

 #pricing div.first{
  width: 160px;
  opacity: .5;
}

 #pricing div.featured{
  margin-top: -22px;
  padding: 0 20px;
  width: 195px;
}

 #pricing div.third{
  width: 165px;
}

 #pricing div.last{
  width: 165px;
}

 #pricing div.pricing h3{
  color: #4e5a64;
  margin-bottom: 10px;
  font-size: 25px;
  text-shadow: -1px -1px .1em #bebfbf;
  line-height: 1;
}

 #pricing div.pricing.featured h3{
  color: #fffffe;
  font-size: 35px;
  text-shadow: -1px -1px .1em #739097;
}

 #pricing div.pricing h4{
  margin-bottom: 5px;
  color: #111922;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

 #pricing div.pricing.featured h4{
  font-size: 20px;
}

 #pricing div.pricing p{
  margin: 0;
  padding-bottom: 11px;
  border-bottom: 1px solid #c5c5c5;
  color: #424c56;
  font-size: 16px;
  line-height: 1.1875;
}

 #pricing div.pricing.featured p{
  border-bottom-color: #455760;
  color: #ececec;
  font-size: 18px;
}

 #pricing div.pricing ul.options{
  margin: 0 0 8px;
  padding-top: 12px;
  border-top: 1px solid #f3f3f3;
}

 #pricing div.pricing.featured ul.options{
  border-top-color: #839da7;
}

 #pricing div.pricing ul.options li{
  color: #111922;
  font-size: 14px;
  list-style: none;
  line-height: 1.3333;
}

 #pricing div.pricing.featured ul.options li{
  color: #f1f3f5;
  font-size: 18px;
}

 #pricing div.pricing ul.options li span{
  color: #81220c;
  font-weight: bold;
}

 #pricing div.pricing.featured ul.options li span{
  color: #ecab24;
}

 #pricing div.pricing p.button{
  border: 0;
  padding: 0;
}

 #pricing div.pricing p.button a,
 #pricing div.pricing p.button span{
  display: block;
  width: 84px;
  height: 27px;
  margin: 0 auto;
  background: url(images/btn_sign-up.png) no-repeat;
  text-indent: -9999px;
}

 #pricing div.pricing p.button span{
  width: 122px;
  background: url(images/btn_coming-soon.png) no-repeat;
}

 #pricing div.pricing p.button a:hover{
  background-position: left bottom;
}

 div.text.form{
  padding-right: 100px;
}

/* --- end pricing ---*/