<style type="text/css">
/* choose a suitable font and center the #container div in Internet Explorer */
body {}

/* The containing box for the gallery. */
#container {position:relative; width:750px; height:375px; background:#fff url(images/photo_portfolio/portback.jpg) no-repeat 315px 50px;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:265px; height:425px; padding:0;  margin:10px; list-style-type:none;  overflow:scroll; sscrollbar-base-color: #fffff;
scrollbar-arrow-color: #c3c2c2;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #443266;
scrollbar-highlight-color: #fffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
float:left;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	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; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slide1 {background:url(images/photo_portfolio/toweroflondon2_thumb.jpg); height:75px; width:75px;}
#container a.slide2 {background:url(images/photo_portfolio/towerbridge_thumb.jpg); height:75px; width:75px;}
#container a.slide3 {background:url(images/photo_portfolio/york_thumb.jpg); height:75px; width:75px;}
#container a.slide4 {background:url(images/photo_portfolio/edinburghbus_thumb.jpg); height:75px; width:75px;}
#container a.slide5 {background:url(images/photo_portfolio/toweroflondon_thumb.jpg); height:75px; width:75px;}
#container a.slide6 {background:url(images/photo_portfolio/edinburgh_thumb.jpg); height:75px; width:75px;}
#container a.slide7 {background:url(images/photo_portfolio/chicagolighthouse_thumb.jpg); height:75px; width:75px;}
#container a.slide8 {background:url(images/photo_portfolio/navypier_thumb.jpg); height:75px; width:75px;}
#container a.slide9 {background:url(images/photo_portfolio/navypier2_thumb.jpg); height:75px; width:75px;}
#container a.slidea {background:url(images/photo_portfolio/horse1_thumb.jpg); height:75px; width:75px;}
#container a.slideb {background:url(images/photo_portfolio/horse2_thumb.jpg); height:75px; width:75px;}
#container a.slidec {background:url(images/photo_portfolio/horse3_thumb.jpg); height:75px; width:75px;}
#container a.slided {background:url(images/photo_portfolio/horse4_thumb.jpg); height:75px; width:75px;}
#container a.slidee {background:url(images/photo_portfolio/horse5_thumb.jpg); height:75px; width:75px;}
#container a.slidef {background:url(images/photo_portfolio/dc_mall_thumb.jpg); height:75px; width:75px;}
#container a.slideg {background:url(images/photo_portfolio/wash_mon_thumb.jpg); height:75px; width:75px;}
#container a.slideh {background:url(images/photo_portfolio/carousel_thumb.jpg); height:75px; width:75px;}
#container a.slidei {background:url(images/photo_portfolio/carousel2_thumb.jpg); height:75px; width:75px;}
#container a.slidej {background:url(images/photo_portfolio/bench_thumb.jpg); height:75px; width:75px;}
#container a.slidek {background:url(images/photo_portfolio/aiden_thumb.jpg); height:75px; width:75px;}
#container a.slidel {background:url(images/photo_portfolio/aiden2_thumb.jpg); height:75px; width:75px;}
#container a.slidem {background:url(images/photo_portfolio/squirrel_thumb.jpg); height:75px; width:75px;}
#container a.sliden {background:url(images/photo_portfolio/fountain_thumb.jpg); height:75px; width:75px;}
#container a.slideo {background:url(images/photo_portfolio/frank1_thumb.jpg); height:75px; width:75px;}
#container a.slidep {background:url(images/photo_portfolio/frank2_thumb.jpg); height:75px; width:75px;}
#container a.slideq {background:url(images/photo_portfolio/frank3_thumb.jpg); height:75px; width:75px;}
#container a.slider {background:url(images/photo_portfolio/cat2_thumb.jpg); height:75px; width:75px;}
#container a.slides {background:url(images/photo_portfolio/nukii_thumb.jpg); height:75px; width:75px;}
#container a.slidet {background:url(images/photo_portfolio/thumper2_thumb.jpg); height:75px; width:75px;}
#container a.slideu {background:url(images/photo_portfolio/elephant_thumb.jpg); height:75px; width:75px;}
#container a.slidev {background:url(images/photo_portfolio/lion_thumb.jpg); height:75px; width:75px;}
#container a.slidew {background:url(images/photo_portfolio/orang_thumb.jpg); height:75px; width:75px;}
#container a.slidex {background:url(images/photo_portfolio/panda_thumb.jpg); height:75px; width:75px;}
#container a.slidey {background:url(images/photo_portfolio/orang2_thumb.jpg); height:75px; width:75px;}
#container a.slidez {background:url(images/photo_portfolio/seagull_thumb.jpg); height:75px; width:75px;}
#container a.slideaa {background:url(images/photo_portfolio/washington_monument_thumb.jpg); height:75px; width:75px;}
#container a.slideab {background:url(images/photo_portfolio/lincoln_mem_thumb.jpg); height:75px; width:75px;}
#container a.slideac {background:url(images/photo_portfolio/dc_thumb.jpg); height:75px; width:75px;}
#container a.slidead {background:url(images/photo_portfolio/hotel_thumb.jpg); height:75px; width:75px;}
#container a.slideae {background:url(images/photo_portfolio/beach_thumb.jpg); height:75px; width:75px;}
#container a.slideaf {background:url(images/photo_portfolio/beach2_thumb.jpg); height:75px; width:75px;}
#container a.slideag {background:url(images/photo_portfolio/beach3_thumb.jpg); height:75px; width:75px;}
#container a.slideah {background:url(images/photo_portfolio/crab_thumb.jpg); height:75px; width:75px;}
#container a.slideai {background:url(images/photo_portfolio/DSC_0055_thumb.jpg); height:75px; width:75px;}


/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:400px; height:375px; top:35px; left:315px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
