{{ head_content }}

Native Clothing — Welcome
	

		
	$(function()		
	{			
		$("#imgRotaryImages").cycle({
				fx: 'fade', 
	 		speed: 'slow', 
		 	timeou: 8000, 
				prev: '#prevImg',
    next: '#nextImg'}
			);		
	});	


	html {
	height: 100%;	
	}
	body {
		background-color: #fff;
		margin: 0;
		padding: 0;
		height: 100%;
	}
  li {
text-align: left;
  margin-left: 0;
}
  ol, ul {
  list-style: none;
  padding-left: 0;
  }
	div {
		padding: 0;
		margin: 0;	
	}
.pod {
  float: left;
  display: inline;
  width: 127px;
  margin-top: 25px;
}
	div#full {
		width: 1200px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;	
		padding-top: 50px;
  background-color: #fff;
  /*	background-image:url('http://andymepham.co.uk/nativeclothing/background_forweb.jpg');*/
	}
	
	div#title {
		height: 180px;
		width: 1000px;	
	}
	
	div#nav {
		margin-right: 100px;
		width: 1000px;
		margin-top: -70px;
		float: right;
	}
	
	div#imgRotary {
		height: 664px;
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
		overflow: hidden;
	}
	
	div#foot {
		height: 50px;
  margin-top: 20px;
  margin-left: auto;
		margin-right: auto;
		width: 1000px;
		padding-top: 10px;
		opacity: 0.80;
  }
	div#contentHorizontalRule {
		height: 3px;
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
		margin-top: -35px;
		margin-bottom: 38px;
	}
	div#copyright {
		float: right;
		position: relative;	
		top: -20px;
	}
	
	p.navigation {
		font-family: serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0;	
		text-align: right;
	}
	p.socialnetworks {
		font-family: serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0;	
		text-align: left;
		padding-top: 6px;
	}
	p.copyright {
		font-family: serif;
		font-size: 0.6em;
		margin: 0;
		padding: 0;	
		text-align: left;
	}
	a {
	color: #666;
		text-decoration: none;	
	}
	a:hover {
		color: #666;	
	}
	
	h1#title {
		padding: 0;
		margin-left: 100px;
		padding-top: 10px;	
	}
	
	#spacertwo {
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	#imageNavNext {
		position: absolute;
  margin-top: 332px;
		margin-right: 10px;
		z-index: 1000;
		float: right;
		margin-left: 964px;
		opacity: .8;
	}
	
	#imageNavPrev {
		position: absolute;
  margin-top: 332px;
		margin-left: 10px;
		z-index: 1000;
	opacity: .8;
	}
#pod_pages {
 font-family: serif !important;
 font-style: italic;
  text-transform: uppercase;
}
#pod_categories {
 position: relative;
 left: 150px;
 font-family: serif !important;
  font-style: italic;
  text-transform: uppercase;
}
#pod_help {
 position: relative;
  left: 300px;
  font-family: serif !important;
  font-style: italic;
  text-transform: uppercase;
}
#pod_contact {
 position: relative;
  left: 450px;
  font-family: serif !important;
  font-style: italic;
  text-transform: uppercase;
}
.footHeader {
 font-size: 14px !important;
  font-style: italic;
  border-bottom: 1px #AAA solid;
  text-transform: uppercase;
}
.footText {
 font-size: 12px !important;
  font-style: italic;
}
img.lookbook {
  width: 1000px;
  height: 664px;
  }



<div>
	
	<div>
    	<h1>
          <a href="http://nativeclothing.co.uk" title="Home">
        		<img src="http://andymepham.co.uk/nativeclothing/logoSmaller.png">
            </a>
        </h1>
    </div>
    
    
    <div>
    	<p class="navigation">
          <a href="http://nativeclothing.co.uk" title="Home">HOME</a>    |    
          <a href="/manifesto" title="Manifesto">MANIFESTO</a>    |    
          <a href="/products" title="Shop">SHOP</a>    |    
          <a href="/look-book" title="Look Book">LOOK BOOK</a>    |    
          <a href="http://nativeclothinguk.tumblr.com/" title="Blog">BLOG</a>    |    
          <a href="https://www.facebook.com/icechampion" title="Facebook">FACEBOOK</a>    |    
          <a href="/contact" title="Contact">CONTACT</a>
        </p>
    </div>
    
    
    <div>
    	<img src="http://andymepham.co.uk/nativeclothing/spacer1px.jpg" width="1000px">
    </div>
    
    
    <div>
        <div>
            <a href="#"><img src="http://andymepham.co.uk/nativeclothing/leftArrow.png"></a>
        </div>
        <div>
            <a href="#"><img src="http://andymepham.co.uk/nativeclothing/rightArrow.png"></a>
        </div>
        
        <div>
        	
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb1.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb2.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb3-4.jpg" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb5.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb6.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb7.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb8.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb9.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb10-11.jpg" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb12.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb13.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb14.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb15.JPG" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb16-17.jpg" alt="Look Book 2013" class="lookbook">
          <img src="http://andymepham.co.uk/nativeclothing/lb/lb19-20.jpg" alt="Look Book 2013" class="lookbook">
            
        </div>
    </div>
    
    
    <div>
    	<img src="http://andymepham.co.uk/nativeclothing/spacer1px.jpg" width="1000px">
	<img src="http://andymepham.co.uk/nativeclothing/spacer1px.jpg" width="1000px">
        <p class="socialnetworks">
        	 
        </p>
        <div>
        	<p class="copyright">All images copyright of Native Clothing 2012 ©</p>
        </div>
      <div class="pod">
        <h4 class="footHeader">Site Map</h4>
        <ul>
          <li class="footText">&#123;&#123; pages.home | link_to }}</li>&#123;% for page in pages.all %}<li class="footText">&#123;&#123; page | link_to }}</li>&#123;% endfor %}<li class="footText">&#123;&#123; pages.contact | link_to }}</li>
        </ul>
      </div>

      <div class="pod">
        <h4 class="footHeader">Shop</h4>
        <ul>
          <li class="footText"><a href="/products" title="All Products">All</a></li>&#123;% for category in categories.active %}<li class="footText">&#123;&#123; category | link_to }}</li>&#123;% endfor %}
        </ul>
      </div>
      
      <div class="pod">
        <h4 class="footHeader">Help</h4>
        <ul>
          <li class="footText"><a href="#" title="Delivery">Delivery</a></li>
          <li class="footText"><a href="#" title="Contact Us">Contact Us</a></li>
        </ul>
      </div>
      
      <div class="pod">
        <h4 class="footHeader">Contact</h4>
        <ul>
          <li class="footText"><a href="https://www.facebook.com/icechampion" title="Facebook">Facebook</a></li>
          <li class="footText"><a href="http://icechampion.tumblr.com/" title="Tumblr">Tumblr</a></li>
          <li class="footText"><a href="http://twitter.com/Native_Clothing" title="Twitter">Twitter</a></li>
          <li class="footText"><a href="mailto:nativeclothing@hotmail.co.uk" title="Email Us">Email Us</a></li>
        </ul>
      </div>
    </div>
</div>