@charset "utf-8";
/* CSS Document */

#default_pic {
		background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/A_Moment_s_Rest_pastel_24x18.T.jpg&dst_h=400&dst_w=400);
		background-repeat: no-repeat;
		background-position:top left;
		position:absolute;
		top:10px;
		left:15px;
		height:500px;
		width:500px;
		visibility:visible;
					}

	
/* The containing box for the gallery. */ 
	#container {
		position:relative;
		width:770px;
		height:650px;
		margin:20px auto 0 auto;
		border:1px solid #ffffff;
		background-color:#fff;
		} 

/* set the size of the unordered list to neatly house the thumbnails */ 
	#container ul { 
	    width:198px; 
	    height:386px; 
		/* move the thumbnails into the correct position */ 
	    margin: 10px 10px auto 5px; 
	    float:right;
		/* Removing the list bullets and indentation */ 
		padding:0;  
	    list-style-type:none;   } 
	#container li { 
	    float:left; 
	    } 

	
/* 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; 
		/*background-color:#000000;*/
	    text-decoration:none; 
	    border:1px solid #fff; 
	    margin:1px 2px 1px 2px; 
	    text-align:left; 
	    cursor:pointer; 
	    } 
	#container a.slidea {
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Emily_12x15_pastel.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    } 
	
	#container a.slideb { 
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/The_Moppies_pastel_18x24.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    }
		
	#container a.slidec { 
	height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/A_Moment_s_Rest_pastel_24x18.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    }
	
	#container a.slided {
	height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Afternoon_Solo_Place_Royale_24x18_Pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    } 
	* html #container a.slided { 
	    width:93px; 
	    w\idth:93px; 
	    } 
	#container a.slidee { 
    height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Brushing_the_cat.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    }
	
	#container a.slidef { 
	height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Cat_in_Aigues-Mortes.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    } 
	* html #container a.slidef { 
   		 width:60px; 
    	 w\idth:93px;
	}
	#container a.slideg { 
	height:88px;
	width:93px;
	background-image:url(../PHP/imageResize.php?path=../images/portraits-figures/Copper_pastel_T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center; 
	    }
	
	#container a.slideh { 
    height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Isabel_pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    }
	
	#container a.slidei { 
    height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Morning_Coffee_19-03-2008.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    } 
	
	#container a.slidej { 
	height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Nude_on_White_Sheet_24x18_pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    } 
	    #container a.slidek { 
	height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Rosalie_24x18_pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	
	    } 
	* html #container a.slidek { 
	    width:91px; 
	    w\idth:93px; 
	    }
	 #container a.slidel { 
	height:88px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Sunbathing_pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	
	    } 	 
	
	 #container a.slidem { 
	height:93px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Taking_the_Shade_in_Collioure_22x18_pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	
	    } 
		#container a.sliden { 
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/portraits-figures/Nimue_18x20_pastel.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: top center;
	    }	

/* change the thumbnail border color */ 
	#container a.gallery:hover {
	border:1px solid #CCCCCC;
	    } 
/* styling the :hover span */ 
	#container a.gallery:hover span { 
	    position:absolute; 
	    width:500px; 
	    height:600px; 
	    top:10px; 
	    left:15px; 
	    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; 
	    }*/