/* CSS Document */

* {
margin: 0 auto;
padding: 0px;
font-family: Arial, Helvetica, sans-serif
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
background-image:url(images/topmargin.gif);
background-repeat:repeat-x;
margin: 0px;
padding: 0px;
}

#outercontainer {
position: relative;
width:1000px;
background-image:url(images/back.gif);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
overflow:hidden; 
}

#innercontainer {
float:left;
width:980px;
padding-left:10px;
}

#titleimg{
width:980px;
height: 157px;
float:left;
margin-top:0px;
background-image:url(images/city-skyline.gif);
}

#titleimg h1 {
font-family:Arial, Helvetica, sans-serif;
}

#titleimg h3 {
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
margin-left:10px;
}

#topnav {
float: left;
width:980px;
}

#compliance {
width:980px;
background-image: url(images/compliance-shadow.gif);
background-repeat:repeat-x;
float:left;
padding: 35px 0 35px 0;
position:relative;
}

p {
padding: 0 0 0 35px;
margin-right:20px;
font-size:11px;
color:#7b7873;
line-height:20px;
}


/*----------------------------- margins -----------------------------------*/

#lefttop {
position: absolute;
left: 0;
top: 0;
width:10px;
}

#righttop {
position: absolute;
right: 0;
top: 0;
float:right;
width:10px;
}

/*----------------------------Main Nav------------------------------------*/

ul.nav {
color:#fff;
}

ul.nav li {
float:left;
list-style:none;
}

ul.nav li a {
text-align:center;
float:left;
display:inline;
width:140px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.80em;
text-decoration:none;
color:#563100;
background-image: url(images/buttons.gif);
height:25px;
line-height:24px;
}

ul.nav li a:hover {
background-position: 0 -25px;
}


/*----------------------------Homepage displays boxes------------------------------------*/

#topboxes {
width:980px; 
height:65px;
float:left;
overflow:hidden;
}

#midboxes {
padding: 10px 0;
background-image:url(images/borders/mid.gif);
background-position: left top;
background-repeat:repeat-y; 
overflow:hidden;
height:312px;
float:left;
overflow:hidden;
}

#botboxes {
height:26px;
padding-bottom:25px;
width: 980px;
float:left;
overflow:hidden;
}

#getquote {
float: left;
padding-left: 30px;
width:180px; 
overflow: hidden;
margin-bottom:100px;
}

ul#getquotes {
margin: 0 10px;
color:#000000;
}

ul#getquotes li {
float:left;
list-style:none;
}

ul#getquotes li a {
text-align:left;
float:left;
width:130px;
font-size:1.0em;
text-decoration:none;
height:28px;
line-height:28px;
padding-left: 30px;
color:#5b3200;
background:url(images/list-arrow.gif) 20px 50% no-repeat;
}

ul#getquotes li a:hover {
color:#5a97e2;
background:url(images/list-arrow-hover.gif) 20px 50% no-repeat;
}

div.help {
float:left;
width:405px;
margin-left:45px;
overflow:hidden;
padding-right:75px;
}

div.help p {
margin: 0 10px;
font-size:1.0em;
line-height:23px;
color:#5b3200;
}

div.help ul {color:#000000}
div.help ul li {list-style:none}
div.help ul li a {
text-align:left;
font-size:1.0em;
text-decoration:none;
line-height:30px;
padding-left: 30px;
margin-left:50px;
color:#5b3200;
background:url(images/tick.gif) left 50% no-repeat;
}

div.talktous {
float:right;
padding-right: 30px;
width: 210px;
overflow:hidden;
}

div.talktous h1 {
margin-top: 0;
margin-left: 10px;
color:#5a97e2;
font-size:2.25em;
}

div.talktous p { 
font-size:1.0em;
line-height:23px;
color:#5b3200;
padding-left: 10px;
padding-bottom: 5px;

}

#submit {
	padding-left: 45px;
}

#call { 
width:220px;
float:left; 
background-repeat:no-repeat; 
overflow:hidden; 
padding-left:15px;
}


/*----------------------------form------------------------------------*/

#formcontain {
margin-left:40px;
}

form {margin-left:10px; font-size: 0.9em; line-height: 1.75em; color: #5b3200}

input#email, input#phone, input#name {margin-bottom: 5px; font-size: 1.0em; border: 1px solid #ffa41c; height: 1.6em; line-height: 1.6em; background: #fff !important}

input#sendbttn {width: 75px; font-size: 0.90em; line-height: 2.0em; height: 2.5em; border-top: 1px solid #f5d4a2; border-left: 1px solid #f5d4a2; border-bottom: 1px solid #ec9108; border-right: 1px solid #ec9108; background: #eee; cursor: pointer } /* send button */

/*----------------------------Main Site------------------------------------*/

#mainleft { 

padding-top:75px; 
width:220px;
float:left;
background-image:url(images/nav-menu.gif);
background-repeat:no-repeat; 
height:360px;
overflow:hidden; 
position:relative;
}


#mainright{
width:760px;
float:right;
padding:0;
overflow:hidden;
}

#mainright a:link {
color:#b97104;
text-decoration:underline;
text-align:center;
}

#mainright a:hover {
color:#5a97e2;
text-decoration:underline;
text-align:center;
}


.column1 {
width:370px;
float:left;
padding-bottom:25px;
}

.column1 ul {
	color:#7b7873;
}

.column1 ul li {
	font-size:11px;
	color:#7b7873;
	line-height:20px;
	padding-left:45px;
	list-style-type:disc;
	list-style-position: inside;
}

.column2 {
width:370px;
float:right;
margin-right:20px;
padding-bottom:25px;
}

.column3 {
width:260px;
float:left;
margin-right:20px;
padding-bottom:25px;
}

/*----------------------------Main content------------------------------------*/

#mainright h1 {
padding-top:27px;
padding-left:35px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
color:#4b3922;
} 

/*----------------------------compliance------------------------------------*/

#compliance p {
font-size:0.9em;
color:#5b3200;
text-align:center;
padding: 0 25px 0px 25px;
line-height:14px;
}

#compliance h3 {
color:#5b3200;
font-size:11px;
text-align:center;
line-height:14px;
}

#compliance a:link {
color:#b97104;
text-decoration:underline;
text-align:center;
}

#compliance a:hover {
color:#5a97e2;
text-decoration:underline;
text-align:center;
}

span {
display: none;
}
#compliance h2 {
color:#5b3200;
font-size:12px;
text-align:center;
line-height:14px;
}

#compliance .fees {
font-size:1em;
color:#5b3200;
text-align:center;
padding: 0 25px 10px 25px;
line-height:14px;
}

/*----------------------------risk warnings and APR's------------------------------------*/

#risk {
width:980px;
text-align:center;
float:left;
padding-bottom:15px;
}

#risk p {
font-size:0.95em;
color:#5b3200;
line-height:16px;
}

/*---------------------------iframe------------------------------------*/

#iframe {
padding-left:20px;
padding-top:68px;
float:left;
}

.debt-sols{
padding-left:20px;
padding-top:0px;
float:left;}
/*---------------------------iframe------------------------------------*/
a.more{
font-size:9px;
color:#b97104;
text-decoration:underline;
padding-left:35px;
text-align:left;

}

a:hover {color:#5a97e2;
}
/*---------------------------w3c and privacy------------------------------------*/

a#xhtml span, a#css span, a#wai span {display: none}

a#xhtml  {position: absolute; bottom: 5px; left: 755px; display: block; width: 72px; height: 16px; background-image: url(images/xhtml-button.gif); background-position: left bottom}
a#xhtml:hover {background-position: left top}

a#css  {position: absolute; bottom: 5px; left: 830px; display: block; width: 60px; height: 16px; background-image: url(images/css-button.gif); background-position: left bottom}
a#css:hover {background-position: left top}

a#wai {position: absolute; bottom: 5px; left: 890px; display: block; width: 60px; height: 16px; background-image: url(images/wai-button.gif); background-position: left bottom}
a#wai:hover {background-position: left top}

a#tou {position: absolute; bottom: 5px; left: 20px; display: block; width: 80px; height: 16px; background-image: url(images/terms-of-use-button.gif); background-position: left bottom}
a#tou:hover {background-position: left top}

a#pp {position: absolute; bottom: 5px; left: 100px; display: block; width: 105px; height: 16px; background-image: url(images/privacy-policy-button.gif); background-position: left bottom}
a#pp:hover {background-position: left top}

a#ndl {position: absolute; bottom: 5px; left: 205px; display: block; width: 105px; height: 16px; background-image: url(images/ndl.gif); background-position: left bottom}
a#ndl:hover {background-position: left top}