#buttonArea {
}

#buttonArea > a {
   display: inline-block;
}

div.mainButtonFrame {
    width: 180px;
    height: 180px;
   display: inline-block;
    position:relative;
    margin: 20px;
    padding: 0px;
    overflow: hidden;
    text-decoration: none;
    color: black;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;

    background-color: white;
    box-shadow: 0px 8px 8px #000;
}

.mainButtonFrame > img
{
    margin: 5px auto;
    display: block;
    position: relative;
    max-width: 90%;
    max-height: 90%;
    height: 80%
}


.mainButtonFrame div{
    position:absolute; /* absolute position (so we can position it where we want)*/
    bottom: 0px; /* position will be on bottom */
    width:100%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px;
    background-color: #e3e3e3;
    font-size:15px;
    font-weight: bolder;

    vertical-align: middle;
    text-overflow: ellipsis;
    text-align: center;
    color:#000000;
    opacity:0.8; /* transparency */
    filter:alpha(opacity=80); /* IE transparency */

}


.mainButtonFrame.deactivated
{
    opacity: 0.3;
}

.xcenter {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.floatAside {
     position: absolute;
     right: 10px;
     top: 40px;
}