body {
background-color: #000000;
font-family: Myriad, Futra, Tahoma, san-serif;
font-size: 14px;
letter-spacing: 1px;
line-height: 18px;
margin: 0;
overflow: auto;
}

form {
display: inline-block;
margin: 0;
}

img {
border: 0;
vertical-align: middle;
}

input {
vertical-align: middle;
}

.clearboth { clear: both; }


#wrapper {
}

#wrapper-inner {
background: #000000 url(/assets/backgrounds/background.png) center no-repeat;
border: 1px solid black;
height: 650px;
margin: 0 auto;
position: relative;
width: 1000px;
}

#front {
background: #000000 url(/assets/backgrounds/background-front.png) center no-repeat;
height: 650px;
margin: 0 auto;
position: relative;
width: 1000px;
}


#header {
/*background-color: #339999;*/
height: 90px;
left: 100px;
position: absolute;
right: 100px;
top: 45px;
}

#header-inner {
}


#navigation {
/*background-color: #993399;*/
position: absolute;
bottom: 150px;
left: 100px;
}

#navigation-inner {
}


#content {
/*background-color: #339933;*/
position: absolute;
left: 190px;
right: 190px;
top: 120px;
}

#content-inner {
height: 375px;
}


#contents {
}


#footer {
/*background-color: #999933;*/
position: absolute;
bottom: 25px;
left: 100px;
right: 100px;
}

#footer-inner {
height: 120px;
}


#credits {
margin: 0 auto;
position: relative;
width: 865px;
}

#credits-inner {
color: #999999;
font-size: 8px;
padding-left: 14px;
position: absolute;
text-align: left;
text-transform: uppercase;
width: 100%;
}

#credits a {
color: #999999;
text-decoration: none;
}

#credits a:hover {
text-decoration: underline;
}


#copyright {
margin: 0 auto;
position: relative;
width: 865px;
}

#copyright-inner {
color: #999999;
font-size: 8px;
position: absolute;
text-align: right;
width: 100%;
}

#copyright a {
color: #999999;
text-decoration: none;
}

#copyright a:hover {
color: #cccccc;
}