<section id="header" class="clearfix">
    <div class="container">
        <div class="row">

            <!--logo starts-->
            <div class="span4"><a href="#"><img src="img/logoafric.png" width="212" height="48" alt="logo"></a></div>
            <!--logo ends-->

            <!--links in header starts-->
            <div class="span8">

                <div class="clearfix"></div>
                <ul class="info-top">
                    <li><img src="img/icons/icon-16-call.png" alt="icon"> (+254)721 148 180</li>
                    <li><img src="img/icons/icon-16-mail.png" alt="icon"><a href="mailto:info@emafricengineers.co.ke">info@emafricengineers.co.ke</a></li>


                </ul>
            </div>
            <!--links in header ends-->

        </div>

        <!--menu starts-->
        <div class="row">
            <div class="span12">
                <div class="menu-wrapper clearfix">
                    <div id="smoothmenu" class="ddsmoothmenu">
                        <ul>
                            <li><a href="index.php">Home</a></li>
                            <li><a href="#">About Us</a>
                                <ul>
                                    <li><a href="company.php">The company</a></li>
                                    <!--<li><a href="#">Staff Bios</a></li>-->
                                    <li><a href="news.php">News</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Projects</a>
                                <ul>
                                    <li><a href="projects.php?res">Residential Buildings</a></li>
                                    <li><a href="projects.php?ind">Industrial</a></li>
                                    <li><a href="projects.php?hos">Hotels</a></li>
                                    <li><a href="projects.php?ban">Banks</a></li>
                                    <!--<li><a href="ideas.php">Ideas</a></li>
                                    <li><a href="proj">Ongoing</a></li>-->
                                </ul>
                            </li>
                            <li><a href="ideas.php">Ideas</a></li>
                            <li><a href="contact.php">Contact Us</a></li>

                        </ul>
                    </div>
                    <div class="social">
                        <li class="social"><a href="https://www.facebook.com/leagpro"><img src="img/icons/icon-facebook.png" alt="Find us on Facebook"></a></li>
                    </div>
                </div>
            </div>
        </div>
        <!--menu ends-->

    </div>
</section>