@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400, 300);
 body {
    margin:0;
    font-family:'Source Sans Pro', sans-serif;
    background-color:#111;
}
p {
    font-size:12px;
    color:#eee;
    line-height: 6px;
}
h1 {
    font-size:24px;
    color:#eee;
}
.div-table {
    display:table;
    width:100%;
    height:500px;
    padding:0;
    margin:0;
    border-collapse:collapse;
}
.div-row {
    display:table-row;
}
.div-td {
    display:table-cell;
    height:33%;
    width:20%;
    text-align:right;
    vertical-align:bottom;
    overflow:hidden;
}
.hidden span {
    height:100%;
    min-height:100%;
    width:auto;
    vertical-align:text-bottom;
    padding:10px;
    transform:translate(9999px);
    opacity:0;
}
.hidden:hover span {
    height:100%;
    min-height:100%;
    width:auto;
    vertical-align:text-bottom;
    padding:10px;
    display:block;
    transform:translate(0);
    opacity:1;
}
.venue {
    background:url('http://www.indpg.com.au/img/norman.jpg') center no-repeat;;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat:no-repeat;
}
.div-td:hover {
    background-image:none;
}