@import url(reset.css);
@import url(lightbox.css);

body {
  height: 100%;
  font: 100% Trebuchet Ms;
  background: #ff2121 url(../img/layout/logo.gif) bottom left no-repeat;

  min-width:780px;
  margin:0; padding:0;
}
html
{
background: #ff2121 url(../img/background.jpg) repeat-y top right;
}
a { position:relative;}

#naw {
  position: absolute;
  left: 20px;
  top: 20px;
  display: block;
  width: 315px;
  padding-top: 82px;
  color: #fff;
  font-size: 70%;
  letter-spacing: 1px;
  background: url(../img/layout/grootlogo.gif) no-repeat;
}
#naw table
{
margin-top:10px;
}
#naw table tr td
{
padding-right:5px;
}
#naw a { text-decoration: none; color: #fff; }

#nav { z-index:1 ;position: absolute; left: -180px; top: 323px; width: 200px; margin-right: 20px; *width:140px}
#nav li { width: 180px;*width:140px; font-size: 70%; height: 22px; display: block; margin-bottom: 3px; *margin-bottom: -2px; padding: 5px 2px 0px 10px;}
#nav li a { display:block;text-decoration: none; color: #fff; letter-spacing: 1.5px;  }

#thumbs {
  display: block;
  position:relative;
  width: 608px;
  border-left: 1px solid #fff;
  float: right;
}

#thumbs div {
  float: left;
  display: block;
  overflow:hidden;
  width: 150px;
  height: 150px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 2px solid #fff;
}

.thumb_image {
  float: left;
  display: block;
  width: 150px;
  height: 150px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 2px solid #fff;
  background: #a76078;
}

#footer {
  position: absolute; left: 10px; bottom: 0px; z-index:0;
}

#footer a, img {
  border: 0;
  text-decoration: none;
}