/*
-------------------------------------------------------- 
Client Name: Pete deJong
Date: June 11th, 07
Author: otis and huckleberry :: otishuck.com
-------------------------------------------------------- 
*/

/* PAGE ELEMENTS
-------------------------------------------------------------*/
div#header {
background: url(/data/remax/realtors/pdejong/images/header_repeater.gif) top repeat-x;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 216px;
}

div#header_wrap {
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
width: 800px;
}

div#content {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #fff;
}

div#content_wrap {
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
width: 800px;
border-left: 1px solid #864012;
border-right: 1px solid #864012;
}

div#footer {
width: 100%;
height: 84px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(/data/remax/realtors/pdejong/images/footer_img.gif) top repeat-x;
}

div#footer_wrap {
margin: 0 auto;
padding: 0 0 0 0;
width: 800px;
height: 84px;
border-left: 1px solid #6a340d;
border-right: 1px solid #5f320c;
}

div#footerBack {
background: url(/data/remax/realtors/pdejong/images/footerback.gif) no-repeat;
color: #8c8c8c;
width: 802px;
height: 88px;
border-left: 1px solid #6a340d;
border-right: 1px solid #5f320c;
}

div#fixer {
clear: both;
}

p.copy {
margin: 0 0 0 0;
padding: 10px 0 0 0;
text-align: center;
text-transform:uppercase;
color: #fff;
font-size: 10px;
}
a.credits {
color: #fff;
}

A.credits:visited
{
    COLOR: #ffffff;
}
A.credits:link
{
    COLOR: #ffffff;
}
A.credits:hover
{
    COLOR: #864012;
}

/* MAIN NAVIGATION
-------------------------------------------------------------*/

div#topNav {
width: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.main_nav {
list-style-type:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.main_nav li{
text-transform: uppercase;
display:inline;
font-size:12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.main_nav li a{
float:left;
color: #fff;
text-decoration:none;
margin: 0 0 0 0;
padding: 6px 15px 0 15px;
}

ul.main_nav li a:hover{
color: #a58d79;
margin: 0 0 0 0;
padding: 6px 15px 0 15px;
}

/* SUB NAVIGATION
-------------------------------------------------------------*/

ul.sub_nav {
background: #ffffeb;
list-style-type:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 800px;
height: 37px;
border-bottom: 2px solid #6a350f;
}

ul.sub_nav li{
display:inline;
font-size:11px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.sub_nav li a{
float:left;
color: #2e2e2e;
text-decoration:none;
margin: 0 0 0 0;
padding: 12px 5px 0 5px;
}

ul.sub_nav li a:hover{
color: #864012;
margin: 0 0 0 0;
padding: 12px 5px 0 5px;
text-decoration:underline;
}

/* LOWER NAVIGATION
-------------------------------------------------------------*/

div#botNav {
width: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.lower_nav {
text-align:center;
list-style-type:none;
margin: 0 0 0 0;
padding: 20px 0 0 0;
}

ul.lower_nav li{
text-transform: uppercase;
display:inline;
font-size:11px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.lower_nav li a{
color: #fff;
text-decoration:none;
margin: 0 0 0 0;
padding: 6px 15px 0 15px;
}

ul.lower_nav li a:visited{
color: #fff;
text-decoration:none;
margin: 0 0 0 0;
padding: 6px 15px 0 15px;
}

ul.lower_nav li a:hover{
color: #a58d79;
margin: 0 0 0 0;
padding: 6px 15px 0 15px;
}

/* COLUMNS
-------------------------------------------------------------*/

div#first_Col {
float: left;
width: 330px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #fff7eb;
}

div#second_Col {
float: left;
width: 190px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div#third_Col {
float: left;
width: 280px;
margin: 0 0 0 0;
}

div.list_Col {
float: left;
width: 265px;
margin: 0 0 0 1px;
padding: 0 0 0 0;
background: #fff7eb;
}

div.list_Col_odd {
float: left;
width: 265px;
margin: 0 0 0 1px;
padding: 0 0 0 0;
}