body, html {
margin: 0px;
font-family: arial;
font-size: 10px;
background-color: #fff;
color: #313131;
}

.layer_top {
z-index: 1;
position: absolute;
top: 0px;
height: 100px;
width: 100%;
background-image: url(img/bg.jpg);
background-repeat: repeat;
}

.shadow_top {
z-index: 1;
position: absolute;
top: 101px;
height: 20px;
width: 100%;
background-image: url(img/shadow_top.jpg);
background-repeat: repeat;
}

.layer_bottom {
z-index: 1;
position: absolute;
bottom: 0px;
height: 100px;
width: 100%;
background-image: url(img/bg.jpg);
background-repeat: repeat;
}

.shadow_bottom {
z-index: 1;
position: absolute;
bottom: 101px;
height: 20px;
width: 100%;
background-image: url(img/shadow_bottom.jpg);
background-repeat: repeat;
}

.wrapper {
z-index: 1;
position: absolute;
top: 20px;
margin: auto;
width: 100%;
height: 500px;
background-repeat: repeat;
}

.box {
position: relative;
z-index: 2;
margin: auto;
top: 60px;
background-image: url(img/box.jpg);
width: 510px;
height: 245px;
}

.logo {
position: relative;
margin: auto;
margin-left: 45%;
margin-top: 0px;
z-index: 2;
background-image: url(img/logo.png);
height: 82px;
width: 369px;
}

.text {
z-index: 2;
position: absolute;
top: 0px;
padding: 20px;
width: 300px;
}

h1 {
font-weight: bold;
font-size: 12px;
}

span.copyright {
position: absolute;
bottom: 22px;
text-align: center;
width: 500px;
color: #7a9c13;
}

a, a:link, a:hover, a:active, a:visited {
text-decoration: none;
color: #313131;
}