/****** CLEARFIX HACK TO STRETCH FLOAT CONTAINER DIVS ******/

.clearfix:after {
    content: "."; 
    display: block; 
    position:relative; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******* DEFINES THE BODY AND MAIN AREA FOR EACH TEMPLATE *******/

body {background-color:#fff; color:#000; font-family:arial,sans-serif; font-size:13px;margin:0;padding:0;}
#temp1, #temp2, #temp3 {margin:0px; padding:0px; width:800px;}
#temp1 {background:transparent url('http://www.mortgagesort.com/images/img_sold_sign.jpg') no-repeat 580px 50px;}
#temp2 {width:720px;}
#temp3 {padding-bottom:30px;}

/******* HEADER STYLES *******/

#header {height:100px; background:#3366cc url('http://www.mortgagesort.com/images/headerbg.gif') repeat-x 290px 0;padding:0 0 0 560px;}
#header a {color:#fff; font-size:120%;text-align:center;display:block;padding-top:20px;width:200px;} 
a#logo {display:block;position:absolute;top:0px; left:0px;z-index:20;background:transparent url('http://www.mortgagesort.com/images/logo.gif') no-repeat 0 0;
  width:513px;
  padding: 100px 0 0 0;overflow: hidden;
  height: 0px !important;
  height /**/:100px;  /* This is for image replacement */
}

/******* TOP MENU STYLES *******/

#menu {z-index:50;background:transparent url('http://www.mortgagesort.com/images/menu.gif') no-repeat; width:319px; height:25px;position:absolute; top:75px; margin: 0 0 0 290px;padding:0;}
#menu li { margin: 0; padding: 0; list-style: none;position: absolute;top: 0px;}
#menu li, #menu li a {height: 25px;display: block;}
#menu li a {padding: 25px 0 0 0;overflow: hidden;
  height: 0px !important;
  height /**/:25px;  /* This is for image replacement */
}

#menu_lenders { left: 0px;   width: 65px; }
#menu_offers  { left: 66px;  width: 92px; }
#menu_about   { left: 158px; width: 75px; }
#menu_contact { left: 233px; width: 84px; }

#menu_lenders a { width: 65px; }
#menu_offers a  { width: 92px; }
#menu_about a   { width: 75px; }
#menu_contact a { width: 84px; }

/****** STRUCTURAL ELEMENT STYLES ******/

#main {width:570px;}
.toptext {margin:0 0 20px 300px;}
#temp1 .toptext {width:270px;}

#leftcol {width:560px;float:left;}
#leftcol p {padding:10px;}
#rightcol {float:left;width:190px;font-size:85%;margin-left:10px;overflow:hidden;}
#rightcol ul#loantype {margin:0;padding:0;}
#rightcol ul#loantype li {list-style:none; width:90px;float:left;margin:0;padding:1px 5px 2px 0px;}
#loantype li a {font-size:11px;}
#rightcol p {margin:10px 0; padding:0;z-index:20;}

.lefttext {width:266px;position:absolute;top:460px;font-size:80%;}
.lefttext .big {font-size:130% !important;}
.lefttext h2 {font-size:160%;margin:20px 0 0 0;padding:0;}

.box {width:230px;height:145px;float:left; margin-bottom:40px;padding:40px 10px 10px 10px;}
.box_blue { border-left:1px solid #6699ff;border-right:1px solid #6699ff;border-bottom:9px solid #6699ff;
  background:url('http://www.mortgagesort.com/images/box_bluebg.gif') no-repeat 0 0; 
  margin-left:10px;}
.box_orange { border-left:1px solid #ff9900;border-right:1px solid #ff9900;border-bottom:9px solid #ff9900;
  background:url('http://www.mortgagesort.com/images/box_orangebg.gif') no-repeat 0 0; }
.box_left {margin-left:10px;margin-right:30px;}
.box p {font-size:75%;margin:0;padding:0 !important;} 
h4 {font-size:110%;margin:0px;padding:0px;}

.news {background:#ccffff;font-size:85%;padding:10px;height:40px;margin-top:40px;}

.list1 {width:400px;margin:0;padding:0;}
.list1 li {list-style:none;margin:0;padding:2px 0;width:200px;float:left;font-size:85%;}


/******* FOOTER STYLES *******/

#footer {background:#003366;color:#fff;font-size:80%;padding:2px 0 5px 0;margin-bottom:0px !important;margin-top:50px}
#footer a {color:#fff;}
#footer p {text-align:center;}

/******* IFRAME STYLES *******/

iframe {overflow:hidden;}
#loansframe, #loansframe1, #loansframe2 {width:520px;overflow:hidden;height:120px;margin:25px 0 10px 0;padding:0;}
#formframe {position:absolute;top:100px;left:0;width:295px;height:350px;margin:0;padding:0;overflow:hidden;}

/******* FORMBOX IFRAME STYLES *******/

#formbox {width:291px;font-weight:bold;margin:0;overflow:hidden; border-top:1px solid #ff9900;padding:0px 0px 21px 0px;background:transparent url('http://www.mortgagesort.com/images/formboxbg.gif') no-repeat 0px 265px;
	height:286px; /* Win IE 5.5 fix */
	h\eight:265px;
}

#formbox2 {padding:10px 0 0 0;margin:0;border-right:15px solid #ff9900;overflow:hidden;border-left:11px solid #ff9900;background:url('http://www.mortgagesort.com/images/iframebg.gif') repeat-x 0 -3px;
  width:290px;  /* Win IE 5.5 fix */
  w\idth:264px;
  height:255px;
}

#formbox p {font-size:90%; padding:0; margin:10px 0;}
#formbox form {margin:0;padding:0;}
#formbox input {margin:10px;padding:0;}
p.submit img {margin:10px 10px;padding:0;}
#formbox select {margin:4px; padding:0;}
#formbox h2 {color:#2b5ab8;font-size:120%;margin:5px 0;padding:0;line-height:20px;} 
#logobox {position:absolute;top:230px;left:0px;text-align:right;width:260px;height:36px;overflow:hidden;}

/******* STANDARD CLASSES *******/
h1 {margin:15px 0 20px 0; font-size:140%;padding:0;}
h1 img {float:right;}
a img, object, map { border:none; }
.center {text-align:center;}
.left {text-align:left;}
.big {font-size:120%;}
.note {font-size:85%;}
.small {font-size:75%;}
.normal {font-size:110%;}

/******* UNIQUE TO PAGE CLASSES ******/
.real-estate-resources td {
  width:200px; padding:10px 0px;
}

#fourth{
	width:160px;
	height:600px;
	position:absolute;
	top:110px;
	left:800px
}