html {
        background: url(images/body.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

body {
        margin: 0px;
        padding: 20px;
}

#main
{
position: absolute;
left: 50%;
width: 1000px;
margin-left: -500px;
}

#bodyboxindex
{
position: absolute;
width: 1000px;
height: 720px;
top: 10px;
left: 0px;
background-color: #ffffff;
}

#logo
{
position: absolute;
top: 36px;
left: 64px;
}

a
{
font-family: Arial;
font-size: 13px;
line-height: 1.7em;
color: #ffffff;
text-align: center;
text-decoration: none;
}

a:hover
{
color: #000000;
}

#textindex
{
position: absolute;
top: 146px;
left: 56px;
width: 560px;
text-align: right;
font-family: Arial;
font-size: 13px;
line-height: 1.7em;
color: #000000;
padding-right: 20px;
padding-top: 20px;
}

#box1
{
position: absolute;
top: 146px;
left: 640px;
width: 146px;
height: 146px;
background-color: #8E7435;
display: flex;
align-items: center;
justify-content: center;
}

.textbox
{
display: table-cell;
vertical-align: middle;
font-family: Arial;
font-size: 13px;
line-height: 1.7em;
color: #C5C6C6;
text-align: center;
text-decoration: none;
}

#box2
{
position: absolute;
top: 146px;
left: 786px;
width: 146px;
height: 146px;
}

#box3
{
position: absolute;
top: 292px;
left: 56px;
width: 146px;
height: 146px;
}

#box4
{
position: absolute;
top: 292px;
left: 202px;
width: 146px;
height: 146px;
background-color: #B62C33;
display: flex;
align-items: center;
justify-content: center;
}

#box5
{
position: absolute;
top: 292px;
left: 348px;
width: 146px;
height: 146px;
}

#box6
{
position: absolute;
top: 292px;
left: 494px;
width: 146px;
height: 146px;
background-color: #B62C33;
display: flex;
align-items: center;
justify-content: center;
}

#box7
{
position: absolute;
top: 292px;
left: 640px;
width: 146px;
height: 146px;
}

#box8
{
position: absolute;
top: 292px;
left: 786px;
width: 146px;
height: 146px;
background-color: #B62C33;
display: flex;
align-items: center;
justify-content: center;
}

#box9
{
position: absolute;
top: 438px;
left: 348px;
width: 146px;
height: 146px;
background-color: #8E7435;
display: flex;
align-items: center;
justify-content: center;
}

#box10
{
position: absolute;
top: 438px;
left: 494px;
width: 146px;
height: 146px;
}

#box11
{
position: absolute;
top: 438px;
left: 640px;
width: 146px;
height: 146px;
background-color: #8E7435;
display: flex;
align-items: center;
justify-content: center;
}

#box12
{
position: absolute;
top: 438px;
left: 786px;
width: 146px;
height: 146px;
background-color: #8E7435;
display: flex;
align-items: center;
justify-content: center;
}

#test
{
position: absolute;
top: 458px;
left: 340px;
width: 146px;
height: 146px;
background-color: green;
}