/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:center; 
   font-family: arial; tahoma, sans-serif; 
   font-size:76%; 
   }
   
/* The containing box for the gallery. */
#container {
    position:relative; 
    width:740px; 
    height:535px;
    margin:20px auto 20px auto; 
    border:2px solid #9c9; 
    }
      
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
    
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
    
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }

#container a.filler {
    background:url("images/thumbs/tfiller.jpg");
    height:60px; 
    width:60px;
    }
#container a.ad1-1 {
    background:url("images/thumbs/tad1-1.jpg");
    height:60px; 
    width:60px;
    }
#container a.ad1-2v {
    background:url("images/thumbs/tad1-2v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad1-2h {
    background:url("images/thumbs/tad1-2h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad1-3{
    background:url("images/thumbs/tad1-3.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad1-4v{
    background:url("images/thumbs/tad1-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad1-4h{
    background:url("images/thumbs/tad1-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad1-5{
    background:url("images/thumbs/tad1-5.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad2-2 {
    background:url("images/thumbs/tad2-2.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad2-3 {
    background:url("images/thumbs/tad2-3.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad2-5v {
    background:url("images/thumbs/tad2-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad2-5h {
    background:url("images/thumbs/tad2-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-1v {
    background:url("images/thumbs/tad3-1v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-1h {
    background:url("images/thumbs/tad3-1h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-2v {
    background:url("images/thumbs/tad3-2v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-2h {
    background:url("images/thumbs/tad3-2h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-3v {
    background:url("images/thumbs/tad3-3v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-3h {
    background:url("images/thumbs/tad3-3h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-4v {
    background:url("images/thumbs/tad3-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-4h {
    background:url("images/thumbs/tad3-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-5v {
    background:url("images/thumbs/tad3-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad3-5h {
    background:url("images/thumbs/tad3-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad5-1 {
    background:url("images/thumbs/tad5-1.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad5-2 {
    background:url("images/thumbs/tad5-2.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad5-3v {
    background:url("images/thumbs/tad5-3v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad5-3h {
    background:url("images/thumbs/tad5-3h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad5-4 {
    background:url("images/thumbs/tad5-4.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad5-5v {
    background:url("images/thumbs/tad5-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad5-5h {
    background:url("images/thumbs/tad5-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad6-1 {
    background:url("images/thumbs/tad6-1.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad6-3 {
    background:url("images/thumbs/tad6-3.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad6-4 {
    background:url("images/thumbs/tad6-4.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-1v {
    background:url("images/thumbs/tad7-1v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-1h {
    background:url("images/thumbs/tad7-1h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-2v {
    background:url("images/thumbs/tad7-2v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-2h {
    background:url("images/thumbs/tad7-2h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-3v {
    background:url("images/thumbs/tad7-3v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-3h {
    background:url("images/thumbs/tad7-3h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-4v {
    background:url("images/thumbs/tad7-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-4h {
    background:url("images/thumbs/tad7-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-5v {
    background:url("images/thumbs/tad7-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad7-5h {
    background:url("images/thumbs/tad7-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-1v {
    background:url("images/thumbs/tad8-1v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-1h {
    background:url("images/thumbs/tad8-1h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-2v {
    background:url("images/thumbs/tad8-2v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-2h {
    background:url("images/thumbs/tad8-2h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-3v {
    background:url("images/thumbs/tad8-3v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-3h {
    background:url("images/thumbs/tad8-3h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-4v {
    background:url("images/thumbs/tad8-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-4h {
    background:url("images/thumbs/tad8-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-5 {
    background:url("images/thumbs/tad8-5.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad8-5 {
    background:url("images/thumbs/tad8-5.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.fullv {
    background:url("images/thumbs/t4x8v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.fullh {
    background:url("images/thumbs/t4x8h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.blankv {
    background:url("images/thumbs/tblankv.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.blankh {
    background:url("images/thumbs/tblankh.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gradfullv {
    background:url("images/thumbs/tgrad4x8v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gradfullh {
    background:url("images/thumbs/tgrad4x8h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gradblankv {
    background:url("images/thumbs/tgradblankv.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gradblankh {
    background:url("images/thumbs/tgradblankh.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz1-3 {
    background:url("images/thumbs/tgz1-3.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz1-4v {
    background:url("images/thumbs/tgz1-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz1-4h {
    background:url("images/thumbs/tgz1-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz2-2 {
    background:url("images/thumbs/tgz2-2.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz3-1v {
    background:url("images/thumbs/tgz3-1v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz3-1h {
    background:url("images/thumbs/tgz3-1h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz3-4v {
    background:url("images/thumbs/tgz3-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz3-4h {
    background:url("images/thumbs/tgz3-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz5-4 {
    background:url("images/thumbs/tgz5-4.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz7-2v {
    background:url("images/thumbs/tgz7-2v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz7-2h {
    background:url("images/thumbs/tgz7-2h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz7-4v {
    background:url("images/thumbs/tgz7-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz7-4h {
    background:url("images/thumbs/tgz7-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz7-5h {
    background:url("images/thumbs/tgz7-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz7-5v {
    background:url("images/thumbs/tgz7-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz8-4h {
    background:url("images/thumbs/tgz8-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.gz8-4v {
    background:url("images/thumbs/tgz8-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad1-1 {
    background:url("images/thumbs/tgrad1-1.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad1-3 {
    background:url("images/thumbs/tgrad1-3.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad1-4v {
    background:url("images/thumbs/tgrad1-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad1-4h {
    background:url("images/thumbs/tgrad1-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad1-5 {
    background:url("images/thumbs/tgrad1-5.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad2-2 {
    background:url("images/thumbs/tgrad2-2.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad3-1v {
    background:url("images/thumbs/tgrad3-1v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad3-1h {
    background:url("images/thumbs/tgrad3-1h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad3-4v {
    background:url("images/thumbs/tgrad3-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad3-4h {
    background:url("images/thumbs/tgrad3-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad3-5v {
    background:url("images/thumbs/tgrad3-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad3-5h {
    background:url("images/thumbs/tgrad3-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad5-4 {
    background:url("images/thumbs/tgrad5-4.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad5-5v {
    background:url("images/thumbs/tgrad5-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad5-5h {
    background:url("images/thumbs/tgrad5-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad6-4 {
    background:url("images/thumbs/tgrad6-4.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-2v {
    background:url("images/thumbs/tgrad7-2v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-2h {
    background:url("images/thumbs/tgrad7-2h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-3v {
    background:url("images/thumbs/tgrad7-3v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-3h {
    background:url("images/thumbs/tgrad7-3h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-4v {
    background:url("images/thumbs/tgrad7-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-4h {
    background:url("images/thumbs/tgrad7-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-5v {
    background:url("images/thumbs/tgrad7-5v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad7-5h {
    background:url("images/thumbs/tgrad7-5h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad8-4v {
    background:url("images/thumbs/tgrad8-4v.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.grad8-4h {
    background:url("images/thumbs/tgrad8-4h.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad09 {
    background:url("images/thumbs/tad09.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad10 {
    background:url("images/thumbs/tad10.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad11 {
    background:url("images/thumbs/tad11.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad12 {
    background:url("images/thumbs/tad12.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad13 {
    background:url("images/thumbs/tad13.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad14 {
    background:url("images/thumbs/tad14.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad15 {
    background:url("images/thumbs/tad15.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad16 {
    background:url("images/thumbs/tad16.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad17 {
    background:url("images/thumbs/tad17.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad18 {
    background:url("images/thumbs/tad18.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad19 {
    background:url("images/thumbs/tad19.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad20 {
    background:url("images/thumbs/tad20.jpg"); 
    height:60px; 
    width:60px;
    }
#container a.ad21 {
    background:url("images/thumbs/tad21.jpg"); 
    height:60px; 
    width:60px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:200px; 
    height:400px;
    }
#container li {
    float:left;
    }
    
/* move the thumbnails into the correct position */
#container ul {
    margin:10px; 
    float:right;
    }
    
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #9c9; 
    }
    
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:500px; 
    height:500px; 
    top:17px; 
    left:15px; 
    color:#000; 
    background:#fff;
    }
    
#container a.gallery:hover img {
    border:0px solid #fff; 
    float:left; 
    margin-right:5px;
    }
    
/* background image */
#container {
    background:#fff url("../none") 10px 10px no-repeat;
    }