/* The containing box for the gallery. */
#container {
	position:relative;
	width:850px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/CC-Logo-PhotoGallery.jpg);
	background-repeat: no-repeat;
	background-position: 140px 60px;
	background-color: #FFFFFF;
	height: 340px;
	padding: 0px;
    }
#container li {
    float:left;
    }
/* move the thumbnails into the correct position */
#container ul {
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 310px;
	width: 210px;
	list-style-type: none;
	padding: 0px;
    }
	
/* 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;
	text-align:left;
	cursor:default;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
    }
#container a.slidea {
	height:60px;
	width:93px;
	background-image: url(../images/40-image-01-TN.jpg);
    }
#container a.slideb {
	height:60px;
	width:93px;
	background-image: url(../images/40-image-02-TN.jpg);
    }
#container a.slidec {
	height:60px;
	width:93px;
	background-image: url(../images/40-image-03-TN.jpg);
    }
#container a.slided {
	height:60px;
	width:93px;
	background-image: url(../images/40-image-04-TN.jpg);
    }
* html #container a.slided {
    width:91px;
    w\idth:93px;
    }
#container a.slidee {
	height:60px;
	width:93px;
	background-image: url(../images/40-image-05-TN.jpg);
    }
#container a.slidef {
	height:60px;
	width:93px;
	background-image: url(../images/57-image-01-TN.jpg);
    }
* html #container a.slidef {
    width:91px;
    w\idth:93px;
    }
#container a.slideg {
	height:60px;
	width:93px;
	background-image: url(../images/57-image-02-TN.jpg);
    }
#container a.slideh {
	height:60px;
	width:93px;
	background-image: url(../images/57-image-03-TN.jpg);
    }
#container a.slidei {
	height:60px;
	width:93px;
	background-image: url(../images/57-image-04-TN.jpg);
    }
#container a.slidej {
	height:60px;
	width:93px;
	background-image: url(../images/57-image-05-TN.jpg);
    }
#container a.slidek {
	height:60px;
	width:93px;
    }
* html #container a.slidek {
    width:91px;
    w\idth:93px;
    }
#container a.slidel {
	height:60px;
	width:93px;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
	border:1px solid #000000;
    }
	
/* styling the :hover span */
#container a.gallery:hover span {
	position:absolute;
	width:550px;
	height:300px;
	top:10px;
	left:0px;
	color:#000;
    }	
#container a.gallery:hover img {
	border:1px solid #000000;
	float:left;
	margin-right:10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    }
#container a.slideb:hover img, #container a.slidei:hover img {
	float:left;
    }