body {
        margin: 0;
        font-family: arial;
        color: #00247D;
}

#header {
        height: 205px;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url('imgs/background.jpg');
        background-repeat: repeat-x;
}

#links {
        height: 40px;
        width: 74.9%;
        position: absolute;
        top: 81px;
        left: 250px;
        text-align: center;
        color: white;
        font-weight: bold;
        font-size: 14pt;
}

.link {
        float: left;
        width: 24%;
        margin-left: 5px;
        margin-top: 10px;
}

#content {
        width: 80%;
        padding-top: 210px;
        margin-left: auto;
        margin-right: auto;
}

#contact {
        position: absolute;
        top: 10px;
        right: 20px;
}

#map {
        width: 80%; 
        height: 420px; 
        border: black 1px solid; 
        margin-left: auto; 
        margin-right: auto;
}

#title {
        position: absolute;
        left: 150px;
        top: 20px;
        font-size: 28pt;
        font-weight: bold;
}

.photo_container {
        width: 49.7%;
        height: 250px;
        float: left;
        text-align: center;
        padding-bottom: 15px;
}

.villas_two {
        float: left;
        width: 49.9%;
        padding-bottom: 20px;
        text-align: center;
}

.villas_three, .site_three {
        float: left;
        width: 33.2%;
        padding-bottom: 20px;
}

a.email:link, a.email:visited, a.email:active {text-decoration: none; color: #00247D}
a.email:hover {text-decoration: underline;}

a:link, a:visited, a:active {text-decoration: none; color: white;}
a:hover {text-decoration: underline;}

.plan, .site, .sat {border: black 1px solid;}
.plan:hover, .site:hover {border: blue 1px solid;}