-----------------------
-------README----------
-----------------------

This is how you add new "tabs" to the design:

1) In index.html, find:

            <ul>
                <li><a href="#fragment-1"><span>Tab One</span></a></li>
                <li><a href="#fragment-2"><span>Tah Two</span></a></li>
                <li><a href="#fragment-3"><span>Tab Three</span></a></li>
                <li><a href="#fragment-4"><span>Tab Four</span></a></li>
            </ul>

..you can add new tabs, like:

                <li><a href="#fragment-5"><span>A new tab</span></a></li>

Be sure to:

  a) Add this inside the <ul></ul> bit
  b) Give the href="..." bit a unique name. Ideally, for each new tab - just increase the number. For example #fragment-5, 
     then #fragment-6, then #fragment-7, etc

2) Now you need to add in the <div>. 

Just before:

     </div>  <!-- end comtainer-1 -->

..add:

            <div id="fragment-5">
                <div style="clear: both; "></div>

			 <div class="bordered">
                               put your content here
			 </div>
	    </div>

Be sure to change "fragment-5" to whatever the div #id you have assigned in the <ul> section further up.

Thats pretty much it :)