body{
background:#000;
color:#ff0000;
}

#wrapper{
margin:auto;
text-align:center;
position:absolute;
left:50%;
margin-left:-365px;
top:50%;
margin-top:-325px;
border: #000 solid 1px;
}

#wrapper:hover{
border: #aa0000 solid 1px;
}

#content{text-align:center;
width:780px;
height:650px;
margin:auto;
}


#zeph-image{
position: absolute;
top: 40px;
left:80px;
border: #444 solid 1px;
margin:10px;
padding:30px;
background: #000;
z-index:6;
}

#zeph-image:hover{
border-color:#fff;
}


#zoe-image{
position: absolute;
bottom: 50px;
right:80px;
border: #444 solid 1px;
padding:30px;
margin:10px;
background: #000;
z-index:10;
}

#zoe-image:hover{
border-color:#fff;
}



#darrin-image{
position: absolute;
bottom: 20px;
left:40px;
border: #444 solid 1px;
padding:30px;
margin:10px;
background: #000;
z-index:5;
}

#darrin-image:hover{
border-color:#fff;
}


#logo{
width: 400px;
margin:auto;
position: absolute;
right:20px;
margin:10px;
z-index:11;
border: #333 solid 1px;
}



#logo:hover{
border-color:#fff;
}