body {
background-color: #9914FF;
background-image: url(harbour.jpg);
background-size: cover;
}


a {
color: #fff
}

#navigation {
font-family: consolas;
font-size: 11pt;
position: absolute;
top: 0px;
left: 50px;
width: 200px;
color: #fff;
}

img {
  opacity: 1;
}

ul {
list-style-type: none;
}

h1 {
font-family: consolas;
font-size: 40pt;
font-style: italic;
color: #F598FD;
text-align: left;
}

#content {
font-family: consolas;
font-size: 11pt;
color: #fff;
margin: 50px 0 0px 275px;
width: 700px;
}

#content img {
float: left;
margin: 0 50px 50px 0;
}

#footer {
clear: both;
text-align: center;
color: #fff;
font-family: consolas;
}

#container {
position: relative;
width: 1000px;
margin: auto;
background: rgba(0, 0, 0, 0.85);
outline-style: double;
outline-color: red;
outline-width: 5px;
}


#td {
vertical-align: middle;
}