/* CSS Document */



/* The containing box for the gallery. */
#gallerycontainer{
	position:relative; 
    width:752px; 
    height:404px; 
	margin:0 0 30px 0;
	padding:0px;
	border:0px;
	background: url(../images/photos/london/bg.jpg) top left no-repeat;
	/* background: url(../images/gallery/large/grannys/both.jpg) 3px 3px no-repeat; */
	}


	
/* Removing the list bullets and indentation - add size - and position */
#gallerycontainer ul.numbers{
	width:183px; 
     height:350px;
	margin-top:19px;
	float:right;
	list-style-type: none;
	text-align:right;
	padding-right:16px;
	margin-left:513px; /* This affects thumb position in IE  */
}
#gallerycontainer li.numbers{
	float:right;
	margin:0;
}


/* Remove the images and text from sight */
#gallerycontainer a.gallery span{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:-1px; 
    left:-1px;
    overflow:hidden; 
	}
	
#gallerycontainer a.gallery span img{
   margin:3px;
	}

/* Adding the thumbnail images */
#gallerycontainer a.gallery, #gallerycontainer a.gallery:visited {
    display:block; 
    text-decoration:none;
	text-align:right;
	cursor:pointer;
    }
	
#gallerycontainer a.no31 {background:url(../images/photos/london/thumbs/31.jpg); height:41px; width:61px;}
#gallerycontainer a.no30 {background:url(../images/photos/london/thumbs/30.jpg); height:41px; width:61px;}
#gallerycontainer a.no29 {background:url(../images/photos/london/thumbs/29.jpg); height:41px; width:61px;}
#gallerycontainer a.no28 {background:url(../images/photos/london/thumbs/28.jpg); height:41px; width:61px;}
#gallerycontainer a.no27 {background:url(../images/photos/london/thumbs/27.jpg); height:41px; width:61px;}
#gallerycontainer a.no26 {background:url(../images/photos/london/thumbs/26.jpg); height:41px; width:61px;}
#gallerycontainer a.no25 {background:url(../images/photos/london/thumbs/25.jpg); height:41px; width:61px;}
#gallerycontainer a.no24 {background:url(../images/photos/london/thumbs/24.jpg); height:41px; width:61px;}
#gallerycontainer a.no23 {background:url(../images/photos/london/thumbs/23.jpg); height:41px; width:61px;}
#gallerycontainer a.no22 {background:url(../images/photos/london/thumbs/22.jpg); height:41px; width:61px;}
#gallerycontainer a.no21 {background:url(../images/photos/london/thumbs/21.jpg); height:41px; width:61px;}
#gallerycontainer a.no20 {background:url(../images/photos/london/thumbs/20.jpg); height:41px; width:61px;}
#gallerycontainer a.no19 {background:url(../images/photos/london/thumbs/19.jpg); height:41px; width:61px;}
#gallerycontainer a.no18 {background:url(../images/photos/london/thumbs/18.jpg); height:41px; width:61px;}
#gallerycontainer a.no17 {background:url(../images/photos/london/thumbs/17.jpg); height:41px; width:61px;}
#gallerycontainer a.no16 {background:url(../images/photos/london/thumbs/16.jpg); height:41px; width:61px;}
#gallerycontainer a.no15 {background:url(../images/photos/london/thumbs/15.jpg); height:41px; width:61px;}
#gallerycontainer a.no14 {background:url(../images/photos/london/thumbs/14.jpg); height:41px; width:61px;}
#gallerycontainer a.no13 {background:url(../images/photos/london/thumbs/13.jpg); height:41px; width:61px;}
#gallerycontainer a.no12 {background:url(../images/photos/london/thumbs/12.jpg); height:41px; width:61px;}
#gallerycontainer a.no11 {background:url(../images/photos/london/thumbs/11.jpg); height:41px; width:61px;}
#gallerycontainer a.no10 {background:url(../images/photos/london/thumbs/10.jpg); height:41px; width:61px;}
#gallerycontainer a.no9 {background:url(../images/photos/london/thumbs/09.jpg); height:41px; width:61px;}
#gallerycontainer a.no8 {background:url(../images/photos/london/thumbs/08.jpg); height:41px; width:61px;}
#gallerycontainer a.no7 {background:url(../images/photos/london/thumbs/07.jpg); height:41px; width:61px;}
#gallerycontainer a.no6 {background:url(../images/photos/london/thumbs/06.jpg); height:41px; width:61px;}
#gallerycontainer a.no5 {background:url(../images/photos/london/thumbs/05.jpg); height:41px; width:61px;}
#gallerycontainer a.no4 {background:url(../images/photos/london/thumbs/04.jpg); height:41px; width:61px;}
#gallerycontainer a.no3 {background:url(../images/photos/london/thumbs/03.jpg); height:41px; width:61px;}
#gallerycontainer a.no2 {background:url(../images/photos/london/thumbs/02.jpg); height:41px; width:61px;}
#gallerycontainer a.no1 {background:url(../images/photos/london/thumbs/01.jpg); height:41px; width:61px;}



/* styling the hovers */
#gallerycontainer a.gallery:hover {border:0px;}
#gallerycontainer a.gallery:hover span{
	position:absolute;
	top:19px; 
    left:14px; 
    width:492px; 
    height:371px; 
	border:0px;
    }
	
#gallerycontainer a.gallery:hover span img{
	margin:3px;
    }
	


#gallerycontainer a.slideb:hover img, #gallerycontainer a.slidei:hover img {float:right;}