body {
color: white;
background-color: black;
text-align: center
}

a {
color: 1d47ff
}

a:hover {
color: 1d47ff
}

a:focus {
color: 1d47ff
}

a:active {
color: 1d47ff
}

a:visited {
color: 1d47ff
}

div {
margin: 0;
padding: 0
}

img.avatar_blue {
width: 65px;
height: 65px;
border-style: solid;
border-color: 1d47ff;
border-width: 2px
}

img.avatar_red {
width: 65px;
height: 65px;
border-style: solid;
border-color: red;
border-width: 2px
}

b.header {
font-weight: bolder;
font-size: 20
}

div.space {
text-align: left;
width: 1000px;
margin: 0 auto
}

div.contentspace {
width: 700px;
position: absolute;
float: left;
top: 272px;
margin: 0px 150px;
z-index: 8
}

div.content_main_blue {
width: 700px;
position: relative;
float: left;
padding: 0px 0px 2px 0px;
margin: 0px 0px 2px 0px;
background-color: 1d47ff
}

div.content_main_red {
width: 700px;
position: relative;
float: left;
padding: 0px 0px 2px 0px;
margin: 0px 0px 2px 0px;
background-color: red
}

div.content_blue {
width: 349px;
position: relative;
float: left;
margin: 0px 2px 2px 0px;
padding: 0px 0px 2px 0px;
background-color: 1d47ff
}

div.content_red {
width: 349px;
position: relative;
float: left;
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
background-color: red;
text-align: right
}

div.greybox {
float: left;
width: 688px;
margin: 2px 2px 0px 2px;
padding: 4px;
background-image: url('images/back.png')
}

div.greybox_half {
float: left;
width: 337px;
margin: 2px 2px 0px 2px;
padding: 4px;
background-image: url('images/back.png')
}

div.whitebox {
float: left;
width: 680px;
padding: 4px;
background-color: white;
color: black;
font-family: times;
text-align: left
}

div.whitebox_gallery {
float: left;
width: 680px;
padding: 4px;
background-color: white;
text-align: center;
color: black
}

div.whitebox_half {
float: left;
width: 329px;
padding: 4px;
background-color: white;
color: black;
font-family: times;
text-align: left
}

div.head-title {
background-image: url('images/title.png');
width: 1000px;
height: 300px;
position: absolute;
z-index: 0
}

div.head-header {
background-image: url('images/header.png');
width: 1000px;
height: 300px;
position: absolute;
z-index: 1
}

div.head-nav {
background-image: url('images/nav.png');
width: 1000px;
height: 300px;
position: absolute;
z-index: 2
}

div.head-eyesurround {
background-image: url('images/eyesurround.png');
width: 1000px;
height: 300px;
position: absolute;
z-index: 3
}

div.head-tenticles {
background-image: url('images/tenticles.png');
width: 1000px;
height: 300px;
position: absolute;
z-index: 4
}

div.head-eye {
background-image: url('images/eye.png');
width: 1000px;
height: 300px;
position: absolute;
z-index: 5
}

div.head-twsr {
background-image: url('images/twsr.png');
width: 1000px;
height: 300px;
position: absolute;
z-index: 6
}

div.navspace {
float: left;
width: 632px;
height: 29px;
position: absolute;
top: 207px;
margin: 0px 184px;
z-index: 7;
overflow: hidden
}

div.footerbar {
float: left;
width: 1000px;
height: 50px;
position: relative;
right: 150px;
bottom: 18px;
background-image: url('images/footer.png');
z-index: -1
}

div.footer_blue {
width: 700px;
position: relative;
float: left;
padding: 0px 0px 2px 0px;
background-color: 1d47ff;
margin: 2px 0px 0px 0px
}

div.footer {
float: left;
width: 688px;
margin: 2px 2px 0px 2px;
padding: 4px;
background-image: url('images/back.png');
font-size: 10px;
font-family: arial;
text-align: center
}

a.button {
color: white;
text-align: center;
font-size: 15;
font-weight: bolder;
display: block;
cursor: hand;
float: left;
width: 158px;
height: 23px;
padding: 6px 0px 0px 0px
}

a.button:hover {
color: white;
background-image: url('images/button.png')
}

a.button:focus {
color: white
}

a.button:active {
color: white
}

a.button:visited {
color: white
}