#container {
    position:relative;
    width:580px;
    height:295px;
    margin: 0;
    }

#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
	 

	#container a.gallery span {
    position:absolute;
    width:0px;
    height:0px;
    top:0px;
    left:0px;
    overflow:hidden;
   /* background:#fff;*/
	 }
	 
#maincol #gallery #container a.gallery span h1{
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	border-bottom: 0;
	margin-top: 5px; 
}
	 
	 
	 
	 
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:3px solid #fbfbf5;
	 margin: 0;
	 padding: 0;
    text-align:left;
    cursor:pointer;
	 }
	 
#container a.gallery img{
	display: block;
	margin: 0; padding: 0;
}
	 

#container a.slidea {
    background:url(../images/gallery/p1_t.jpg) no-repeat;
    height:60px;
    width:100px;
	 }
#container a.slideb {
    background:url(../images/gallery/p2_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slidec {
    background:url(../images/gallery/p3_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slided {
    background:url(../images/gallery/p4_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }

#container a.slidee {
    background:url(../images/gallery/p5_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
	 
#container a.slide6 {
    background:url(../images/gallery/p6_t.jpg) no-repeat;
    height:60px;
    width:100px;
	 }
#container a.slide7 {
    background:url(../images/gallery/p7_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slide8 {
    background:url(../images/gallery/p8_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slide9 {
    background:url(../images/gallery/p9_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }

#container a.slide10 {
    background:url(../images/gallery/p10_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slide11 {
    background:url(../images/gallery/p11_t.jpg) no-repeat;
    height:60px;
    width:100px;
	 }
#container a.slide12 {
    background:url(../images/gallery/p12_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slide13 {
    background:url(../images/gallery/p13_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slide14 {
    background:url(../images/gallery/p14_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }

#container a.slide15 {
    background:url(../images/gallery/p15_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
#container a.slide16 {
    background:url(../images/gallery/p16_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
#container a.slide17 {
    background:url(../images/gallery/p17_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
#container a.slide18 {
    background:url(../images/gallery/p18_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
#container a.slide19 {
    background:url(../images/gallery/p19_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
#container a.slide20 {
    background:url(../images/gallery/p20_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
#container a.slide21 {
    background:url(../images/gallery/p21_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
#container a.slide22 {
    background:url(../images/gallery/p22_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
#container a.slide23 {
    background:url(../images/gallery/p23_t.jpg) no-repeat;
    height:60px;
    width:100px;
    }
	 
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:98px;
    height:300px;
	 }

#maincol #container li {
	list-style: none;	
    margin: 0 0 5px 0;
	 padding: 0;
    }
	 
	 /* move the thumbnails into the correct position */
#container ul {
    margin:0px;
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:3px solid #e5e5e5;
    }

	 
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:423px;
    height:250px;
   /* top:10px;
    left:10px;*/
	 padding: 16px;
    color:#000;
    background: #fbfbf5;
	 /*border: 1px solid lime;*/
    }

#container a.gallery:hover img {
    border: 0;
    display: block;	 
    margin-right:0px;
    }

#container { 
    background: url(../images/gallery/rock_bg.jpg) no-repeat left top; 
   }