<style type="text/css">

.a, .a:visited {color:#000;}

#slideshow_container {
	position:relative; 
	left: 0px;
	top:10px;
	width:829px; 
	height:382px; 
	background: #fff;
	border:0px solid #000; 
	margin:0px auto;
}
/*
#slideshow_container b {
	font-weight:normal; 
	width:600px; 
	text-align:center; 
	position:absolute; 
	bottom:250px; 
	left:0; 
	color:#eee; 
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
	letter-spacing:1px; 
	line-height:1.7em; z-index:1;
}
*/
#lrg_image_container {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:410px; /* 600px; */
	height:382px; /* #888; */
	background-color: #fff;
	border:1px solid #cccccc;
	background-image: url(../images/lrg_image_11.jpg);
 
}
#rhs_container{
	position: absolute;
	top: -1px;
	height: 382px;
	left: 418px;
	width: 410px;
	border: 1px solid #cccccc;/* colour R-00 G-00 B-00 black */
	/*background-image: url(../images/homeimage.jpg);*/
}
#title_container {
	position:absolute;
	top:0px;
	left:0px;
	width:410px; 
	height:73px; 
	background-color: #fff;
	background-image: url(../images/gallerytitle.jpg);
	border:0px solid #000; 
	margin:0px 2px 2px 0px;
}
#thumbnail_container {
	position:absolute;
	top:75px;
	left:0px;
	width:410px; 
	height:230px; 
	background: #fff; 
	border:0px solid #000; 

	margin:0px 2px 0px 0px;
}

/* LARGE IMAGE CONTAINER APPEARS WHEN THUMBNAIL IS ROLLOVER*/

a.gallery span {
	visibility:hidden; 
	position:absolute; 
	display:block; 
	top: 0px; 
	left:0px; 
	width:410px;
	height:382px; 
	color:#000; 
	background:#ddd; 
	text-align:center; 
	border:0px solid #8ff; 
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
	letter-spacing:1px; 
	cursor:default;
}
a.gallery, a.gallery:visited {
	position:relative; 
	float: left;
	display:inline; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #cccccc; 
	width:60px; 
	height:60px; 
	margin:7px 10px; 
	cursor:default;
}

a.slidea {background:url(../images/tml_image_11.jpg);}
a.slideb {background:url(../images/tml_image_12.jpg);}
a.slidec {background:url(../images/tml_image_04.jpg);}
a.slided {background:url(../images/tml_image_09.jpg);}
a.slidee {background:url(../images/tml_image_10.jpg);}

a.slidef {background:url(../images/tml_image_13.jpg);}
a.slideg {background:url(../images/tml_image_06.jpg);}
a.slideh {background:url(../images/tml_image_01.jpg);}
a.slidei {background:url(../images/tml_image_03.jpg);}
a.slidej {background:url(../images/tml_image_07.jpg);}


a.slidea span {left:-542px; top:-71px;}
a.slideb span {left:-624px; top:-71px;}
a.slidec span {left:-706px; top:-71px;}
a.slided span {left:-542px; top:-147px;}
a.slidee span {left:-624px; top:-147px;}
a.slidef span {left:-706px; top:-147px;}
a.slideg span {left:-542px; top:-223px;}
a.slideh span {left:-624px; top:-223px;}
a.slidei span {left:-706px; top:-223px;}
a.slidej span {left:-542px; top:-299px;}


/* THUMBNAIL BORDER WHEN HOVERED OVER - EFFECTS ALL THE LAYOUT */

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

/* WHEN THUMBNAIL IS HOVERED THIS KICKS IN ON THE LARGE IMAGE */

a.gallery:hover span img {margin:0px; border:0px solid #000; position:relative; z-index:100;}

/* CHANGES THUMBNAIL BORDER */

a.gallery:active, a.gallery:focus {border:1px solid #000; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

/* WHEN IMAGE IS CLICKED THIS KICKS IN */

a.gallery:active span img, a.gallery:focus span img {border:0px solid #000; position:relative; margin:0px; z-index:10;}


</style>

