div {
    box-sizing: border-box;
}

#outercontainer {
    width: 482px;
    /*height: 585px;*/
    /*border:1px solid #ddd;*/
    border-radius: 6px;
    margin-left: 30px;
    position: relative;
    /*background-color: #ddd;*/
}

#square1, #square2, #square3, #square4 {
    width: 240px;
    height: 200px;
    display: inline-block;
    background-color: #eeeeee;
    border-radius: 6px;
    margin: 0px -1px 0px -1px;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    vertical-align: middle;
    color: #dddddd;
    padding: 1px;
    border: 1px solid #ddd;
}

#square5 {
    width: 480px;
    height: 154px;
    display: inline-block;
    background-color: #eeeeee;
    border-radius: 6px;
    /*margin: 0px -1px 0px -1px;*/
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    vertical-align: middle;
    color: #dddddd;
    border: 1px solid #ddd;
    margin-top:1px;
    padding:1px;
}

#square6 {
    width: 480px;
    height: 56px;
    display: inline-block;
    border-radius: 6px;
    /*margin: 0px -1px 0px -1px;*/
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    vertical-align: middle;
    color: #730A43;
    background-color: white;
    padding: 1px;
    border: 1px solid #ddd;
    margin-bottom:1px;
}

/*.sqr div {
    vertical-align: middle;
    height: 100%;
    z-index:5;
}*/

/*.sqr img {
    opacity: 0.1;
}*/