<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <meta name="Generator" content="iWeb 1.1.2" />
    <title>Timeline</title>
    <link rel="stylesheet" type="text/css" media="screen" href="Timeline_files/Timeline.css" /><script type="text/javascript" src="Timeline_files/Timeline.js"></script>
  </head>
  <body style="background: #131010; margin: 0pt; " onload="onPageLoad();"><!-- tql_banner_head --><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script>
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: transparent url(Images/rp_tile_v6.jpg) repeat scroll top left; text-align: left; width: 700px; " id="body_content">
        <div style="height: 97px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <img src="Timeline_files/shapeimage_1.png" title="" id="id1" style="height: 1px; left: 708px; position: absolute; top: 111px; width: 1px; z-index: 1; " />

<img src="Timeline_files/header-8.gif" alt="" style="height: 66px; left: 3px; position: absolute; top: 1px; width: 397px; z-index: 1; " />
        </div>
        <div style="height: 30px; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <img src="Images/navfill-v2.jpg" alt="" style="border: none; height: 490px; left: 0px; opacity: 1.00; position: absolute; top: -489px; width: 700px; z-index: 1; " />
          <div style="background: url(Timeline_files/navbar_background.png); height: 30px; left: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; ">
            <div style="background: transparent url(Timeline_files/navbar_separator_0.png) no-repeat scroll center; height: 32px; left: 86px; position: absolute; top: -6px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Timeline_files/navbar_separator_1.png) no-repeat scroll center; height: 32px; left: 195px; position: absolute; top: -6px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Timeline_files/navbar_separator_2.png) no-repeat scroll center; height: 32px; left: 294px; position: absolute; top: -6px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Timeline_files/navbar_separator_3.png) no-repeat scroll center; height: 32px; left: 382px; position: absolute; top: -6px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Timeline_files/navbar_separator_4.png) no-repeat scroll center; height: 32px; left: 459px; position: absolute; top: -6px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Timeline_files/navbar_separator_5.png) no-repeat scroll center; height: 32px; left: 568px; position: absolute; top: -6px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Timeline_files/navbar_active.png) no-repeat scroll center; height: 38px; left: 93px; position: absolute; top: -11px; width: 105px; z-index: 1; "></div>
            <div style="background: transparent url(Timeline_files/navbar_0_normal.png) no-repeat scroll center; height: 38px; left: 27px; position: absolute; top: -11px; width: 62px; z-index: 1; " id="navbar_0_normal"></div>
            <div style="background: transparent url(Timeline_files/navbar_0_rollover.png) no-repeat scroll center; height: 38px; left: 27px; position: absolute; top: -11px; visibility: hidden; width: 62px; z-index: 1; " id="navbar_0_rollover"></div>
            <a style="display: block; height: 32px; left: 30px; position: absolute; top: -6px; width: 56px; z-index: 2; " onmouseout="NBmouseout('0');" href="Home.html" onmouseover="NBmouseover('0');"></a>
            <div style="background: transparent url(Timeline_files/navbar_1_normal.png) no-repeat scroll center; height: 38px; left: 202px; position: absolute; top: -11px; width: 95px; z-index: 1; " id="navbar_1_normal"></div>
            <div style="background: transparent url(Timeline_files/navbar_1_rollover.png) no-repeat scroll center; height: 38px; left: 202px; position: absolute; top: -11px; visibility: hidden; width: 95px; z-index: 1; " id="navbar_1_rollover"></div>
            <a style="display: block; height: 32px; left: 205px; position: absolute; top: -6px; width: 89px; z-index: 2; " onmouseout="NBmouseout('1');" href="History.html" onmouseover="NBmouseover('1');"></a>
            <div style="background: transparent url(Timeline_files/navbar_2_normal.png) no-repeat scroll center; height: 38px; left: 301px; position: absolute; top: -11px; width: 84px; z-index: 1; " id="navbar_2_normal"></div>
            <div style="background: transparent url(Timeline_files/navbar_2_rollover.png) no-repeat scroll center; height: 38px; left: 301px; position: absolute; top: -11px; visibility: hidden; width: 84px; z-index: 1; " id="navbar_2_rollover"></div>
            <a style="display: block; height: 32px; left: 304px; position: absolute; top: -6px; width: 78px; z-index: 2; " onmouseout="NBmouseout('2');" href="Photos.html" onmouseover="NBmouseover('2');"></a>
            <div style="background: transparent url(Timeline_files/navbar_3_normal.png) no-repeat scroll center; height: 38px; left: 389px; position: absolute; top: -11px; width: 73px; z-index: 1; " id="navbar_3_normal"></div>
            <div style="background: transparent url(Timeline_files/navbar_3_rollover.png) no-repeat scroll center; height: 38px; left: 389px; position: absolute; top: -11px; visibility: hidden; width: 73px; z-index: 1; " id="navbar_3_rollover"></div>
            <a style="display: block; height: 32px; left: 392px; position: absolute; top: -6px; width: 67px; z-index: 2; " onmouseout="NBmouseout('3');" href="Video.html" onmouseover="NBmouseover('3');"></a>
            <div style="background: transparent url(Timeline_files/navbar_4_normal.png) no-repeat scroll center; height: 38px; left: 466px; position: absolute; top: -11px; width: 105px; z-index: 1; " id="navbar_4_normal"></div>
            <div style="background: transparent url(Timeline_files/navbar_4_rollover.png) no-repeat scroll center; height: 38px; left: 466px; position: absolute; top: -11px; visibility: hidden; width: 105px; z-index: 1; " id="navbar_4_rollover"></div>
            <a style="display: block; height: 32px; left: 469px; position: absolute; top: -6px; width: 99px; z-index: 2; " onmouseout="NBmouseout('4');" href="About%20Us.html" onmouseover="NBmouseover('4');"></a>
            <div style="background: transparent url(Timeline_files/navbar_5_normal.png) no-repeat scroll center; height: 38px; left: 575px; position: absolute; top: -11px; width: 95px; z-index: 1; " id="navbar_5_normal"></div>
            <div style="background: transparent url(Timeline_files/navbar_5_rollover.png) no-repeat scroll center; height: 38px; left: 575px; position: absolute; top: -11px; visibility: hidden; width: 95px; z-index: 1; " id="navbar_5_rollover"></div>
            <a style="display: block; height: 32px; left: 578px; position: absolute; top: -6px; width: 89px; z-index: 2; " onmouseout="NBmouseout('5');" href="Sources.html" onmouseover="NBmouseover('5');"></a>
          </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <img src="Images/pagetop10.png" alt="" id="id2" style="border: none; height: 25px; left: 0px; opacity: 1.00; position: absolute; top: -15px; width: 700px; z-index: 1; " />


          <div style="height: 642px; left: 39px; position: absolute; top: 31px; width: 426px; z-index: 1; " id="id3">
            <img usemap="#map1" id="shapeimage_2" src="Timeline_files/shapeimage_2.png" style="border: none; height: 642px; left: 0px; position: absolute; top: 0px; width: 426px; z-index: 1; " alt="Animations Timeline &#10;&#10;1872:  The Phenakistoscope was invented.&#10;1889:  Kinetoscope was invented.&#10;1906:  The first animated film made by Stuart Blackston which he called “Humorous Phases of Funny Faces”.&#10;1920:  Felix the cat was invented and he was one of the most popular characters of this period.&#10;1928: Steam Boat Willie was the first sound animation that was successful.&#10;1930:  Warner Brothers cartoons were born.&#10;1935:  First Porky Pig, “I Haven’t Got a Hat”.&#10;1942:  Bambi was created.&#10;1943:  Droopy was invented.&#10;1949:  The Road Runner was born.&#10;1954:  Tasmanian Devil was invented.&#10;1960:  Flintstones T.V. series was created.&#10;&#10;Sources: http://shopping.animazing.com/gallery/timeline.htm&#10;&#10;" title="" /><map name="map1" id="map1"><area href="http://shopping.animazing.com/gallery/timeline.htm" title="http://shopping.animazing.com/gallery/timeline.htm" shape="rect" alt="http://shopping.animazing.com/gallery/timeline.htm" onload="IMpreload('Timeline_files', 'shapeimage_2', '0');" onmouseover="IMmouseover('shapeimage_2', '0');" onmouseout="IMmouseout('shapeimage_2', '0');" coords="14, 506, 344, 554" /></map><img style="height: 48px; left: 14px; position: absolute; top: 506px; width: 330px; " id="shapeimage_2_link_0" alt="shapeimage_2_link_0" src="Timeline_files/shapeimage_2_link_0.png" />
          </div>
          

<img src="Timeline_files/imageEffectsBelow_FelixCat.png" alt="" id="id4" style="border: none; height: 182px; left: 431px; opacity: 1.00; position: absolute; top: 255px; width: 236px; z-index: 1; " />

<img src="Timeline_files/FelixCat.jpg" alt="" style="border: none; height: 162px; left: 441px; opacity: 1.00; position: absolute; top: 265px; width: 216px; z-index: 1; " />

<img src="Timeline_files/imageEffectsBelow_mid-Humorous_Phases_of_Funny_Faces_ogg.png" alt="" id="id5" style="border: none; height: 192px; left: 431px; opacity: 1.00; position: absolute; top: 49px; width: 235px; z-index: 1; " />

<img src="Timeline_files/mid-Humorous_Phases_of_Funny_Faces_ogg.jpg" alt="" style="border: none; height: 172px; left: 441px; opacity: 1.00; position: absolute; top: 59px; width: 215px; z-index: 1; " />

<img src="Timeline_files/imageEffectsBelow_images.png" alt="" id="id6" style="border: none; height: 172px; left: 432px; opacity: 1.00; position: absolute; top: 446px; width: 233px; z-index: 1; " />

<img src="Images/images.jpg" alt="" style="border: none; height: 152px; left: 442px; opacity: 1.00; position: absolute; top: 456px; width: 214px; z-index: 1; " />
          <div style="height: 670px; line-height: 670px; " class="tinyText"> </div>
        </div>
        <div style="height: 100px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
        </div>
      </div>
    </div>
  <!-- tql_banner_foot --><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-174705-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script></body>
</html>


