/* CSS Document */

body {
padding:0px;
margin:0px;
background: url(images/title-backing.jpg) repeat-x;
background-repeat:repeat-x;
}
  
* {
border:0;
margin:0;
padding:0;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.72em;
color:#575758;
line-height:1.5em;
padding-bottom:15px;
}

/*-------------------------------layouts---------------------------*/

#container {
margin:0 auto;
width:990px;
overflow:hidden;
}

#center-container {
margin:0 auto;
width:990px;
overflow:hidden;
}

#top {
width:990px;
height:160px;
background-color:#CC3366;
background: url(images/title-backing.jpg) repeat-x;
margin:0 auto;
position:relative;
}

#leftnav{
margin-top:20px;
padding-bottom:15px;
width:165px;
float:left;
overflow:hidden;
background:url(images/left-nav-bg.gif) no-repeat;
}

#rightnav{
margin-top:20px;
padding-bottom:15px;
width:165px;
float:left;
overflow:hidden;
background:url(images/right-nav-bg.gif) no-repeat;


}

#rightnav iframe{
margin-top:20px;
margin-left:-10px;
float:left;
background-color:#CC0000;
}

#comp-inner{
padding-top:10px;
padding-bottom:20px;
margin: 0 auto;
width:990px;
text-align:center;
position:relative;
border-top:#999999 1px solid;

}

#tools{
width:620px;
padding-top:15px;
padding-left:15px;
padding-right:15px; 
padding-bottom:15px;
float:left;
overflow:hidden
}

.content{
margin-top:15px;
margin-left:10px;
margin-right:10px;
width:218px; 
float:left; 
overflow:hidden; 
}



#form{
margin-top:10px;
margin-bottom:10px;
float:left;
overflow:hidden;
height:620px;
}

.content-top {
height:170px;
width:218px;

}

#top-left{
float:right;
padding-right:0px;
padding-top:18px;
width:300x;
height:75px;/*
background:url(images/first-for-mortgages.jpg) no-repeat;
background-color:#33FF00;*/
}

.logo img {
padding-top:20px;
float:left;
}
.logo2 img {
padding-top:20px;
float:left;
}
.first-for img {
display:inline;
float:left;

}


/*-------------------------------left list layout---------------------------*/

#leftnav ul{
padding-top:10x}

.leftnav li{
display:block;
text-decoration:none;
overflow:hidden;
font-size:11px;
text-align:left;
}

.leftnav li a {
text-decoration:none;
color:#3e6225;
margin-left:5px;
line-height:23px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
}

.leftnav li a:hover {
color:#fff;
}

#leftnav img, /*Quick calculator button*/
.mortgage_finder /*Mortgage finder button*/ {
cursor: pointer;
}

#leftnav img {
margin-top: 30px;
}

/*-------------------------------right list layout---------------------------*/

.rightnav li{
display:block;
text-decoration:none;
background-repeat:no-repeat;
overflow:hidden;
font-size:11px;
text-align:right;
list-style-type:none;
}

.rightnav li a {
text-decoration:none;
color:#a6c0d9;
margin-right:5px;
line-height:23px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;

}

.rightnav li a:hover {
color:#91c83c;
}

/*-------------------------------top nav list layout---------------------------*/
#topnav {
	position:absolute;
	bottom:18px;
	left:0px;
	background:url(images/menu-backing.jpg) no-repeat;
	height:28px;
	width:840px;

}
#topnav ul{
padding-left:10px;}

.topnav {
float:left;
overflow:hidden;
line-height:12px;
}

.topnav li {
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:0.7em;
margin-left:3px; 
display:inline;
text-decoration:none;
font-weight:bold; 
}

.topnav li a {
color:#2f4962;
text-decoration:none;
padding-right:3px;
text-align:center;
line-height:34px;
}

.topnav li a:hover {
color:#7dac33;
}

.nav-sep {
color:#9acb4d


}
/*-------------------------------content styling---------------------------*/

.content h1, h2, h3, h4  {
color:#575758;
font-family:Arial, Helvetica, sans-serif;
line-height:1.2em;
padding-bottom:10px;
}

.content h1 {
font-size:1.2em;
}

.content h2 {
font-size:1.1em;
}

.content h3 {
font-size:1.0em;
}

.content h4 {
font-size:0.95em;
}


.imgholder{
width:224px;
height:115px;
padding-top:10px;
padding-bottom:10px;
}

/*-------------------------------content styling---------------------------*/

#wai {
position:absolute;
top:240px;
left:790px;
}

#css {
position:absolute;
top:240px;
left:860px;
}

#xhtml {
position:absolute;
top:240px;
left:930px;
}

#tandc {
text-align:left;
position:absolute;
width:500px;
top:230px;
left:-2px;
}

#tandc a {
text-decoration:none;
color:#6a9824;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-right:10px;

}

#tandc a:hover {

color:#304963;
}

/*-------------------------------tools links styling---------------------------*/


#tools p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#575758;
line-height:1.5em;
text-align:left;
}

#tools a {
text-decoration:none;
color:#304963;
font-size:11px;


}

#tools a:hover {
color:#6a9824;
}


#top-left p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#91c83c;
font-weight:bold;
text-align:right;
line-height:13px;
}

#top-left a {

}

.top-right  {height:24px;
width:270px;
overflow:hidden;
background:url(images/top-right-email.jpg) no-repeat;
float:right;
display:block;
margin-top:34px;}

#top-left a:hover {
height:24px;
width:270px;
overflow:hidden;
background:url(images/top-right-email.jpg) no-repeat 0 -24px;
float:right;
display:block;
margin-top:34px;
}


/******************** NEW HOME PAGE ONLY LAYOUT ********************/

#center-content {
z-index: 1;
width:990px;
float:left;
overflow:hidden;
}

#home-content {
z-index: 1;
width:630px;
float:left;
padding-left:10px;
overflow:hidden;}

#home-content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}

#home-content p{
padding-right:10px;}

#left-content  {
z-index: 1;
float:left;
width:320px;
padding-top:20px;
padding-left:10px;
padding-bottom:35px;}

#left-content2  {
z-index: 2;
float:left;
width:600px;
padding-top:20px;
padding-left:10px;
padding-bottom:35px;}

#left-content ul {

}

#left-content li {
color:#3686d6;
font-size:15px;
line-height:34px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background:url(images/list-img.gif) no-repeat left 50%;
list-style-type:none;
padding-left:40px;
}

#left-content2 li {
color:#C03838;
font-size:18px;
line-height:34px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background:url(images/redbulletpoint.jpg) no-repeat left 50%;
list-style-type:none;
padding-left:40px;
}


#right-content {
z-index: 1;
float:left;
padding-top:20px;
width:250px;
}


#left-content-bot  {
z-index: 1;
float:left;
width:300px;
padding-top:20px;
padding-left:10px;
background-color:#eeeeee;
padding-left:5px;
margin-bottom:30px;}

#left-content-bot2  {
z-index: 1;
float:left;
width:300px;
padding-top:20px;
padding-left:10px;
background-color:#eeeeee;
padding-left:5px;
margin-bottom:30px;}

#right-content-bot {
z-index: 1;
float:left;
padding-top:20px;
width:300px;
background-color:#eeeeee;
margin-left:20px;
}

#right-content-bot p {
margin-left:5px}

#right-content-bot h2 {
margin-left:5px}



.right-col-content {
z-index: 1;
float:left;
margin-top:20px;
background-color:#eeeeee;
padding:5px;
}


.right-col-content h2 {
font-size:14px;}

.clear {clear:both;}