sitebentest

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- Created by Ben Adams 23/05/2012 -->

<html>

  <head>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

    <script src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>

    <script src="http://flesler-plugins.googlecode.com/files/jquery.localscroll-1.2.7-min.js"></script>


<style>

body{margin:0;font-size:13px;line-height:1.231;background:#161616}

p{color:white;}

a{color:white;text-decoration:none;}

#borderTop{position:fixed;height:50px;left:0;width:100%;background:#9dfff1;z-index:40000}

#borderTop{top:50px;}


#mainScreen{position:absolute;margin-left:0%; width:100%; height:100%;}

  #Basket1{position:absolute;margin-left:100%; width:100%; height:100%;}

</style>


<script>

      $(document).ready(function(){

        $('.ScrollLinks').localScroll({target:'body', axis:'x'});

      });

    </script>

  </head>


  <body>

    <div id="borderTop"></div>


    <div id="mainScreen">

      <a class="ScrollLinks" href="#Basket1" rel="nofollow">Link to Page 1</a>

    </div>


    <div id="Basket1">

      <p>Page 1</p>

    </div>


  </body>

</html>