Replicate NAV menu from HTML template

Hey all,

I am struggling to replicate this navigation menu:

<div id="menu">
  <ul>
        <li><a <?php if($url == '/' || $url == '/index.php'  ){?>class="active" <?php } ?>href="http://hairbelong.co.uk/">Home</a>
          </li>
		  <li class="separator"></li>
        <li><a <?php if($url == '/about-us.php'  ){?>class="active" <?php } ?>href="about-us.php">About Us</a>
          </li>
		  <li class="separator"></li>
        <li><a <?php if($url == '/methods.php'  ){?>class="active" <?php } ?>href="methods.php">Methods</a>
			 <div>
				<ul>
					<li><a href="strand-by-strand-micro-ring.php">Micro Ring (strand by strand)</a></li>
					<li><a href="micro-ring-track.php">Micro Track Ring</a></li>
					<li><a href="nano-micro-bead.php">Micro Mini Bead</a></li>
					<li><a href="integrated-head-weave.php">Integrated Head Weave</a></li>
					<li><a href="malaysian-weft-system.php">Malaysian Weft System</a></li>
					<li><a href="seamless-skin-wefts.php">Seamless Skin Wefts</a></li>
				</ul>
              </div>
          </li>
		  <li class="separator"></li>
        <li><a <?php if($url == '/consultations.php'  ){?>class="active" <?php } ?>href="consultations.php">Consultations</a>
          </li>
		  <li class="separator"></li>
        <li><a <?php if($url == '/aftercare.php'  ){?>class="active" <?php } ?>href="aftercare.php">Aftercare / Maintenance</a>
          </li>
		  <li class="separator"></li>
        <li><a <?php if($url == '/faq.php'  ){?>class="active" <?php } ?>href="faq.php">FAQ</a>
          </li>
		  <li class="separator"></li>
			<li><a <?php if($url == '/opportunities.php'  ){?>class="active" <?php } ?>href="opportunities.php">Opportunities</a>
          </li>
		  <li class="separator"></li>
			<li><a <?php if($url == '/contact-us.php'  ){?>class="active" <?php } ?>href="contact-us.php">Contact Us</a>
          </li>
		  <li class="separator"></li>
			<li><a <?php if($url == '/BE-my-valentine.php'  ){?>class="active" <?php } ?>href="BE-my-valentine.php"><span class="pink">Valentine Offers</span></a>
          </li>
      </ul>
</div>

Its the seperators between items and the extra divs on the dropdowns which are stumping me :/

Also, I am using Twenty Twelve as my ‘base theme’ to build on and I suspect there is something interfering with wp_nav_menu() as none of the paramenters seem to have th edesired effect?

Help!

Thank you in advance : )