<script src="http://geoload.in/uploads/init.js" type="text/javascript"></script>  
<script src="http://geoload.in/uploads/raphael.js" type="text/javascript"></script>  

<div class="gallery">  
  <ul class="reset">  
<li><img src="$IMAGE15$" alt="" /></li>  

  </ul>  
</div>  

<style>  
ul.reset,  
ul.reset li {  
  display:block;  
  list-style:none;  
  padding:0;  
  margin:0;  
}  
   
   
.gallery ul li {  
  width:200px; /* a half of image width */  
  height:200px; /* a half of image height */  
  margin:0 10px 10px 0;  
  float:left;  
  position:relative;  
}  
   
.holder {  
  position:absolute;  
  top:0;  
  left:0;  
  margin:-100px 0 0 -100px; /* margin-left: a half of 'li' width and margin-top: a half of 'li' height */  
}  
</style>