body {
	  text-align:center;
	  margin:0;
      padding:0;
      font:bold 11px/1.5em Verdana;
	  background-image:url(images/fade.png);
	  background-repeat:repeat-x;
	  }
	#header {
	  background:#fff url(images/corners.png) top no-repeat;
	  position:relative;
	  width:755px;
	  height:25px;
	  margin:-1px auto 0 auto;
	  border:0px solid #aaa;
	  }
	#container {
	   background:#fff url(images/gallery/g2_topleft.jpg) 310px 10px no-repeat;
	   position:relative;
	   width:755px;
	   height:400px;
	   margin:0 auto 0 auto;
	   border:0px solid #aaa;
	   }
	#container ul{
	  padding:0;
	  margin:0;
	  list-style-type:none;
	  }
	#container a.gallery span {
	  position:absolute;
	  width:1px;
	  height:1px;
	  top:1px;
	  left:1px;
	  overflow:hidden;
	  background:#fff;
	  }
	  
/* navi tabs start here */	
	
	#navigation {
      width: 100%;
	  margin: 1em 0 0;
	  padding: 0.6em 0 0;
      font-size: 90%;
      line-height: normal;
      }
    #navigation ul, #navigation ul li {
      margin: 0;
      padding: 0;
      list-style: none;
      }
	#navigation ul {
	  padding: 5px 0 5px;
	  text-align: center;
	  }
    #navigation ul li {
      display: inline;
      margin-right: -2px;
      }
    #navigation ul li a {
      background: url("images/tableft.gif") no-repeat left top;
      padding: 4px 0;
      text-decoration: none;
      }
    #navigation ul li span {
      background: url("images/tabright.gif") no-repeat right top;
      padding: 5px 15px 4px 6px;
      margin: 4px 0 4px 4px;
      color: #666;
      }
    #navigation ul li a:hover span {
      color: #0066CC;
	  background-position: 100% -42px;
      }
    #navigation ul li a:hover {
      background-position: 0% -42px;
      }
    #navigation #current a {
      background-position: 0% -42px;
      }
    #navigation #current a span {
      background-position: 100% -42px;
      }

/* thumbnails start here */
	
	#container a.gallery, #container a.gallery:visited {
	  display:block;
	  color:#000;
	  text-decoration:none;
	  border:1px solid #000;
	  margin:0px 20px 20px 0px;
	  text-align:left;
	  cursor:default;
	  }
	#container a.topleft {
	  background:url(images/thumbs/tn2_topleft.jpg);
	  height:115px;
	  width:115px;
	  }
	#container a.topright {
	  background:url(images/thumbs/tn2_topright.jpg);
	  height:115px;
	  width:115px;
	  }
	#container a.midleft {
	  background:url(images/thumbs/tn2_midleft.jpg);
	  height:115px;
	  width:115px;
	  }
	#container a.midright {
	  background:url(images/thumbs/tn2_midright.jpg);
	  height:115px;
	  width:115px;
	  }
	#container a.bottomleft {
	  background:url(images/thumbs/tn2_bottomleft.jpg);
	  height:115px;
	  width:115px;
	  }
	#container a.bottomright {
	  background:url(images/thumbs/tn2_bottomright.jpg);
	  height:115px;
	  width:115px;
	  }
	#container ul {
 	  position:absolute;
	  width:285px;
	  height:390px;
	  top:5px;
	  left:30px;
	  float:left;
	  margin:5px;
	  }
	#container li {
	  float:left;
	  }
	#container a.gallery:hover {
	  border:1px solid #fff;
	  }

/* enlarged image starts here */

	#container a.gallery:hover span {
	  position:absolute;      
	  width:440px;
	  height:390px;
	  top:0px;
	  left:275px;
	  right:0px;
	  color:#000;
	  background:#fff;
	  }
	#container a.gallery img {
	  border:0px solid #fff;
	  float:left;
	  }