/*
-----------------------------------------------
www.cjmdesign.com
Stylesheet:  gallery_t.css
Author:   C. Matsumura
Version:  24 April 2007 -- Asian Theme

----------------------------------------------- */
/*  Image Gallery Styles- */

p {
	color:#000;  
}

/* The containing box for the image gallery. */
#thumb_container {
	position:relative;  
	width:530px;
	height:370px; 				/* cjm 03-13-07 */
	margin:0px auto 0 auto;
	background-color:#fff;
/*	border-bottom: 1px solid #000;  */
    }   
/* Removing the list bullets and indentation */
#thumb_container ul {
    padding:0; 
    margin:0; 
    list-style-type:none;
    }	
/* Remove the images and text from sight
	set left margin so 1x1 pixel does not show */
#thumb_container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:3px;
	left:-9999px;
	overflow:hidden;
	background:#fff;
    }	
/* Adding the thumbnail images */
#thumb_container a.gallery, #thumb_container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #ccc; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#thumb_container a.image01 {
    background:  url(images/thumbs/thumb1_t.jpg); 
    width:50px;
    height:50px; 
    }
#thumb_container a.image02 {
    background:  url(images/thumbs/thumb2_t.jpg); 
    width:50px;
    height:50px; 
    }
#thumb_container a.image03 {
    background:  url(images/thumbs/thumb3_t.jpg); 
    width:50px;
    height:50px; 
    }	
#thumb_container a.image04 {
    background:  url(images/thumbs/thumb4_t.jpg); 
    width:50px;
    height:50px; 
    }	
#thumb_container a.image05 {
    background:  url(images/thumbs/thumb5_t.jpg); 
    width:50px;
    height:50px; 
    }
#thumb_container a.image06 {
    background:  url(images/thumbs/thumb6_t.jpg); 
    width:50px;
    height:50px; 
    }
#thumb_container a.image07 {
    background:  url(images/thumbs/thumb7_t.jpg); 
    width:50px;
    height:50px; 
    }
#thumb_container a.image08 {
    background:  url(images/thumbs/thumb8_t.jpg); 
    width:50px;
    height:50px; 
    }
#thumb_container a.image09 {
    background:  url(images/thumbs/thumb9_t.jpg); 
    width:50px;
    height:50px; 
    }
#thumb_container a.image10 {
    background:  url(images/thumbs/thumb10_t.jpg); 
    width:50px;
    height:50px; 
    }
	
	
/* set the size of the unordered list to neatly house the thumbnails */
#thumb_container ul {
    width:113px; 
    height:350px;
/*	border: 1px solid #fff;  */
    }
/* float the thumbnails left within the list */
#thumb_container li {
    float:left;
    }
/* move the thumbnails into the correct position */
#thumb_container ul {
    margin:5px;
	padding:0 0 0 14px;
    float:right;
    }
/* change the thumbnail border color on hover */
#thumb_container a.gallery:hover {
    border:1px solid #000; 
    }
/* styling the :hover span */
#thumb_container a.gallery:hover span, #thumb_container a.gallery:focus span {
    position:absolute; 
    width:400px;     /*   cjm 3-13-07   */
    height:380px; 
    top:0px; 
    left:5px;     /*   cjm 3-13-07   */
    color:#000; 
    background:#fff;
    }
#thumb_container a.gallery:hover img, #thumb_container a.gallery:focus img {
    border:1px solid #fff; 
    float:left;  				 /* cjm 03-13-07 */
    margin-right:5px;
/*	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #999;
	border-bottom:1px solid #999; */
    }
/*  white color behind gallery
         need to match positioning with photos */
#thumb_container {
	background:#fff url(images/thumbs/thumbs_title.jpg) no-repeat 5px 0px;   
    }