html, body {
    height: 100%;
    border:0;
    margin:0;                                                            
}

ul{
    list-style-type:none;
}

div#right{
    background:url(img/hector_padilla_3.jpg) no-repeat bottom left;
    height:100%;
    width:500px;
    text-align: center;
    background-color: white;
    color: #000;
    position: absolute;
    left: 50%;          												
}

div#left{
    float:left;
    background-color:#587794;
    text-align: right;
    width:50%;
    height: 100%;
}

div#left #content{
    position:relative;
    padding-right: 20px;
    margin-top: 20%;
    color:white;
    font-family:Sans-Serif;
    font-size: medium;
}

div#left #content h1{ font-size:xx-large; font-weight:bold;}
div#left #content a{
    text-decoration:none;
    color:#aabfd2;
    font-weight:bold;
}

.small{
    font-size: small;
    
}