* { padding: 0; margin: 0; border: 0; outline: none; }

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    min-width: 950px;
    height: 100%;
    font: normal 15px Helvetica, Arial, sans-serif;
	color: black;
	background-color: #c3c0c3;
    background-image: url(../img/RESIDENTIAL.WALLIS_RD.JPGx);
    opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

a { text-decoration: none; color: #3b3434 }
a:hover { text-decoration: none; }

.bold { font-weight: bold }
.italic { font-style: italic }

/*-----------------------------------------------------------*/

#wrap {
    background-color: #c3c0c3;
    width:  950px;
    height: 630px;
    position: absolute;
    top:  50%;
    left: 50%;
    margin: -315px 0 0 -475px;
}

header {
    width:  877px; /*912px, 911px */
    height: 155px;
    float: left;
    clear: both;
    margin: 22px 19px 0px 19px;
    /*border-left: 1px solid #3e3b3e;*/
    position: relative;
}

header img {
    position: absolute;
    left: 0px;
    top: 11px;
}

header nav {
    position: absolute;
    bottom: 12px;
    left: 6px;
}

header nav a {
    padding: 0px 12px;
    font-size: 15px;
    border-right: 1px solid #3d3636;
    width: 75px;
    display: block;
    float: left;
    text-align: left;
    color: #3d3636
}

header nav.long a {
    padding: 0px 12px;
    font-size: 15px;
    border-right: 1px solid #3d3636;
    width: 110px;
    display: block;
    float: left;
    text-align: center;
    color: #3d3636
}

header nav.long a.long {
    width: 180px;
}

header nav a:last-child {
    border-right: 0;
}


header nav a:last-child {
    border-right: 0;
}

header nav.long a:last-child {
    width: 90px;
}

header nav.long a:nth-last-child(2) {
    width: 120px;
}

header nav a.active, header nav a:hover {
    font-weight: bold;
}

/*-----------------------------------------------------------*/

footer {
    width:  877px; /* 912px */
    height: 136px;
    float: left;
    clear: both;
    margin: 0px 19px;
    color: #3b3434;
    position: relative;
}

footer nav {
    position: absolute;
    right: 0px; /* 10px */
    top: 15px;
}

footer a {
    color: #3b3434;
}

footer nav a {
    padding: 0px 10px;
    font-size: 15px;
    border-right: 1px solid #3b3434;
    width: 100px;
    display: block;
    float: left;
    text-align: center;
}

footer nav a:last-child {
    padding-right: 0px; /* 25px */
    border-right: 0;
}

footer nav a.active, footer nav a:hover {
    color: #a42021;
    font-weight: bold;
}

footer #copyright {
    position: absolute;
    left: 0px;
    top: 21px;
    color: #3b3434;
    font-size: 9px;
}

footer #architect {
    position: absolute;
    left: 0px;
    top: 61px;
    color: #3b3434;
    font-size: 9px;
}