{{ page.name }} / {{ store.name }}
  
    
      
      
    
    
    
      
	
	
		
		
	
	
		
		
                  
                  
			 #layerslider-container {
       			 width: 60%;
       			 min-width: 400px;
        		 max-width: 1400px;
        		 margin: 50px auto;
      		}

			.ls-layer,
			.ls-layer * {
				font-family: Arial, Serif;
				white-space: nowrap;
				font-weight: normal;
				text-shadow: none;
			}
			
			.br5 {
				border-radius: 5px;
			}
			
			.c {
				text-align: center;
			}

			.sl1, .sl2 {
				font-size: 50px;
				line-height: 100px;
				height: 100px;				
			}

			.sl1 {
				color: #eee;
				background: black;
				background: rgba(0,0,0,.75);
			}
			
			.sl2 {
				color: #444;
				background: white;
			}
			
			.red,
			.black,
			.white {
				line-height: 70px;
				font-size: 40px;
			}
			
			.red {
				color: white;
				background: #cf431d;
			}
			
			.black {
				background: black;
				background: rgba(0,0,0,.75);
				color: white;
			}

			.white {
				color: #444;
				background: white;
			}

			.plus1,
			.plus2,
			.plus3,
			.plus4,
			.br100 {
				border-radius: 100px;
				-moz-border-radius: 100px;
				-webkit-border-radius: 100px;				
			}

			.plus1,
			.plus2,
			.plus3,
			.plus4 {
				text-align: center;
				width: 50px;
				height: 50px; 
				font-size: 50px;
				line-height: 50px;
			}
			
			.plus1 {
				color: #eee;
				background: #2e69ad;
			}

			.plus2 {
				color: #224177;
				background: #eee;
			}

			.plus3 {
				color: #3b173d;
				background: #eee;
			}
			
			.plus4 {
				 color: white;
				background: #85c201;
			}
			
			.text1,
			.text2,
			.text3,
			.text4,
			.text5,
			.text6,
			.text7 {
				font-size: 30px;
			}
			
			.text1 {
				color: #f0f6fd;
			}

			.text2 {
				padding: 10px 25px 10px 25px;
				color: #f0f6fd;
				background: #2e69ad;
			}

			.text3 {
				padding: 10px 25px 10px 25px;
				color: #2e69ad;
				background: #f0f6fd;
			}

			.text4 {
				text-shadow: 0px 0px 20px #224177;
				color: #eee;
			}

			.text5 {
				padding: 10px 25px;
				color: #224177;
				background: #eee;
			}
			
			.text6 {
 				color: #eee;				
			}
			
			.text7 {
				 color: #85c201;
			}

			.text-a {
				font-weight: bold;
				padding: 15px 30px 15px 30px;
				font-size: 100px;
				color: #f4f8fc;
			}
			
			.text-b {
 				border-radius: 5px;
				padding: 5px 15px;
				font-size: 30px;
				color: #94e60f;
				background: black;				
			}
			
			.text-c {
				box-shadow: -2px -2px 15px -3px black
				border-radius: 5px;
				padding: 10px 20px;
				font-size: 40px;
				color: black;
				background: #94e60f;
			}
			
			.text-d {
				box-shadow: -3px -3px 20px -3px black;
				border-radius: 5px;
				padding: 15px 30px 15px 30px;
				font-size: 60px;
				color: #94e60f;
				background: black;
			}

			.text-e {
				padding: 4px 15px 7px 15px;
				font-size: 24px;
				color: #444f70;
				background: #ffffff;
			}
			
			.text-f {
 				font-size: 60px;
				color: #ff7700;				
			}

		
		  {{ head_content }}
  
  
    <div class="strip">
      <div class="canvas">
        
          <ul>
            <li><a href="/products">Products</a></li>&#123;% for page in pages.all limit:2 %}<li>&#123;&#123; page | link_to }}</li>&#123;% endfor %}<li><a href="/contact">Contact</a></li>
<li><a href="/cart">Cart</a></li>
          </ul>
        
      
        
          &#123;% if theme.image != blank %}
          <div>
            <a href="/">
              <h2>&#123;&#123; page.name }}</h2>
              <img src="&#123;&#123;%20theme.image.url%20}}" alt="&#123;&#123; store.name }}">
            </a>
          </div>
          &#123;% elsif page.name == 'Home' %}
            <h1><a href="/">&#123;&#123; store.name }}</a></h1>      
          &#123;% else %}
            <h2><a href="/">&#123;&#123; store.name }}</a></h2>  
          &#123;% endif %}
        
      
        
          <ul>
            <li><a href="/products">Products</a></li>
            <li><a href="/cart">Cart</a></li>
            <li><a href="#site_footer" alt="See more options">More</a></li>          
          </ul>      
        
      </div>
    </div>  
   <div class="canvas fade_in">

      &#123;% if errors != blank %}
        <ul class="fade-in">
          &#123;% for error in errors %}<li>&#123;&#123; error }}</li>&#123;% endfor %}
        </ul>    
      &#123;% endif %}
    
      &#123;% if page.category == 'custom' %}
        
          <h1>&#123;&#123; page.name }}</h1>
          <span class="dash"></span>            
        
        
        &#123;&#123; page_content | paragraphs }}
        
      &#123;% else %}
        &#123;&#123; page_content }}
      &#123;% endif %}    
      </div>

		 <div>
      
      <div style="width:1276px;height:860px;margin:0 auto;">
        <div class="ls-layer" style="">    
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection201.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection202.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection203.jpg" class="ls-bg">
        </div>
        
        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection204.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection205.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection206.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection207.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection208.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection209.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2010.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2011.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2012.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2013.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2014.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2015.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2016.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2017.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2018.jpg" class="ls-bg">
        </div>

        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2019.jpg" class="ls-bg">
        </div>
        <div class="ls-layer" style="">
          <img src="http://geadesigns.com.au/team/john/photos/Royal-Aquamarine2013-Flagship-Collection2020.jpg" class="ls-bg">
        </div>
      </div>
            
    </div>

		
		
		
		
		
		
		
			$(document).ready(function()&#123;
				$('#layerslider').layerSlider(&#123;
					skinsPath : '../layerslider/skins/',
					skin : 'glass',
					thumbnailNavigation : 'hover',
					hoverPrevNext : false,
					autoPlayVideos : false,
					autoStart : false

				});
			});		
			

   
           <div class="strip">
      
        <h3>More</h3>
        <ul>
          <li><a href="/" alt="Home">Home</a></li>      
          <li><a href="/products">Products</a></li>
        
          &#123;% for page in pages.all %}
          <li>&#123;&#123; page | link_to }}</li>
          &#123;% endfor %}      
          <li><a href="/contact">Contact</a></li>
          <li><a href="/cart">Cart</a></li>        
          &#123;% if theme.twitter_username != blank %}
          <li><a href="http://twitter.com/&#123;&#123;%20theme.twitter_username%20}}" title="Follow us on Twitter">Twitter</a></li>
          &#123;% endif %}
          &#123;% if theme.facebook_username != blank %}
          <li><a href="http://facebook.com/&#123;&#123;%20theme.facebook_username%20}}" title="Friend us on Facebook">Facebook</a></li>
          &#123;% endif %}
          &#123;% if theme.show_search %}
          <li>
            
              <a href="#search-form">Search</a>
              
            
          </li>
          &#123;% endif %}         
        </ul>
        <p>Copyright © &#123;&#123; 'Today' | date: "%Y" }} &#123;&#123; store.name }}</p>
      
        &#123;% if store.website != blank %}
        <a href="&#123;&#123;%20store.website%20}}" class="button">Back to site</a>
        &#123;% endif %}
      

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-45383724-1']);
_gaq.push(['_trackPageview']);

(function() &#123;
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();


        
           
      
    </div>