mast.php

<div id="mast"class="full header mm-fixed">
	<div class="header-content center">
		<a href="#home">
			<img src="<?php bloginfo('template_directory')?>/img/white-logo-small.png" alt="Gatku Polespears Logo" id="home-logo" class="left logo"/>
		</a>
		<a href="#home">
			<img src="<?php bloginfo('template_directory')?>/img/white-logo-big.png" alt="Gatku Polespears Logo" id="below-logo" class="left logo"/>
		</a>
		
		<div class="nav right">
			<ul class="clear">
				
				<li><a class="store-link" href="#store">Store</a></li>
				<li><a class="video-link" href="#video-window">Videos</a></li>
				<li><a class="you-link" href="#you-window">You</a></li>
				<li><a class="contact-link" href="#contact-window">Contact</a></li>
				<li><a href="<?php echo get_site_url() ;?>/shopping-cart/">Cart</a><sup id="cart-items"></sup></li>
			</ul>
		</div>
	</div>	
</div>
<!-- Create Mobile Mast! -->
<div id="mobile-mast" class="header">
	<div class="mobile-mast-container">
		<a id="mobile-menu-hit" href=""><img src="<?php echo get_template_directory_uri();?>/img/mobile-menu.png" class="mobile-menu-activate"></a>
		<p id="mobile-titles" class="mobile-titles"></p>
		<a href="#home"><img src="<?php echo get_template_directory_uri(); ?>/img/white-logo-small.png" class="mobile-logo"></a>
	</div>
</div>
<nav id="mobile-menu">
	<ul>
		<li><a id="m-home" href="#home">Hello.</a></li>
		<li><a id="m-click-heads" href="#store">DETACHABLE HEADS</a>
			<ul>
				<li><a id="m-sigpar" href="#sigpar">SIGNATURE PARALYZER</a></li>
				<li><a id="m-barpar" href="#barpar">BARBED PARALYZER</a></li>
				<li><a id="m-flopper" href="#flopper">FLOPPER</a></li>
				<li><a id="m-sliptip" href="#sliptip">SLIP-TIP</a></li>
			</ul>
		</li>
		<li><a id="m-polespear" href="#tails-store">POLESPEARS</a>
			<ul>
				<li><a id="m-sixfooter" href="#polespear-section" title="sixfooter">SIX'ER</a></li>
				<li><a id="m-sevenfooter" href="#polespear-section" title="sevenfooter">SEVEN'ER</a></li>
				<li><a id="m-eightfooter" href="#polespear-section" title="eightfooter">EIGHT'ER</a></li>
				<li><a id="m-ninefooter" href="#polespear-section" title="ninefooter">NINE'ER</a></li>
				<li><a id="m-tenfooter" href="#polespear-section" title="tenfooter">TEN'ER</a></li>
			</ul>
		</li>
		<li><a id="m-extras" href="#the-extras">ACCESSORIES</a>
			<ul>
				<li><a id="m-inshore-shrinker" href="#inshore-shrinker">INSHORE SHRINKER</a></li>
				<li><a id="m-knife" href="#knife">BUDK KNIFE</a></li>
				<li><a id="m-bands-window" href="#bands-window">BANDS</a></li>
			</ul>
		</li>
		<li><a id="m-apparel" href="<?php echo get_site_url();?>/apparel">APPAREL</a></li>
		<li><a id="m-video" href="#video-window">VIDEOS</a></li>
		<li><a id="m-contact" href="#contact-window">CONTACT</a></li>
		<li><a id="m-media" href="<?php bloginfo('url')?>/media">MEDIA</a></li>
		<li><a href="<?php bloginfo('url'); ?>/shopping-cart/">CART</a></li>
		
	</ul>
</nav>


<div class="sale-banner">
	<p><span class="bold">FREE SHIPPING</span> ON ORDERS OVER $300 - USA ONLY.</p>
</div>