aboutus.html

<!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" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="MESMERiZE" />
<title> About Us </title>
<link rel="stylesheet" href="css/orbit.css"/>
<link rel="stylesheet" href="css/tipsy.css"/>
<link rel="stylesheet" href="css/nivo-slider.css"/>
<link rel="stylesheet" href="css/au.css"/>
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script type="text/javascript">
var arr = new Array("Core Values","Faith","Family","Church","Youth","Education","Entrepreneurship");
</script>
<script src="js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="js/popup.js" type="text/javascript"></script>
<script src="js/au.js" type="text/javascript"></script>


</head>

<body style="overflow:hidden" bgcolor="#f0f0f0" class="clearfix">

<div id="container" class="clearfix">
<div class="gradient"><img src="images/gradient2.png"></div>

<!-- gradient for the background -->


<!-- header-->


<div id="toplinks" class="clearfix" style="height: 100px;">
<div class="homebtn"><a href="index.html"><img src="images/homeheader.png" /></a></div>

<div class="aboutbtn"><a href="aboutus.html"><img src="images/aboutheader.png" /></a></div>

<div class="eventbtn"><a href="events.html"><img src="images/eventsheader.png" /></a></div>

<div class="leadershipbtn"><a href="leadership.html"><img src="images/leadershipheader.png" /></a></div>

</div>

<!-- banners -->
<div id="slider" style="height: 412px;position: relative;" class="clearfix">
<div id="featured" class="clearfix">
<div><img src="images/About1.jpg" alt="Core Values" /></div>

     <div style="position: relative;"><a href="howto.html" class="as2a1"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About2.jpg"  alt="Faith" data-caption="#htmlCaption"/></div>

<div> <a href="others.html" class="as3a1" onclick="return popitup('others.html')"><img src="images/trans2.png" alt="" border="0"/></a><a href="CCHpage3.html" class="as3a2" onclick="return popitup1('CCHpage3.html')"><img src="images/trans4.png" alt="" border="0"/></a><a href="lifeworks.html" class="as3a3" onclick="return popitup1('lifeworks.html')"><img src="images/trans4.png" alt="" border="0"/></a> <img src="images/About3.jpg" alt="Family" data-caption="#htmlCaption2" /></div>

<div><a href="#" class="as4a1" id="button"><img src="images/trans4.png" alt="" border="0"/></a><a href="#" class="as4a2" id="button1"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About4.jpg" alt="Church" data-caption="#htmlCaption3" /></div>


    <div> <a href="#" class="as5a1" id="button2"><img src="images/trans4.png" alt="" border="0"/></a><a href="AE.html" class="as5a2" onclick="return popitup('AE.html')"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About5.jpg" alt="Youth" data-caption="#htmlCaption4" /></div>

   <div>  <a href="AE.html" class="as6a1" onclick="return popitup('AE.html')"><img src="images/trans4.png" alt="" border="0"/></a><a href="AE.html" class="as6a2" onclick="return popitup('AE.html')"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About6.jpg" alt="Education" data-caption="#htmlCaption5" /></div>

    <div><a href="#" class="as7a1" id="button3"><img src="images/trans4.png" alt="" border="0"/></a><a href="others.html" onclick="return popitup('others.html')" class="as7a2"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About7.jpg" alt="Entre"/></div>

</div>
</div>


<!-- Captions for Orbit -->
<!-- popup -->
<div id="popupContact" style="z-index: 1001;background-color: #000000;">
<a class="popupContactClose"><img src="images/x.png" alt="" border="0"/></a>
        <div class="slider-wrapper theme-default">

            <div class="ribbon"></div>

            <div class="slider" class="nivoSlider">

                <img src="images/sli1.jpg" alt="" />


                <img src="images/sli2.jpg" alt="" />

                <img src="images/sli3.jpg" alt=""/>
                <img src="images/sli4.jpg" alt=""/>

            </div>


        </div>

    </div>
    <div id="popupContact1" style="z-index: 1001;background-color: #000000;">
<a class="popupContactClose1"><img src="images/x.png" alt="" border="0"/></a>
<a class="popupslidecontact" href="contactus.html"><img src="images/trans.png" alt="" border="0"/></a>
        <div class="servicetime">

                <img src="images/servicetime.jpg" alt="" />
    </div>
    </div>
    <div id="popupContact2" style="z-index: 1001;background-color: #000000;">
<a class="popupContactClose2"><img src="images/x.png" alt="" border="0"/></a>
        <div class="servicetime">

                <img src="images/youthpopup.jpg" alt="" />
    </div>
    </div>
    <div id="popupContact3" style="z-index: 1001;background-color: #000000;">
<a class="popupContactClose3"><img src="images/x.png" alt="" border="0"/></a>
        <div class="servicetime">

                <img src="images/ai7.jpg" alt="" />
    </div>
    </div>
    <div id="backgroundPopup"></div>
<!-- popup end -->

<!-- footer -->
<div id="footerholder" class="clearfix" style="height: 100px;margin-top: 70px;position: relative;">
<div class="hogclogo"><img src="images/hogclogo.png" /></div>

<div class="text"><img src="images/trans.png" name="but1" /></div>


<div class="twitter"><a href="twitter.html"><img src="images/twittericon.png" name="but2" onMouseOver="funcCaller('but2', 'images/twitterblack.png', 'but1', 'images/twittertext.png' )" onMouseOut="funcCaller('but2', 'images/twittericon.png', 'but1', 'images/trans4.png')"/></a></div>


<div class="contactus"><a href="contactus.html"><img src="images/contacticon.png" name="but3" onMouseOver="funcCaller('but3', 'images/contactblack.png', 'but1', 'images/contacttext.png' )" onMouseOut="funcCaller('but3', 'images/contacticon.png', 'but1', 'images/trans4.png')" /></a></div>


<div class="gallery"><a href="mediagallerysplash.html"><img src="images/mediagalleryicon.png" name="but4" onMouseOver="funcCaller('but4', 'images/mediagalleryblack.png', 'but1', 'images/picturestext.png' )" onMouseOut="funcCaller('but4', 'images/mediagalleryicon.png', 'but1', 'images/trans4.png')" /></a></div>


</div>
<script type="text/javascript">
$(window).load(function() {
     $('#featured').orbit({

      'timer': false,

      'bullets' : true,
      'captions': true,

      'bulletThumbs': true,

          'bulletThumbLocation': 'orbit/'

     });

     $("ul.orbit-bullets li").tipsy({gravity: 'n'});
});
</script>

<script type="text/javascript">


</script>


</div>

</body>


</html>