/* CSS Document */

/* needed for IE to make :active state work first time */
#thumbs a, #thumbs a:visited {color:#000000;} 

/* thumbnail containers*/
a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	border:1px solid #000;
	width:80px;
	height:60px;
	float:right;
	margin:10px;
}
a.gallery em {display:none;}
a.gallery:hover {border:1px solid #fff;}

a.slidea {background-image:url(../Gallery/tn_conservatorybrown.jpg);}
a.slideb {background-image:url(../Gallery/tn_conservatorybrownflat.jpg);}
a.slidec {background-image:url(../Gallery/tn_conservatoryinside.jpg);}
a.slided {background-image:url(../Gallery/tn_conservatorywhite.jpg);}
a.slidee {background-image:url(../Gallery/tn_doorwhite.jpg);background-repeat: no-repeat;background-position: center;}
a.slidef {background-image:url(../Gallery/tn_doorblue.jpg);background-repeat: no-repeat;background-position: center;}
a.slideg {background-image:url(../Gallery/tn_windowflower.jpg);}
a.slideh {background-image:url(../Gallery/tn_windowbungalow.jpg);}
a.slidei {background-image:url(../Gallery/tn_windowsashedwardian.jpg);background-repeat: no-repeat;background-position: center;}
a.slidej {background-image:url(../Gallery/tn_windowsashgeorgian.jpg);}

/* Main container*/
#frame {position:relative; width:529px; height:500px; background-color: #fefbf6;}
#frame img {border:0;}

/*container for thumbnails*/
#thumbs {position:absolute; left:16px; bottom:20px;}

a.gallery:hover {color:#000;background-color: #00FF33;}
a.gallery:active, a.gallery:focus {border:1px solid #000;}
/*Main Image Frame - To get the frame to fit the image make it samller then the image*/
a.gallery:active em, a.gallery:focus em {
	display:block;
	position:absolute;
	top:-280px;
	left:90px;
	padding:5px;
	border:1px solid #4a241a;
	text-align: center;
}
#gallerytext {}