WordPress Custom Navigation Menus

Hi i have the following navigation menus from html css template. I want to change it in wordpress navigation. But CSS doesnot work there. How can i save the css without losing its features.

<!--Header-->
<header class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a href="index.html"><H1>Global BizVisions, LLC</h1></a>
            <div class="nav-collapse collapse pull-right">
                <ul class="nav">
                    <li class="active"><a href="index.html">Home</a>

<li><a href="about-us.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
                    <li class="dropdown">
                        <a href="#">Pages <i class="icon-angle-down"></i></a>
                        <ul class="dropdown-menu">

<li><a href="career.html">Career</a></li>
<li><a href="blog-item.html">Blog Single</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="404.html">404</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="registration.html">Registration</a></li>
                            <li class="divider">

<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Use</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact-us.html">Contact</a></li>
                    <li class="login">
                        <a href="#loginForm"><i class="icon-lock"></i></a>

            </div><!--/.nav-collapse -->
        </div>
    </div>
</header>
<!-- /header -->
I did is like this:

<!--Header-->
<header class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a>" style="margin:2% 0 0 0;"><h1>Global BizVisions, LLC</h1></a>
            <div class="nav-collapse collapse pull-right">

<ul>
                    <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'nav' ) ); ?>
                </ul>
<ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</header>
<!-- /header -->

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code has now been permanently damaged by the forum’s parser.]

and what are the things i need to change in functions.php or other.

Thanks in advance