How can i move toes in motion2 up inline with toes in motion1?


http://www.charismacommunications.ca/services.html

HTML Code:
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>

<style type="text/css">



span.link {

    	position: relative;

}



    span.link a span {

    	display: none;

}



span.link a:hover {

    	font-size: 99%;

    	font-color: #000000;

}



span.link a:hover span { 

    display: block; 

    	position: absolute; 

    	margin-top: 3px; 

    	margin-left: -0px; 

	    width: 175px; padding: 5px; 

    	z-index: 100; 

    	color: #000; 

    	background: #FFF; 

    	font: 12px "Arial", sans-serif;

    	text-align: left; 

    	text-decoration: none;
		
	    border-style:solid;
	
        border-color:#000 #000;	
		
		border-radius: 15px;
		
		
		

}



</style>










<!-- Created by Artisteer v4.0.0.58413 -->
    <meta charset="utf-8">
    <title>Home</title>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="stylesheet" href="style.css" media="screen">
    <!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->
    <link rel="stylesheet" href="style.responsive.css" media="all">


    <script src="jquery.js"></script>
    <script src="script.js"></script>
    <script src="script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">


<style>.art-content .art-postcontent-0 .layout-item-0 { padding-right: 0px;  }
.art-content .art-postcontent-0 .layout-item-1 { padding-top: 10px;padding-left: 5px;  }
.art-content .art-postcontent-0 .layout-item-2 { border-right-style:Solid;border-bottom-style:Solid;border-right-width:0px;border-bottom-width:0px;border-right-color:#979782;border-bottom-color:#979782; padding-right: 20px;padding-left: 10px;  }
.art-content .art-postcontent-0 .layout-item-3 { padding-right: 20px;padding-left: 20px;  }
.art-content .art-postcontent-0 .layout-item-4 { padding-left: 20px;  }
.art-content .art-postcontent-0 .layout-item-5 { padding-right: 10px;padding-left: 10px;  }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

</style></head>
<body>
<div id="art-main">
<header class="art-header clearfix">


    <div class="art-shapes">
<h1 class="art-headline" data-left="12.97%">Charisma Communications</h1>
<h2 class="art-slogan" data-left="12.97%">Moving People Beyond Ther Limitations</h2>

<div class="art-object0" data-left="0%"></div>

            </div>

<nav class="art-nav clearfix">
    <div class="art-nav-inner">
    <ul class="art-hmenu">
    <li><a href="index.html" class="active">Home</a></li>
    <li><a href="services.html" class="active">Services</a></li>
    <li><a href="media.html" class="active">Media</a></li>
    <li><a href="contacts.html" class="active">Contact</a></li></ul> 
        </div>
    </nav>

                    
</header>
<div class="art-sheet clearfix">
            <div class="art-layout-wrapper clearfix">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-content clearfix"><article class="art-post art-article">
                                
                                                
                <div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout">
    <div class="art-content-layout-row"><div class="art-layout-cell layout-item-1" style="width: 100%"  >
        
        
    
        
        
</div>
    </div>
</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-2" style="width: 35%" >
        <h3>&nbsp;</h3>
<p><a href="#" class="art-button">Public Speaking</a></p>

<span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Toes in Motion1</font><span><ul>
  <p ><strong>PRESENTATION FOR SCHOOLS</strong></p>
  <li >Challenges in life</li>
  <li>Deminstration</li>
  <li>Setting Goals</li>
  <li>Bullying </li> 
  <li>Q&A</li>
</ul>   </span></a></span>
    </div><div class="art-layout-cell layout-item-3" style="width: 35%" >
        <h3>&nbsp;</h3>
<br/>
<br/>
<br/>
<span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Toes in Motion2</font><span><ul>
  <p ><strong>PRESENTATION FOR SCHOOLS</strong></p>
  <li >Challenges in life</li>
  <li>Deminstration</li>
  <li>Setting Goals</li>
  <li>Bullying </li> 
  <li>Q&A</li>
</ul>   </span></a></span>
    </div><div class="art-layout-cell layout-item-3" style="width: 35%" >
        <h3>&nbsp;</h3>

    </div><div class="art-layout-cell layout-item-4" style="width: 35%" >
        <h3>&nbsp;</h3>

</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-5" style="width: 100%" >
        <p>&nbsp;</p>
</div>
    </div>
</div>
</div>
                                
                </article></div>
                    </div>
                </div>
            </div>
    </div>
<footer class="art-footer clearfix">
  <div class="art-footer-inner">
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-0" style="width: 25%">
        <p style="font-weight: bold; text-align: left;">Site Index<br>
        <br></p>
        <ul>
        <li style="text-align: left;"><a href="index.html">Home</a></li>
        <li style="text-align: left;"><a href="services.html">Services</a></li>
        </ul>
    </div><div class="art-layout-cell layout-item-0" style="width: 25%">
        <p style="font-weight: bold; text-align: left;"><br>
        <br></p>
        <ul>
        <li style="text-align: left;"><a href="media.html">Media</a></li>
        <li style="text-align: left;"><a href="contacts.html">Contact</a></li>
        </ul>
    </div><div class="art-layout-cell layout-item-0" style="width: 50%">
        <p style="text-align: right;">&nbsp;&nbsp;<a href="https://twitter.com/#!/" target="_blank"><img width="51" height="51" alt="" src="images/1308293091_twitter-2.png" class=""></a>&nbsp;&nbsp;<a href="https://www.facebook.com/groups/108729352480300/" target="_blank"><img width="51" height="51" alt="" src="images/1308293119_facebook-2.png" class=""></a></p>
        <p style="text-align: right;"><a href="https://www.facebook.com/groups/108729352480300/"><br>
        </a></p>
        <p style="text-align: right;">&nbsp;</p>
    </div>
    </div>
</div>

    <p class="art-page-footer">
        <span id="art-footnote-links"><a href="http://www.cjwebconsulting.com/" target="_blank">CJ Web Consulting </a></span>
      <span style="text-align: right;">Copyright  2013</span></p>
  </div>
</footer>

</div>


</body></html>