/* -------------------------- Page Layout ---------------------------*/

body{
margin:0;
padding:0;
line-height: 1.5em;
background: #000 url(assets/real-estate.jpg) repeat;
}

#maincontainer{
width: 915px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:url(assets/container.jpg) repeat-y;
}

#topsection{
background: #EAEAEA;
height: 213px; /*Height of top section*/
}

#topsection2{
background: #EAEAEA;
height: 70px; /*Height of top section*/
}

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

#contentcolumn{
margin: 0 169px 0 164px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:url(assets/mid.jpg) no-repeat;
min-height:500px;
}

#leftcolumn{
float: left;
width: 164px; /*Width of left column in pixel*/
margin-left: -915px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 169px; /*Width of right column*/
margin-left: -169px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 915px;
background:#292929;
color: #FFF;
text-align: center;
margin:0 auto;
}

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

.footer{font: 10px Arial Black, Arial, Helvetica, sans-serif; margin-top:-10px; margin-bottom:10px;}

.lcolors{color:#fff; text-decoration:none;}

p a, h1 a{color:#000; text-decoration:none;}

.menu{display:block; font: 14px Arial Black, Arial, Helvetica, sans-serif; margin-left:10px; color:#fff; text-decoration:none; line-height:20px; margin-bottom:6px }

.menu:hover{ border-bottom: 2px #fff solid; margin-bottom:4px;}

h1{font: bolder x-large Verdana, Arial, Helvetica, sans-serif; padding-left:10px;}

p{font: 12px Verdana, Arial, Helvetica, sans-serif; padding:0 10px 3px 10px}

.p{font: 12px Verdana, Arial, Helvetica, sans-serif; padding:0 10px 3px 10px}

/* -------------------------- 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:#FFFF66;
border:1px solid #666;
border-width:1px 0;
padding:6px 4px;
}

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

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