@import "base.css";

body {
    background: #000;
    margin: 0;
    padding: 0;
}

p {
    margin: 12px 0;
}

a {
    color: #256FFF;
}

h1 {
    margin: 0 0 1em 0;
    font-size: 1.6em;
    padding: 5px 0 0 0;
}

h2 {
    color: #000;
    background: #E5E5E5;
    font-size: 1.2em;
}

h3 {
    color: #CCC;
    font-size: 1.4em;
    margin-top: 10px;
}

#container {
    font: 1.3em helvetica,arial,verdana,sans-serif;
    width: 898px;
    text-align: left;
    line-height: 1.4;
    z-index: 1;
    color: #DDD;
    margin: 0 auto 20px auto;
    letter-spacing: 0.03em;
    position: relative;
}

#header {
    margin: 35px 0;
    overflow: hidden;
    height: 60px;
}

#logo {
    background: transparent url(../images/logo.png) no-repeat 0 14px;
    width: 253px;
    height: 60px;
}

#logo a {
    width: 253px;
    height: 60px;
    background: transparent;
    display: block;
}

#main {
    clear: both;
    background: #FFF;
    color: #000;
    overflow: hidden;
}

#content {
    padding: 10px;
    width: 878px;
    color: #333;
    overflow: hidden;
}

#content-tmp {
    padding: 25px;
    width: 878px;
    color: #333;
    min-height: 300px;
}

#content-plain {
    padding: 25px;
    width: 878px;
    color: #333;
}

/*
 * Footer
 */

#footer {
    background: transparent url(../images/bg-footer.png) repeat-x;
    font-size: 0.9em;
    line-height: 1.3;
    height: 176px;
    padding: 15px;
    margin: 12px 0 0 0;
    color: #EEE;
}

#footer .col {
    width: 255px;
    height: 200px;
    float: left;
}

#footer .nav {
    padding-right: 25px;
    background: transparent url(../images/footer-divider.png) no-repeat right top;
}

#footer .nav ul {
    margin: 0;
    list-style-type: none;
    line-height: 1.6;
}

#footer .nav li {
    border-bottom: 1px dotted #666;
}

#footer .nav li.last {
    border: none;
}

#footer .nav a {
    color: #EEE;
    text-decoration: none;
}

#footer .nav a:hover {
    color: #FFF;
}

#footer .form {
    padding: 0 25px;
}

#footer .form strong {  
    font-size: 1.2em;
}

#footer .text {
    padding-left: 25px;
    background: transparent url(../images/footer-divider.png) no-repeat left top;
}

#footer .text .logo {
    background: transparent url(../images/logo-small.png) no-repeat 0px 4px;
    height: 48px;
}

#footer .text p {
    padding-bottom: 15px;
}

#footer p {
    margin: 4px 0 0 0;
}

#footer form {
    float: left;
    margin: 10px 0 0 0;
}

#footer form .textfield {
    width: 220px;
    margin-bottom:5px;
    border: 2px solid #EEE;
    background: #EEE;
    font-size: 1.2em;
    padding: 2px 0;
}

#footer form label {
    width: 50px;
    display: block;
    float: left;
}

#footer #join {
    background: transparent url(../images/button-join-now.png) no-repeat;
    width: 93px;
    height: 28px;
    margin-top: 8px;
    border: none;
}

/*
 * Credits
 */

#credits {
    font-size: 0.8em;
    color: #444;
    padding: 0 15px;
}

#credits a {
    color: #444;
    text-decoration: none;
}

#credits a:hover {
    color: #666;
    text-decoration: underline;
}


#credits p {
    float: right;
    text-align: right;
}

#credits .ckweb span {
    display: none;
}

#reia-link {
    background: transparent url(../images/logo-reia.png) no-repeat;
    display: block;
    width: 38px;
    height: 26px;
}

#home-img {
    width: 898px;
    height: 461px;
    background: #CCC url(../images/aerials/4.jpg) no-repeat center bottom;
}

h2.highlight {
    padding: 5px 10px;
    background: #E5E5E5;
}

.bedrooms {
    background: transparent url(../images/icon-bed.png) no-repeat left center;
    padding-left: 30px;
}

.bathrooms {
    background: transparent url(../images/icon-bath.png) no-repeat left center;
    padding-left: 30px;
}

.cars {
    background: transparent url(../images/icon-car.png) no-repeat left center;
    padding-left: 30px;
}

dl .type {
    display: none;
}

#left-column {
    float: left;
    width: 47%;
    margin-right: 3%;
}

#right-column {
    float: left;
    width: 47%;
    margin-right: 3%;
}