/*-------------------------------------------------------*/
/*---Main Container--------------------------------------*/
/*-------------------------------------------------------*/

#frame {
position:relative;
width:615px;
height:449px;
margin:10px auto;
padding: 0px;
}

/*-------------------------------------------------------*/
/*---Default Text/Image----------------------------------*/
/*-------------------------------------------------------*/

#frame p {
font-weight:normal;
width:615px;
text-align:center;
position:absolute;
bottom:300px;
left:0;
letter-spacing:1px;
line-height:1.7em;
z-index:1;
}

/*-------------------------------------------------------*/
/*---Thumbnail Container Size, Shape, Position, Etc------*/
/*-------------------------------------------------------*/

a.gallery, a.gallery:visited {
display:inline;
color:#00FF00;
text-decoration:none;
border:1px solid #000;
width:75px;
height:75px;
margin:6px 5px;
position:relative;
cursor:default;
}

a.left {float:left;}
a.right {float:right;}

/*-------------------------------------------------------*/
/*---Thumbnail Container on MouseOver--------------------*/
/*-------------------------------------------------------*/

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

/*-------------------------------------------------------*/
/*---Thumbnail Container while Selected (clicked)--------*/
/*-------------------------------------------------------*/

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

/*-------------------------------------------------------*/
/*---Thumbnail Image-------------------------------------*/
/*-------------------------------------------------------*/

a.gallery img {border: 0px;}

/*-------------------------------------------------------*/
/*---Enlarged Image Container----------------------------*/
/*-------------------------------------------------------*/

a.gallery span {
visibility:hidden;
display:block;
position:absolute;
width:437px;
height:437px;
top:189px;
left:9px;
color:#000;
background:#FFF;
text-align:center;
border:1px solid #000;
letter-spacing:1px;
cursor:default;
}

/*-------------------------------------------------------*/
/*---Positioning of Enlarged Image Containers------------*/
/*-------------------------------------------------------*/

a.slide0 span {left:82px; top:-2px;}
a.slide1 span {left:-446px; top:-2px;}
a.slide2 span {left:82px; top:-92px;}
a.slide3 span {left:-446px; top:-92px;}
a.slide4 span {left:82px; top:-182px;}
a.slide5 span {left:-446px; top:-182px;}
a.slide6 span {left:82px; top:-272px;}
a.slide7 span {left:-446px; top:-272px;}
a.slide8 span {left:82px; top:-362px;}
a.slide9 span {left:-446px; top:-362px;}

/*-------------------------------------------------------*/
/*---Enlarged Image Container on MouseOver---------------*/
/*-------------------------------------------------------*/

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

/*-------------------------------------------------------*/
/*---Enlarged Image on MouseOver-------------------------*/
/*-------------------------------------------------------*/

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

/*-------------------------------------------------------*/
/*---Enlarged Image Container while Selected (clicked)---*/
/*-------------------------------------------------------*/

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

/*-------------------------------------------------------*/
/*---Enlarged Image while Selected (clicked)-------------*/
/*-------------------------------------------------------*/

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