/* Credit for styling for this photo album: Stu Nicholls and CSS play.*/

body {font-family: tahoma; arial, sans-serif;
	   font-size:76%; 
	   letter-spacing:0.05em; 
	   } 
ul {background-color: white;
	}
li {font-family: tahoma; arial, sans-serif;
	font-size: 10pt }
td {font-family: tahoma; arial, sans-serif;
	font-size: 10pt }
/* background for the containing box. */
#containerbg {
	z-index:1;
	position:absolute;
	left:100px;
	top:190px;
    width:700px; 
    height:396px; 
	background-color:#fff;
	}

/* The containing box for the gallery. */ 
#container { 
    /* text-align:center; */ 
    /* position:relative; */
	z-index:2;
	position:absolute;
	left:100px;
	top:170px;
    width:700px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
	} 
	
/* The containing box for the page numbers. */ 
#pages { 
	position:absolute;
	left:100px;
	top:170px;
    width:700px; 
    height:70px; 
	} 	
	/* The containing box for the footer. */ 
#footer { 
    text-align:center; 
    /* position:relative; */
	position:absolute;
	left:100px;
	top:590px;
    width:700px; 
    height:140px; 
	} 
	
/* 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:#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; 
    } 
/* page 1 */
#container a.slidea { 
    background:url(album/HT_bax.jpg); 
    height:60px; 
    width:93px; 
    }
#container a.slideb { 
    background:url(album/HT_sucasa01.jpg); 
    height:60px; 
    width:93px; 
    } 
#container a.slidec { 
    background:url(album/VT_downthere.jpg); 
    height:93px; 
    width:60px; 
    }		
#container a.slided { 
    background:url(album/VT_whoseturn.jpg); 
    height:93px; 
    width:60px; 
    } 
#container a.slidee { 
    background:url(album/VT_0119.jpg); 
    height:93px; 
    width:60px; 
    } 
#container a.slidef { 
    background:url(album/HT_tub.jpg); 
    height:60px; 
    width:93px; 
    } 
#container a.slideg { 
    background:url(album/HT_sucasa02.jpg); 
    height:60px; 
    width:93px; 
    } 
#container a.slideh { 
    background:url(album/VT_huh.jpg); 
    height:93px; 
    width:60px; 
    } 
#container a.slidei { 
    background:url(album/VT_friends.jpg); 
    height:93px; 
    width:60px; 
    } 
#container a.slidej { 
    background:url(album/VT_feelathome.jpg); 
    height:93px; 
    width:60px; 
    } 
#container a.slidek { 
    background:url(album/HT_playhouse.jpg); 
    height:60px; 
    width:93px; 
    } 
#container a.slidel { 
    background:url(album/HT_dscn1250.jpg); 
    height:60px; 
    width:93px; 
    }  
	
/* set the size of the unordered list to neatly house the thumbnails */ 
#container ul { 
    width:198px; 
    height:386px; 
    } 
#container li { 
    float:left; 
    } 	
/* move the thumbnails into the correct position */ 
#container ul { 
    margin:5px; 
    float:right; 
    } 
/* change the thumbnail border color */ 
#container a.gallery:hover { 
    border:1px solid #fff; 
    } 
/* styling the :hover span */ 
#container a.gallery:hover span { 
    position:absolute; 
	/*width:20px; */
	width:372px;
	height:372px; 
    top:10px; 
    left:75px; 
    color:#000; 
    background:#fff; 
    } 
#container a.gallery:hover img { 
    border:1px solid #fff; 
    float:left; 
    margin-right:5px; 
	} 
/* #container a.slideb:hover img, 
#container a.slidei:hover img { 
   float:right; 
   } */ 
		
#container { 
    background:#fff url(album/bg_respect.jpg) 75px 30px no-repeat; 
    }