a:link	{ color: #008080; text-decoration: none; }
a:visited	{ color: #008080; text-decoration: none; }
# body		{background: #0f0f0f; font-family: Verdana, Arial, sans-serif; font-style: normal; color: #00004f; margin-left: 0%; margin-right: 0%; }
h1	{ font-size: 200%; margin-left: 0%; margin-right: 0%; }
h2	{ color: #40afaf; margin-left: 2%; margin-right: 2%; margin-top: 0.2em; }
h3	{ margin-left: 2%; margin-top: 0.1em; }
h4	{ margin-left: 2%; }
p	{ color: #00afaf; margin-left: 1%; margin-right: 1%; margin-bottom: 0.2em; margin-top: 0em; }
p.caption	{ color: #00afaf; margin-left: 1%; margin-right: 1%; margin-top: 0em; }
table	{ margin-top: 0em; margin-left: 0%; }
body
{
  font: 100% sans-serif;
  padding: 0;
  margin: 5px;
  color: #00004f;
  background-color: #000000;
}

ul
{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 0.2em 0;
  list-style-type: none;
}

li
{
  float: left;
  width: 12.5%;
  padding: 0;
  margin: 0;
  background-color: #0f0f0f;
  border: 2px solid #0f0f0f;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

li a
{
  display: block;
  width: 95%;
  overflow: hidden;
}

img
{
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

a:hover img, a:focus img
{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#aspect li a
{
  position: relative;
  height: 0;
  padding-top: 65%;
}

#aspect img
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}