html, body {
background-color: black;
margin:0;
}

#cont{
position: fixed;
display:block;
top: 50%;
left: 50%;
margin-left:-444px;
margin-top:-360px;
}

.el {
position: absolute;
display:block;
border:5px solid white;
}

#a1 { background-image:url('1.jpg'); }
#a2 { background-image:url('2.jpg'); }
#a3 { background-image:url('3.jpg'); }
#a4 { background-image:url('4.jpg'); }
#a5 { background-image:url('5.jpg'); }
#a6 { background-image:url('6.jpg'); }
#a7 { background-image:url('7.jpg'); }

#b1 { background-image:url('1c.jpg'); }
#b2 { background-image:url('2c.jpg'); }
#b3 { background-image:url('3c.jpg'); }
#b4 { background-image:url('4c.jpg'); }
#b5 { background-image:url('5c.jpg'); }
#b6 { background-image:url('6c.jpg'); }
#b7 { background-image:url('7c.jpg'); }

.top{
z-index: 2;
}

.p1 {
top:0px;
left:67px;
width:216px;
height:350px;
}

.p2 {
top:50px;
left:288px;
width:570px;
height:120px;
}

.p3 {
top:175px;
left:288px;
width:349px;
height:257px;
}

.p4 {
top:175px;
left:642px;
width:236px;
height:257px;
}

.p5 {
top:355px;
left:0px;
width:283px;
height:188px;
}

.p6 {
top:437px;
left:288px;
width:182px;
height:213px;
}

.p7 {
top:437px;
left:475px;
width:318px;
height:238px;
}

#k {
position: absolute;
display:block;
top: 580px;
left:130px;
width:124px;
height:14px;
background-image:url('e.png');
}