#body{
    border: 1px solid #A9D7BA;
    width: 940px;
    height: 580px;
    background-image: url(green.png);
}
#hudTitle{
    position: absolute;
    width: 915px;
    height: 70px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: #122517;
    border: 1px solid #A9D7BA;
}
#hudTitle h3{
    color: #5DA871; 
    text-align: left; 
    padding-left: 10px; 
    font-family: "optima";
}
#hudPos{
    position: absolute;
    color: #5DA871; 
    text-align: left; 
    padding-left: 550px;
    padding-top: 30px;
    font-family: "optima";
}
#canvas{ /* 8.3 */
    position: absolute;
    width: 600px;
    height: 300px;
    top: 104px; /* 20px */
    left: 20px; /* new */
    z-index: 0;
    border: 1px solid #A9D7BA;
}
#minimap{ /* 8.6 */
    border: 1px solid #A9D7BA;
    position: absolute;
    top: 104px; /* 20px */
    width: 300px;
    height: 300px;
    left: 635px; /* new */
}
#screenshot-wrapper{
    position: absolute;
    left: 20px; /*700px*/
    top: 420px; /* 336 */
    border: 1px solid #A9D7BA;
}
#camera{
    width: 100px;
    position: absolute;
    left: 521px;
    top: 290px; /* 180px */
}
#title-block{
    position: absolute;
    top: 420px; /* 336px */
    left: 335px;
    width: 600px;
    height: 155.5px;
    border: 1px solid #A9D7BA;  
    background-image: url(title-block.png);
}