* 
{ 
  margin: 0;
  padding: 0;
  }

body 
{ 
  background: black url(../images/black-logo.jpg) left bottom no-repeat;
  color: white;
  padding: 40px 10px;
  margin: 20px;
  font-family: Trebuchet MS, verdana, arial, sans-serif;
  min-height: 600px;
  }

a 
{ 
  color: white;           
  text-decoration: none;           
 }

a:hover
{ 
  text-decoration: underline;
 }

div#nav 
{ 
  width: 180px;
  float: left;
  margin-top: 100px;
  }

div#nav ul
{  
  list-style-type: none;
  }

div#nav li 
{ 
  margin-top: 8px;
  }

div#nav li.nav-current
{ 
  background: #666;
  font-weight: bold;
  border: 1px solid #666;
 }

div#nav a { 
  display: block;
  border: 1px solid black;
 }

div#nav a:hover { 
  border: 1px solid #666;
 }

div#content 
{ 
  margin-left: 180px;
  }

div#gallery 
{ 
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  }

div#gallery-nav
{ 
  width: 80%;
  margin: 1em auto;
  text-align: center;
  position: relative;
 }

div#gallery-nav img
{ 
  border: none;
 }

span#gallery-nav-prev
{ 
  display: block;
  position: absolute;
  top: 0;
  left: 100px;
  width: 40px;
 }

span#gallery-nav-next
{ 
  display: block;
  position: absolute;
  top: 0;
  right: 100px;
  width: 40px;
 }

table.pictable 
{ 
  width: 100%;
  border-collapse: separate;
  }

table.pictable td 
{ 
  border: 1px solid #0a0a0a;
  text-align: center;
  padding: 5px;
  }

table.pictable td img 
{ 
  border: none;
  }

div#footer 
{ 
  clear: both;
  font-size: 80%;
  text-align: center;
  margin-top: 40px;
  }

div#footer-left 
{ 
  position: relative;
  left: 0;
  }

div#footer-right 
{ 
  position: relative;
  float: right;
  }

p
{ 
  padding: 10px 0;
 }
.contact 
{ 
  font-size: 80%;
  }