/* CSS Document */

/* choose a suitable font and centre the ~container div in Internet Explorer */
/**{
padding:0;
margin:0;
}

body{
 text-align: center;
 font-family: tahoma, arial, sans-serif;
 font-size: 76%;
 letter-spacing: 0.05em;
 color:#FFFFFF;
 background:#FFFFFF;
}

#wrapper {
	width: 780px;
	padding: 5px;
	border: solid #3300CC;
	margin: 10px auto 10px auto;

}

/*#container {
width:770px;
}
*/

/* The containing box for the gallery */
#photocontainer {
 position: relative;
 width: 700px;
 height: 396px;
 margin: 20px auto 0 auto;
 border: 1px solid #F8F8F8;
 background: #F8F8F8 url(../images/photcontainerbackground.gif) 75px 10px no-repeat;
}

/* Removing the list bullets and indentations */
#photocontainer ul {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }
 
 /* Remove the images and text from sight */
#photocontainer a.gallery span {
 position: absolute;
 width: 1px;
 height: 1px;
 top: 5px;
 left: 5px;
 overflow: hidden;
 background: #F8F8F8;
 }

/* Adding the thumbnail images */
#photocontainer a.gallery, #photocontainer a.gallery:visited {
 display: block;
 color: 000;
 text-decoration: none;
 border: 1px solid #000;
 margin: 1px 2px 1px 2px;
 text-align: left;
 cursor: default;
 }
#photocontainer a.slidea {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum21.jpg);
 height: 93px;
 width: 60px;
 }
 #photocontainer a.slideb {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum22.jpg);
 height: 93px;
 width: 60px;
 }
#photocontainer a.slidec {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum23.jpg);
 height: 93px;
 width: 60px;
 }
#photocontainer a.slided {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum24.jpg);
 height: 60px;
 width: 93px;
 }
*html #photocontainer a.slided {
 width: 91px;
 w\idth: 93px;
}
#photocontainer a.slidee {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum25.jpg);
 height: 60px;
 width: 93px;
 }
#photocontainer a.slidef {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum26.jpg);
 height: 60px;
 width: 93px;
}
*html #photocontainer a.slidef {
 width: 91px;
 w\idth: 93px;
}
#photocontainer a.slideg {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum27.jpg);
 height: 60px;
 width: 93px;
}
#photocontainer a.slideh {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum28.jpg);
 height: 93px;
 width: 60px;
 }
#photocontainer a.slidei {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum29.jpg);
 height: 93px;
 width: 60px;
 }
#photocontainer a.slidej {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum20a.jpg);
 height: 93px;
 width: 60px;
 }
#photocontainer a.slidek {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum21a.jpg);
 height: 60px;
 width: 93px;
 }
 * html #photocontainer a.slidek {
 width: 91px;
 w\idth: 93px;
 }
#photocontainer a.slidel {
 background: url(../MembersWork/Gal_2/Gal2_Thumbs/thum22a.jpg);
 height: 60px;
 width: 93px;
 }
 
/* set the size of the unordered list to neatly house the thumbnails */
#photocontainer ul {
 width: 198px;
 height: 386px;
 }
#photocontainer li {
 float: left;
}
/* move the thumbnails into the correct position */
#photocontainer ul {
 margin: 5px;
 float: right;
 }
 
 /* change the thumbnail border colour */
#photocontainer a.gallery:hover {
 border: 1px solid #FB0505;
}

/* styling the :hover span */
#photocontainer a.gallery:hover span {
 position: absolute;
 width: 373px;
 height: 373px;
 top: 10px;
 left: 75px;
 color: #000;
 background: #F8F8F8;
}
#photocontainer a.gallery:hover img {
 border: 1px solid #fff;
 float: left;
 margin-right: 5px;
 }
#photocontainer a.slideb:hover img, #photocontainer a.slidei:hover img {
 float: right;
}/* CSS Document */