/* CSS Document */

body {
background-color:#660000;
margin 0;
padding 0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
background-color:#660000;
width:100%;
height:100%;
}

#box {
position:relative;
margin-right:auto;
margin-left:auto;
border:1px solid #fff;
width:650px;
height:450px;
margin-top:10px;
z-index: 2;
}

.leftbox {
border:0px solid #fff;
width:200px;
height:450px;
background-color:#990000;
position:absolute;
top:0px;
left:0px;
z-index: 1;
}

#centerpic {
border:0px solid #fff;
position:absolute;
width: 350px;
height: 270px;
top:90px;
left:250px;
background-image:url(images/centrepic2.jpg);
background-repeat: no-repeat;
z-index: 3;
}

#john {
border:0px solid #fff;
position:absolute;
width: 129px;
height: 129px;
top:10px;
left:220px;
background-image:url(images/john.jpg);
background-repeat: no-repeat;
z-index: 5;
}

#smile {
border:0px solid #fff;
position:absolute;
width:129px;
height:129px;
top:305px;
left:220px;
background-image:url(images/smile.jpg);
background-repeat: no-repeat;
z-index: 5;
}

#mob {
border:0px solid #fff;
position:absolute;
width:204px;
height:131px;
top:10px;
left:420px;
background-image:url(images/mob.jpg);
background-repeat: no-repeat;
z-index: 4;
}

#euan {
border:0px solid #fff;
position:absolute;
width:104px;
height:151px;
top:285px;
left:520px;
background-image:url(images/euan.jpg);
background-repeat: no-repeat;
z-index: 5;
}

.paneldevil {
position:absolute;
width: 73px;
height: 100px;
top:10px;
left:66px;
background-image:url(images/paneldevil.gif);
background-repeat: no-repeat;
z-index: 6;
}

.paneltext {
position:absolute;
width: 174px;
height: 30px;
top:120px;
left:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#fff;
z-index: 6;
}

.paneltext2 {
position:absolute;
width: 174px;
height: 70px;
top:165px;
left:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 14px;
text-align:justify;
color:#fff;
z-index: 6;
}

#caption, #caption1, #caption2, #caption3, #caption4 {
width:600px;
height:65px;
background-color:#660000;
position:absolute;
top:460px;
left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
text-align:center;
color:#fff;
display:block;
visibility:hidden;
z-index:6;
}