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


#default_pic {
		background-image: url(../PHP/imageResize.php?path=../images/current_work/The_Mill,_Manotick_24x36_oil.W.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:768px;
		height:800px;
		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; 
	    text-decoration:none; 
	    border:1px solid #fff; 
	    margin:1px 2px 1px 2px; 
	    text-align:left; 
	    cursor:pointer; 
	    }
	#container a.slideo{ 
	height:93px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Iris_no_2_30x36_oil.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	
	    }  
	#container a.sliden { 
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/The_Road_Can_Wait_18x23_pastel.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	
	    }  	
	#container a.slidem { 
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Percy_30x30_oil.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	
	    }  
	#container a.slidel { 
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/The_Mill,_Manotick_24x36_oil.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	
	    }  	
	/*#container a.slidek { 
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Top_of_the_Road_photo_2_30x40.2.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	
	    } */ 
	#container a.slidea {
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Iris_no_3_10x10_oil.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	    } 
	
	#container a.slideb { 
	height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Iris_no_1_9x12_oil.W.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: left bottom;
	    }
		
	#container a.slidec { 
	height:93px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Watching_the_Lake_10x10_oil.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	    }
	
	#container a.slided {
	height:93px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Spring_Lilacs_18x18_pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center center;
	    } 
	* html #container a.slided { 
	    width:93px; 
	    w\idth:93px; 
	    } 
	#container a.slidee { 
    height:75px;
	width:93px;
	background-image: url(../PHP/imageResize.php?path=../images/current_work/Here_come_the_Brides_2_24x18_pastel.T.small.jpg&dst_h=93&dst_w=93);
	background-repeat: no-repeat;
	background-position: center 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; 
	    }