html,body { 
   height: 100%;


}

body {
   margin: 0px;
   padding: 0px;
   /* background-color: #1d1d1d; */

   background-color: #000000; /* aw 2 */
   min-height: 600px;
   width: 100%;
   text-align: center;

}

.tablestyle {
   width: 100%;
   height: 100%;
}

.headercell {
   height: 95px;
   vertical-align: top;
}


#header {
   background-color: #333; /* background color of header bar */
   height: 90px;
   border-bottom: 1px solid #161616;
   border-top: 1px solid #3f3f3f;
   margin: 0px;
   padding: 0px;
   text-align: center;
   width: 100%;
}


#header h1 {
   font-family: lucida grande, verdana, sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 25px;
   letter-spacing: 5px;
   color: #fff;
   padding-top: 48px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
}


.imagecell {
   background-color: #000000; /* aw 1 */
   text-align: center;
   height:630px; 
}

.single img{
   border: 9px solid #000;
}


.footercell {
   height: 95px;
   vertical-align: bottom;
}

#nav {

   background-color: #2a2a2a;  /* background color of nav (prev/next) bar */
   border-bottom: 1px solid #161616;
   border-top: 1px solid #3f3f3f;
   height: 15px;
   text-align: center;
   padding: 10px;
}

#nav a.prevnext{
   padding: 0px;
   margin: 0px;
   font-size: 11px;
   font-family: lucida grande, verdana, sans-serif;
   color: #ccc;
   text-decoration: none;
   letter-spacing: .5px;
   border: 0px solid red;
}


#nav a.prevnext:hover{
   text-decoration: none;
   color: #fff;
}

#nav .pageof{
   border: 0px solid red;
   padding: 0px;
   margin-left: 15px;
   margin-right: 15px;
   font-size: 11px;
   font-family: lucida grande, verdana, sans-serif;
   color: #6c6c6c;
}

#nav .view {
  position: absolute;
  right: 0px;
  border: 0px solid red;
  padding: 0;
  margin-top: 0px;
}


/* for Internet Explorer */
/*\*/
* html #nav .view {
  margin-top: 5px;
}
/**/



#nav .view a{
   font-family: lucida grande, verdana, sans-serif;
   color: #6c6c6c;
   text-decoration: none;
   font-size: 9px;
   margin-right: 15px;
   margin-top: 0;
   padding: 0;
}

#nav .view a:hover{
   text-decoration: none;
   color: #fff;
}




#menu {

   background-color: #333333;  /* background color of menu bar */
   border-top: 1px solid #3f3f3f;
   border-bottom: 1px solid #161616;
   min-height: 20px;
   height: 20px;
   height: auto;
   text-align: center;
   font-size: 11px;
   font-family: lucida grande, verdana, sans-serif;
   color: #6c6c6c;
   padding: 20px;
   letter-spacing: .2px;
}

/* added by Andrew for address on bottom left */

#menu .view {
  position: absolute;
  left: 10px;
  border: 0px;
  padding: 5;
  margin-top: 0px;
}


#menu ul{
  display: inline;
  margin: 0px;
  padding: 0px;
}

#menu ul li{
  display: inline;
  padding-left: 9px;
}

#menu li a{
   color: #6c6c6c;
   text-decoration: none;
}


#menu li a:hover{
   color: #fff;
   text-decoration: none;
}


#menu li a.active{
   color: #aaa;
   text-decoration: none;
}


#thumbwrapper{
   height: 0;
   line-height: 0;
   width: 665px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0;
   padding-top: 0px;
   border: 0px solid red;
   text-align: center;
}

#thumbwrapper ul{
   margin:0;
   padding:0;
   list-style:none;
   line-height: 0;
}

#thumbwrapper li{
   float:left;
   width:155px;
   margin: 5px;
   height:107px; 
   background-color: #000;
   text-align: center;
   list-style: none;
   list-style-image: none;
   border: 0;
}


#thumbwrapper li a{
  display: block;
   height:99px; 
   padding: 4px;



}

#thumbwrapper li a:hover{
  background-color: #111;

}


#thumbwrapper img{

   height: 95px;
   border: 1px solid #000;
   left: 50%;

}