#content
{
    margin:0px auto;
    margin-top: 86px;
    border-left: 2px outset #000;
    border-right: 2px outset #000;
    width: 1022px;
    background: rgba(255,255,255,0.3);
    color: #000;
}
#tilesDiv
{
    width: 700px;
    margin: 5px auto 0px auto;
    height: 270px;
}
#tilesDiv section
{
    display: inline-block;
    width: 200px;
    height: 260px;
    border: 2px outset #000;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #000;
    background: rgba(33,33,33,0.2);
    color: #fff;
    margin-left: 20px;
    text-align: center;
    -moz-transform: skewy(5deg);
    transform:   skewy(5deg);
}
#tilesDiv section article
{
    -moz-transform: skewy(-5deg);
    transform: skewy(-5deg);
}
#tilesDiv section:hover,#tilesDiv section:hover article
{
    -moz-transform: skewy(0deg);
    transform: skewy(0deg);
}
#spanDiv
{
    margin-top:5px;
}
#spanDiv span
{
    text-align: center;
    display: inline-block;
    width: 32.9%;
    height: 350px;
    border-right: 2px groove #000;
}

/*#foreground
{
    z-index: 99;
    position: fixed;
    top:0px;
    right: 0px;
    left:0px;
    bottom:0px;
    background: transparent url("img/clouds-icon2.png") repeat scroll;
}*/