body
{
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    background-color:#c8e0e9;
}

*
{
    margin:0px;
    padding:0px;
    border:0px;
    }

#container
{
    margin-left:auto;
    margin-right:auto;

    background-color:#ffffff;
    }

.boxDiv
{
    float:left;
    position:relative;
    }
    
    
.imgDiv
{
    position:absolute;
    z-index:1;
    }
    
.overlay
{
    position:absolute;
    height:13%;
    background-color:lightgray;
    z-index:2;
    bottom:10%;
    -moz-opacity:.61; filter:alpha(opacity=61); opacity:.61;
    font-weight:bold;
    display:block;
    text-align:center;
    }

    
.overlayfull
{
    position:absolute;
    width:100%;
    z-index:2;
    top:0;
    font-weight:bold;
    display:block;
    text-align:center;
    padding-top:76%;
    font-weight:normal;
    }
    
a
{
    color:black;
    text-decoration:none;
    }