#content{
width:820px;
height: 1075px;
position: relative;
}

#contentContainer {
width: 820px;
height: 410px;
position: relative;
}

#largeContent1 {
width: 410px;
height: 410px;
background-color: grey;
position: absolute;
left:0;
}

#play {
width: 420px;
height: 215px;
margin: -5px;
-webkit-mask-box-image: url(../images/tiles/stuart-saunders-games-play-mask.png) 75 stretch;
margin: -5px;
background-color: #666666;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
#play:hover {
background-size: 105%;
z-index:1;
border: 2px solid;
border-color: black;
}

#detail {
width: 420px;
height: 215px;
margin: -5px;
-webkit-mask-box-image: url(../images/tiles/stuart-saunders-games-break-mask.png) 75 stretch;
background-repeat: no-repeat;
background-position: center;
position: absolute;
background-color: #666666;
}
#detail:hover {
background-size: 105%;
z-index:1;
border: 2px solid;
border-color: black;
}

#playBox {
width: 410px;
height: 205px;
overflow:hidden;
position: absolute;
left: 410px;
}
#playBox:hover
{
overflow:visible;
}

#detailBox {
width: 410px;
height: 205px;
overflow:hidden;
position:absolute;
top: 205px;
left: 410px;
}
#detailBox:hover {
overflow:visible;
}