/* CSS Document */
/* for the Photo page */

/* set the font and center the #container div in Internet Explorer */
body 
{
   text-align:center; 
   font-family: tahoma, arial, sans-serif; 
   font-size:76%; 
   letter-spacing:0.05em;
}

/* The containing box for the gallery. */
#container 
{
    background:url(../images/slideshow/slides/PICT0236.jpg) 75px 10px no-repeat ;
    position:relative; 
    width:650px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid black;
}
div.instructions 
{
	position:absolute;
	width:254px;
	height:50px;
	z-index:0;
	left: 68px;
	top: 317px;
	color: white;
}

/* Removing the list bullets and indentation */
#container ul 
{
    padding:0; 
    margin:0; 
    list-style-type:none; 
}


/* Remove the images and text from sight */
#container a.gallery span 
{
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:black;
}

/* Add the thumbnail images */
/* 
a images/slideshow/thumbs/ron_chris.jpg
b images/slideshow/thumbs/Ron_Eric.jpg
c images/slideshow/thumbs/jam.jpg
d images/slideshow/thumbs/Sorrento_2006_010.jpg
e images/slideshow/thumbs/rp0207.jpg
f images/slideshow/thumbs/BCSW2007-0042.jpg
g images/slideshow/thumbs/rp0307g.jpg
h images/slideshow/thumbs/rp0307e.jpg
i images/slideshow/thumbs/Sorrento_2006_005.jpg
j images/slideshow/thumbs/Sorrento_2006_006.jpg
k images/slideshow/thumbs/onStage2.jpg
l images/slideshow/thumbs/django.jpg
*/
#container a.gallery, #container a.gallery:visited 
{
    display:block; 
    color:white; 
    text-decoration:none; 
    border:1px solid #666666; /* dark gray */
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
}
	
#container a.slidea 
{
    background:url(../images/slideshow/thumbs/ron_chris.jpg); 
    height:60px; 
    width:93px;
}
#container a.slideb 
{
    background:url(../images/slideshow/thumbs/Ron_Eric.jpg); 
    height:60px; 
    width:93px;
}
#container a.slidec 
{
    background:url(../images/slideshow/thumbs/jam.jpg); 
    height:93px; 
    width:60px;
}
#container a.slided 
{
    background:url(../images/slideshow/thumbs/Sorrento_2006_010.jpg); 
    height:93px; 
    width:60px;
}

* html #container a.slided 
{
    width:91px; 
    w\idth:93px;
}

#container a.slidee 
{
	background:url(../images/slideshow/thumbs/rp0207.jpg);
    height:93px; 
    width:60px;
}
#container a.slidef 
{
    background:url(../images/slideshow/thumbs/BCSW2007-0042.jpg); 
    height:60px; 
    width:93px;
}

* html #container a.slidef 
{
	width:91px; 
	w\idth:93px;
}

#container a.slideg 
{
    background:url(../images/slideshow/thumbs/rp0307g.jpg); 
    height:60px; 
    width:93px;
}
#container a.slideh 
{
    background:url(../images/slideshow/thumbs/rp0307e.jpg); 
    height:93px; 
    width:60px;
}
#container a.slidei 
{
    background:url(../images/slideshow/thumbs/Sorrento_2006_005.jpg); 
    height:93px; 
    width:60px;
}
#container a.slidej 
{
    background:url(../images/slideshow/thumbs/Sorrento_2006_006.jpg); 
    height:93px; 
    width:60px;
}
#container a.slidek 
{
    background:url(../images/slideshow/thumbs/onStage2.jpg); 
    height:60px; 
    width:93px;
}
/*
* html #container a.slidek 
{
    width:91px; 
    w\idth:93px;
}
*/
#container a.slidel 
{
    background:url(../images/slideshow/thumbs/django.jpg); 
    height:60px; 
    width:93px;
} 
/* set the size of the unordered list to neatly house the thumbnails */
#container ul 
{
    width:198px; 
    height:386px;
    margin:5px; 
    float:right;
}
#container li 
{
    float:left;
}
	
	/* change the thumbnail border color */
#container a.gallery:hover 
{
    border:1px solid white; 
}

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:372px; 
    top:10px; 
    left:75px; 
	left: 10px;
    color: white;
    background:black;
	overflow:visible;
    }
#container a.gallery:hover img 
{
    border:1px solid white; 
    float:left; 
    margin-right:5px;
}
#container a.slideb:hover img, #container a.slidei:hover img 
{
    float:right;
}