$(function() {
				
/* SLIDE IMAGE HORIZONTAL to 20% */
    /*This call will ensure that anything with the class of SlideWrapper will animate given that it fits the proper formatting*/
    /*
    <div>
        <div class="PageWrap" style="background-image:url(images/web_design.jpg);background-repeat:no-repeat;">       
            <div class="SlideImage">
               <img style="top: 0px;" class="FrontSlideImage" src="images/web_design_slider.jpg" title="Web Design" />            
               <div class="BackSlideImage">
			       <p>Web Design <br />
			       <a href="Website_Design.aspx">Website Design Link</a></p>                            
               </div>
            </div>
        </div>
    </div>
    */
    
$('.SlideImage').hover(function(){$(this).children('.FrontSlideImage').stop().animate({"right" : '211px'}, 250);}, function() {$(this).children('.FrontSlideImage').stop().animate({"right" : '0px'}, 200);});

});