/* choose a suitable font and center the #container div in Internet Explorer */
/* The containing box for the gallery. */
#container {
	position:relative;
	width:897px;
	height:396px;
	margin:45px auto 38px auto;
	background:url('images/gallery/photo000.jpg') 328px 70px no-repeat;
	}
	
	
/* LEFT */

/* Removing the list bullets and indentation */
#containerleft ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
/* Remove the images and text from sight */
#containerleft a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:5px;
	left:5px;
	overflow:hidden;
	background:#fff;
	}
/* Adding the thumbnail images */
#containerleft a.gallery, #containerleft a.gallery:visited {
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	margin:1px 2px 1px 2px;
	text-align:left;
	cursor:default;
	}
#containerleft a.slidea {
	background:url('images/gallery/thumbs/photo001.jpg');
	height:93px;
	width:60px
	}
#containerleft a.slideb {
	background:url('images/gallery/thumbs/photo002.jpg');
	height:93px;
	width:60px
	}
#containerleft a.slidec {
	background:url('images/gallery/thumbs/photo003.jpg');
	height:93px;
	width:60px
	}
#containerleft a.slided {
	background:url('images/gallery/thumbs/photo004.jpg');
	height:60px;
	width:93px
    }
* html #containerleft a.slided {
	width:91px;
	w\idth:93px;
	}
#containerleft a.slidee {
	background:url('images/gallery/thumbs/photo005.jpg');
	height:60px;
	width:93px
	}
#containerleft a.slidef {
	background:url('images/gallery/thumbs/photo006.jpg');
	height:60px;
	width:93px
	}
* html #containerleft a.slidef {
	width:91px;
	w\idth:93px;
	}
#containerleft a.slideg {
	background:url('images/gallery/thumbs/photo007.jpg');
	height:60px;
	width:93px
	}
#containerleft a.slideh {
	background:url('images/gallery/thumbs/photo008.jpg');
	height:93px;
	width:60px
	}
#containerleft a.slidei {
	background:url('images/gallery/thumbs/photo009.jpg');
	height:93px;
	width:60px
	}
#containerleft a.slidej {
	background:url('images/gallery/thumbs/photo010.jpg');
	height:93px;
	width:60px
	}
#containerleft a.slidek {
	background:url('images/gallery/thumbs/photo011.jpg');
	height:60px;
	width:93px
	}
* html #containerleft a.slidek {
	width:91px;
	w\idth:93px;
	}
#containerleft a.slidel {
	background:url('images/gallery/thumbs/photo012.jpg');
	height:60px;
	width:93px
	}
/* set the size of the unordered list to neatly house the thumbnails */
#containerleft ul {
	width:198px;
	height:386px;
	}
#containerleft li {
	float:left;
	}
/* move the thumbnails into the correct position */
#containerleft ul {
	margin:5px;
	float:left;
	}
/* change the thumbnail border color */
#containerleft a.gallery:hover {
	border:1px solid #fff;
	}
/* styling the :hover span */
#containerleft a.gallery:hover span.h {
	position:absolute;
	width:372px;
	height:372px;
	top:70px;
	left:262px;
	color:#000;
	background-color:transparent;
	}
#containerleft a.gallery:hover span.v {
	position:absolute;
	width:372px;
	height:372px;
	top:10px;
	left:328px;
	color:#000;
	background-color:transparent;
	}
#containerleft a.gallery:hover img {
	border:1px solid #fff;
	float:left;
	margin-right:5px;
	}
#containerleft a.slideb:hover img, #containerleft a.slidei:hover img {
	}
	
	
/* RIGHT */	
	
/* Removing the list bullets and indentation */
#containerright ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
/* Remove the images and text from sight */
#containerright a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:5px;
	left:5px;
	overflow:hidden;
	background:#fff;
	}
/* Adding the thumbnail images */
#containerright a.gallery, #containerright a.gallery:visited {
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	margin:1px 2px 1px 2px;
	text-align:left;
	cursor:default;
	}
#containerright a.slidea {
	background:url('images/gallery/thumbs/photo013.jpg');
	height:93px;
	width:60px
	}
#containerright a.slideb {
	background:url('images/gallery/thumbs/photo014.jpg');
	height:93px;
	width:60px
	}
#containerright a.slidec {
	background:url('images/gallery/thumbs/photo015.jpg');
	height:93px;
	width:60px
	}
#containerright a.slided {
	background:url('images/gallery/thumbs/photo016.jpg');
	height:60px;
	width:93px
    }
* html #containerright a.slided {
	width:91px;
	w\idth:93px;
	}
#containerright a.slidee {
	background:url('images/gallery/thumbs/photo017.jpg');
	height:60px;
	width:93px
	}
#containerright a.slidef {
	background:url('images/gallery/thumbs/photo018.jpg');
	height:60px;
	width:93px
	}
* html #containerright a.slidef {
	width:91px;
	w\idth:93px;
	}
#containerright a.slideg {
	background:url('images/gallery/thumbs/photo019.jpg');
	height:60px;
	width:93px
	}
#containerright a.slideh {
	background:url('images/gallery/thumbs/photo020.jpg');
	height:93px;
	width:60px
	}
#containerright a.slidei {
	background:url('images/gallery/thumbs/photo021.jpg');
	height:93px;
	width:60px
	}
#containerright a.slidej {
	background:url('images/gallery/thumbs/photo022.jpg');
	height:93px;
	width:60px
	}
#containerright a.slidek {
	background:url('images/gallery/thumbs/photo023.jpg');
	height:60px;
	width:93px
	}
* html #containerright a.slidek {
	width:91px;
	w\idth:93px;
	}
#containerright a.slidel {
	background:url('images/gallery/thumbs/photo024.jpg');
	height:60px;
	width:93px
	}
/* set the size of the unordered list to neatly house the thumbnails */
#containerright ul {
	width:198px;
	height:386px;
	}
#containerright li {
	float:left;
	}
/* move the thumbnails into the correct position */
#containerright ul {
	margin:5px;
	float:right;
	}
/* change the thumbnail border color */
#containerright a.gallery:hover {
	border:1px solid #fff;
	}
/* styling the :hover span */
#containerright a.gallery:hover span.h {
	position:absolute;
	width:372px;
	height:372px;
	top:70px;
	left:262px;
	color:#000;
	background-color:transparent;
	}
#containerright a.gallery:hover span.v {
	position:absolute;
	width:372px;
	height:372px;
	top:10px;
	left:328px;
	color:#000;
	background-color:transparent;
	}
#containerright a.gallery:hover img {
	border:1px solid #fff;
	float:left;
	margin-right:5px;
	}
#containerright a.slideb:hover img, #containerright a.slidei:hover img {
	}