html, body{
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
background: #fff url(images/splash.png) no-repeat center center;
}

#exo, #meso {
	height: 100%;
}

#exo {
margin: 0 auto;
display: table;
}

#meso {
display: table-cell;
vertical-align: middle;
}

#endo {
width: 910px;
margin: auto;
}


#navcontainer {
margin: 0;
padding: 0;
}

ul#menu {
float: right;
padding: 0;
margin-top: 485px;
margin-right: 70px;
}

ul#menu li {
list-style: none;
}

ul#menu li a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #282828;
font-weight: bold;
padding: 8px 16px 8px 8px;
display: block;
border-left: 2px solid #fff;
font-size: 14px;
}

ul#menu li a:hover {
background: #e6e6e6;
border-left: 2px solid #820024;
}

ul#menu li a.active {
background: #e6e6e6;
border-left: 2px solid #820024;
}