body{
margin: 15px 0;
padding: 0;
line-height: 1.5em;
font-size: 62.5%;
background: url(assets/bg.gif);
}

#maincontainer{
width: 944px;
margin: 0 auto;
background: url(assets/container.gif) repeat-y right;
}

#topsection{
background: url(assets/header.gif) no-repeat right;
height: 141px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 281px;
margin-right: 10px;
min-height: 520px;
background: url(assets/content.gif) repeat-x;
padding: 20px 46px 0;
}
* html #contentcolumn{height: 520px;}

#leftcolumn{
float: left;
width: 271px;
margin-left: -944px;
margin-top: -90px;
}

#listings{
background: url(assets/listings.gif) no-repeat right;
width: 271px;
height: 255px;
}

#calc{
background: url(assets/calc.gif) no-repeat right top;
width: 271px;
height: 214px;
}

#footer{
clear: left;
width: 100%;
background: url(assets/footer.gif) no-repeat bottom right;
color: #FFF;
text-align: center;
padding: 10px 0;
}

#footerinner{
margin-left: 281px;
margin-right: 10px;
padding: 5px 15px;
}

/* ------------ Navigation ------------ */

#blobs {
 width: 271px;
 height: 413px;
 background: url(assets/nav.gif);
 margin: 10px auto 0; padding: 0;
 position: relative;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; width:100%;}

#blobs a {display: block;}

#blob1 {top: 64px; height:31px;}
#blob2 {top: 91px; height:35px;}
#blob3 {top: 119px; height:38px;}
#blob4 {top: 155px; height:35px;}
#blob5 {top: 186px; height:37px;}
#blob6 {top: 217px; height:37px;}
#blob7 {top: 255px; height:35px;}
#blob8 {top: 283px; height:38px;}
#blob9 {top: 322px; height:32px;}
#blob10 {top: 352px; height:43px;}
#blob1 a {height:31px; margin-right:167px;}
#blob2 a {height:35px; margin-right:106px;}
#blob3 a {height:38px; margin-right:95px; margin-left:10px;}
#blob4 a {height:35px; margin-right:90px; margin-left:20px;}
#blob5 a {height:37px; margin-right:90px; margin-left:30px;}
#blob6 a {height:37px; margin-right:45px; margin-left:45px;}
#blob7 a {height:35px; margin-right:85px; margin-left:55px;}
#blob8 a {height:39px; margin-right:35px; margin-left:60px;}
#blob9 a {height:33px; margin-right:75px; margin-left:67px;}
#blob10 a {height:43px; margin-right:45px; margin-left:70px;}
* html #blobs a{margin:0;}

#blob1 a:hover {background: url(assets/nav.gif) 0px -477px no-repeat;}
#blob2 a:hover {background: url(assets/nav.gif) 0px -917px no-repeat;}
#blob3 a:hover {background: url(assets/nav.gif) -10px -532px no-repeat;}
#blob4 a:hover {background: url(assets/nav.gif) -20px -981px no-repeat;}
#blob5 a:hover {background: url(assets/nav.gif) -30px -599px no-repeat;}
#blob6 a:hover {background: url(assets/nav.gif) -45px -1043px no-repeat;}
#blob7 a:hover {background: url(assets/nav.gif) -55px -668px no-repeat;}
#blob8 a:hover {background: url(assets/nav.gif) -60px -1109px no-repeat;}
#blob9 a:hover {background: url(assets/nav.gif) -67px -735px no-repeat;}
#blob10 a:hover {background: url(assets/nav.gif) -70px -1178px no-repeat;}
* html #blob1 a:hover {background: url(assets/nav.gif) 0px -477px no-repeat;}
* html #blob2 a:hover {background: url(assets/nav.gif) 0px -917px no-repeat;}
* html #blob3 a:hover {background: url(assets/nav.gif) 0px -532px no-repeat;}
* html #blob4 a:hover {background: url(assets/nav.gif) 0px -981px no-repeat;}
* html #blob5 a:hover {background: url(assets/nav.gif) 0px -599px no-repeat;}
* html #blob6 a:hover {background: url(assets/nav.gif) 0px -1043px no-repeat;}
* html #blob7 a:hover {background: url(assets/nav.gif) 0px -668px no-repeat;}
* html #blob8 a:hover {background: url(assets/nav.gif) 0px -1109px no-repeat;}
* html #blob9 a:hover {background: url(assets/nav.gif) 0px -735px no-repeat;}
* html #blob10 a:hover {background: url(assets/nav.gif) 0px -1178px no-repeat;}

/* ------------ Calc ------------ */

#calc form{margin:50px 0 0 65px;}
#quick {float:left; line-height:1.6em; width:80px;}
#quick2 {float:left; width:90px;}
#quick3 {float:left; width:60px;}
#quick4 {float:left; line-height:1.6em; width:110px;}
#calcbutton {margin: 0; border-bottom: 2px solid #333;width:95px; float:right; margin-right:31px;}

/* ------------ Text ------------ */

p{
font: 1.7em "Century Gothic", Arial, Helvetica, sans-serif;
color: #312d2d;
line-height: 1.9em;
}

a,h2{color:#A02722;}

h2{font: 2.4em "Century Gothic", Arial, Helvetica, sans-serif;}

#footer p{font-size:1em;line-height:1.3em}

/* -------------------------- Forms ---------------------------*/

fieldset {
width:500px; 
display:block;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

legend {
color:#000;
padding:5px;
text-transform:uppercase;
}

input {
float:right;
width:300px;
}

label {
float:left;
text-align:left;
}

textarea {
float:right;
width:300px;
}

select {
float:right;
width:275px;
}

.box {
float:right;
width:270px;
}

.box2 {
width:185px;
float:left;
}

.checkbox {
float:right;
width:20px;
margin-right:130px;
}

.button {
width:100px;
margin:20px 250px 0 0;
}


/*--------------- Highlighter ---------------*/
.ctrlHolder {
overflow:hidden;
clear:both;
margin:0;
padding:7px 4px;
}

.ctrlHolder span {
position:relative;
}

.focused {
background:#5B8BAB;
border:1px solid #666;
border-width:1px 0;
padding:6px 4px;
}

.ctrlHolder .textInput:focus {
border-color:#666;
}

div.focused .formHint {
color:#000;
}