html {
height: 100%;
}

body {
background-color: #340903;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size: x-large;
font-family: Verdana, Arial, sans-serif;
}

img {
border-style: none;
}

#nav-01 {
width: 15%;
height: 15%;
position: fixed;
top: 0;
left: 0;
}

#nav-02 {
width: 4%;
height: 44%;
position: fixed;
top: 15%;
left: 0;
}

#nav-03 {
width: 7%;
height: 11%;
position: fixed;
top: 15%;
left: 4%;
}

#nav-04 {
width: 7%;
height: 11%;
position: fixed;
top: 26%;
left: 4%;
}

#nav-05 {
width: 7%;
height: 11%;
position: fixed;
top: 37%;
left: 4%;
}

#nav-06 {
width: 7%;
height: 11%;
position: fixed;
top: 48%;
left: 4%;
}

#nav-07 {
width: 4%;
height: 44%;
position: fixed;
top: 15%;
left: 11%;
}

#nav-bottom-picture {
position: fixed;
width: 15%;
height: 41%;
top: 59%;
left: 0;
}

#header {
width: 60%;
height: 18%;
position: fixed;
top: 0;
left: 15%;
}

#text-field {
width: 60%;
height: 67%;
position: fixed;
top: 18%;
left: 15%;
}

#news, #info, #links, #art {
width: 60%;
height: 67%;
position: fixed;
top: 18%;
left: 15%;
overflow: auto;
text-align: center;
}

#footer {
height: 15%;
width: 60%;
position: fixed;
bottom: 0;
left: 15%;
}

#right {
height: 100%;
width: 25%;
position: fixed;
top: 0;
right: 0;
}

#portfolio_image_container {
position: absolute;
margin-left: auto;
width: 80%;
height: 80%;
top: 10%;
left: 10%;
}

#portfolio_image {
max-height: 85%;
max-width: 85%;
display: block;
margin: auto;
}

#prev_next_buttons {
position: absolute;
left: 36%;
bottom: 3%;
}