@charset "utf-8";


body { margin:0; background-color:#000000; background-image:url(images/bg-repeat.gif); background-repeat:repeat-x; text-align:center;}

#wrapper { position:relative; margin: auto; width:885px; height:585px; background-image:url(images/bg.gif); background-repeat:no-repeat; }

#left {position:relative; width:375px; height:562px; float:left;  }

#right {position:relative; width:500px; height:562px; float:left;}

#nav { text-align:center; letter-spacing:0.5px; width: 100%; font:18px "Times New Roman", Times, serif; color:#858558; position:absolute; bottom:55px; left:0px;}

a, a:active, a:visited {color:#858558;text-decoration:none;}

a:hover {color:#660000;}

.borderit img{
border: 1px solid #858558;
}

.borderit:hover img{
border: 1px solid #660000;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}


#thumbs { width:322px; position: absolute; top:180px; right:0;}

#info { width:322px; height:450px; overflow:auto; position: absolute; top:130px; right:0; background-color:#333333; padding:20px; text-align:left; font:13px  "Times New Roman", Times, serif; color:#858558; border: 2px solid #858558;}

#info a, #info a:active, #info a:visited {color:#858558;text-decoration:underline;}

#info a:hover {color:#660000;text-decoration:underline;}


/* --- Grid --- */

.grid {
  width: 322px;
  margin: auto;
  
}

.grid-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 94px;
}

.grid-m2 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 94px;
}

.grid-m3 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 94px;
}