/* CSS Document */
/*http://www.cssplay.co.uk/menu/scroll_gallery#nogo scrolling photo gallery howto*/
/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}
#holder {position:relative;
	background:transparent url(Images/CMTPhotos/house1.jpg) 20px 50px no-repeat;
	border:#FFFFFF 3px;
	width:680px;
	height:680px; /*height of big photo + 30 (borders + text) */
	margin-bottom:10px;
	z-index:1;}
#scrollbox {width:640px; /*min-width of center section -20px*/
	height:90px; /*height of thumbs + margins, padding, borders*/
	background:#f4f4f4;
	overflow:auto;
	border:1px solid #aaa;
	margin-left:20px;} /* (width of center section - scrollbox)/2 */
a.gallery, a.gallery:visited {display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:75px; /* thumb width */
	height:56px; /* thumb height */
	margin:0px;
	float:left;
	font-size:11px;}
a.slidea {background:url(Images/CMTPhotos/house2thm.jpg);}
a.slideb {background:url(Images/CMTPhotos/view2thm.jpg);}
a.slidec {background:url(Images/CMTPhotos/house3thm.jpg);}
a.slided {background:url(Images/CMTPhotos/house4thm.jpg);}
a.slidee {background:url(Images/CMTPhotos/house5thm.jpg);}
a.slidef {background:url(Images/CMTPhotos/view1thm.jpg);}
a.slideg {background:url(Images/CMTPhotos/bed1thm.jpg);}
a.slideh {background:url(Images/CMTPhotos/bed2thm.jpg);}
a.slidei {background:url(Images/CMTPhotos/bed3thm.jpg);}
a.slidej {background:url(Images/CMTPhotos/bed4thm.jpg);}
a.slidek {background:url(Images/CMTPhotos/bed5thm.jpg);}
a.slidel {background:url(Images/CMTPhotos/bed6thm.jpg);}
a.slidem {background:url(Images/CMTPhotos/bed7thm.jpg);}
a.sliden {background:url(Images/CMTPhotos/bath1thm.jpg);}
a.slideo {background:url(Images/CMTPhotos/bath2thm.jpg);}
a.slidep {background:url(Images/CMTPhotos/bath3thm.jpg);}
a.slideq {background:url(Images/CMTPhotos/dining1thm.jpg);}
a.slider {background:url(Images/CMTPhotos/kitchen1thm.jpg);}
a.slides {background:url(Images/CMTPhotos/living1thm.jpg);}
a.slidet {background:url(Images/CMTPhotos/tv1thm.jpg);}
a.slideu {background:url(Images/CMTPhotos/tv2thm.jpg);}
a.slidev {background:url(Images/CMTPhotos/guest1thm.jpg);}
a.slidew {background:url(Images/CMTPhotos/guest2thm.jpg);}
a.slidex {background:url(Images/CMTPhotos/guest3thm.jpg);}
a.slidey {background:url(Images/CMTPhotos/guest4thm.jpg);}
a.slidez {background:url(Images/CMTPhotos/guest5thm.jpg);}
a.slide1 {background:url(Images/CMTPhotos/guest8thm.jpg);}
a.slide2 {background:url(Images/CMTPhotos/guest7thm.jpg);}
a.slide3 {background:url(Images/CMTPhotos/guest6thm.jpg);}

a.gallery span {display:block;
	position:absolute;
	left:10px;
	top:-1px;
	width:1px;
	height:1px;
	overflow:hidden;
	background:#efedec;
	z-index:100;
	font-size:11px;}
a.gallery:hover {white-space:normal;
	border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000;
	z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000;
	z-index:50;}
a.gallery:hover span {display:block;
	position:absolute;
	width:642px; /*big photo size +2 (borders) */
	height:510px; /*big photo height + 30 (borders + text) */
	top:40px;
	left:10px;
	padding:5px;
	font-style:italic;
	color:#000;
	background:#fff;
	z-index:100;
	font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block;
	position:absolute;
	width:642px;
	height:510px;
	top:40px;
	left:10px;
	padding:5px;
	font-style:italic;
	color:#000;
	background:#fff;
	z-index:50;
	font-size:11px;}

#thumbs {width:2630px; /* # of photos (33) x width (77) + (#photos (33) x margin(3)) + 10) */
	height:69px;} /* thumb height + 13 */
#pad {height:550px; /*height of big photos +30*/
	width:10px;}

<!--[if IE 7]>
a.gallery span {display:block;
	position:absolute;
	width:642px; /*big photo width + 2 border*/
	height:510px; /*big photo width + 30 (text + border) */
	top:49px;
	left:-99999px;
	padding:5px;
	font-style:italic;
	color:#000;
	background:#fff;
	z-index:100;
	font-size:11px;}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal;
	border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000;
	z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000;
	z-index:50;}
a.gallery:hover span {left:10px;
	z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:50px;
	z-index:50;}
<![endif]-->