<style>

body{
}


/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
		min-height:110px;
	}
	
	ul#thumbs li{
		float:left;
		
	}
	ul#thumbs a{
		float:left;
		width:105px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
		margin-right:10px;
		}
		
	ul#thumbs a:link img{
	  border:none;
	}
		
	ul#thumbs a img{
		float:left;
		width:200px;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
		  background-color:#ccffff;
			padding:2px;			
			border:solid #ccffff;
			width:200;
			hight:500;
		}	
	  
		ul#thumbs li#image1 a img{
		top:-30px;
		left:-50px;	
		}
		
		ul#thumbs li#image2 a img{
		top:-40px;
		left:-50px;	
		}
		
		ul#thumbs li#image3 a img{
		top:-5px;
		left:-40px;	
		}

		ul#thumbs li#image4 a img{
		top:-10px;
		left:-80px;	
		}
		
		ul#thumbs li#image6 a img{
		top:-120px;	
		}
		
		ul#thumbs li#image8 a img{
		top:-140px;
		left:-60px;	
		}
		
		ul#thumbs li#image10 a img{
		top:-10px;
		left:-20px;	
		}
		
		ul#thumbs li#image12 a img{
		top:-10px;
		left:-50px;	
		}
		
		
	/* // AcroYoga What to expect (awte) */
	  
		ul#thumbs li#awte4 a img{
		top:-5px;
		left:-70px;	
		}
		
		ul#thumbs li#awte6 a img{
		top:-170px;
		left:-50px;	
		}
		
		ul#thumbs li#awte7 a img{
		top:-20px;
		left:-20px;	
		}
		
		
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:5px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-170px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */


	
</style>
