@charset "UTF-8";
/* CSS Document */

/*
based on bits and bobs from...
	Eric Meyer			http://meyerweb.com
	HTML5 Doctor		http://html5doctor.com
	HTML5 Boilerplate	http://html5boilerplate.com
	HTML5 Reset			http://html5reset.org/
	Bootsrap			
	Foundation

*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em; /*default for this project only */
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

	
ol, ul { /*list-style: none;*/ }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

a {margin: 0; padding: 0; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit; font: 1em;
}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
pre, code, kbd, samp {font-family: monospace, sans-serif;}


small {font-size: 85%;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}


h1, h2, h3, h4, h5, h6, p {padding-bottom:10px;} /*change accordingly*/

.clear {clear:both;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.one-column, .two-column, .three-column, .four-column, .five-column, .six-column, .seven-column, .eight-column, .nine-column, .ten-column, .eleven-column, .twelve-column {padding: 0px 10px 20px 10px; position:relative;}

.centred {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.table {display:table; width:100%; table-layout:fixed;}
.cell {display:table-cell;height: 100%;width:2%; table-layout:fixed;}

.fleft  { float:left; }
.fright { float:right; }
.fnone	{ float:none; }

.credit { float: left; }



@media (min-width: 768px) and (max-width: 979px) {
	
	.hidden-desktop {display: inherit !important;}
	.visible-desktop {display: none !important ;}
  	.visible-tablet { display: inherit !important;}
  	.hidden-tablet {display: none !important;}

}

@media (min-width: 768px) {
	/*columns*/
	.one-column, .two-column, .three-column, .four-column, .five-column, .six-column, .seven-column, .eight-column, .nine-column, .ten-column, .eleven-column, .twelve-column {float: left; position:relative;}
	
	.one-column-wrapper, .two-column-wrapper, .three-column-wrapper, .four-column-wrapper, .five-column-wrapper, .six-column-wrapper, .seven-column-wrapper, .eight-column-wrapper, .nine-column-wrapper, .ten-column-wrapper, .eleven-column-wrapper, .twelve-column-wrapper {float: left; }
	
	[class*="pull_"], [class*="push_"] {position:relative;}
}

@media (max-width: 767px) {

  	.hidden-desktop { display: inherit !important;  }
  	.visible-desktop { display: none !important; }
  	.visible-phone { display: inherit !important; }
  	.hidden-phone {  display: none !important; }

}

@media (min-width: 768px) and (max-width: 979px) {
	
	.container {width: 744px; margin:auto;}
	
	.one-column 			{width:42px;}
	.two-column 			{width:104px;}
	.three-column 			{width:166px;}
	.four-column 			{width:228px;}
	.five-column 			{width:290px;}
	.six-column 			{width:352px;}
	.seven-column 			{width:414px;}
	.eight-column 			{width:476px;}
	.nine-column 			{width:538px;}
	.ten-column 			{width:600px;}
	.eleven-column 			{width:662px;}
	.twelve-column 			{width:724px;}
	
	.one-column-wrapper 	{width:62px;}
	.two-column-wrapper 	{width:124px;}
	.three-column-wrapper 	{width:186px;}
	.four-column-wrapper 	{width:248px;}
	.five-column-wrapper 	{width:310px;}
	.six-column-wrapper 	{width:372px;}
	.seven-column-wrapper 	{width:434px;}
	.eight-column-wrapper 	{width:496px;}
	.nine-column-wrapper 	{width:558px;}
	.ten-column-wrapper 	{width:620px;}
	.eleven-column-wrapper 	{width:682px;}
	.twelve-column-wrapper 	{width:744px;}
	
	.push_1 {left:62px;}
	.push_2 {left:124px;}
	.push_3 {left:186px;}
	.push_4 {left:248px;}
	.push_5 {left:310px;}
	.push_6 {left:372px;}
	.push_7 {left:434px;}
	.push_8 {left:496px;}
	.push_9 {left:558px;}
	.push_10 {left:620px;}
	.push_11 {left:682px;}
	
	.pull_1 {left:-62px;}
	.pull_2 {left:-124px;}
	.pull_3 {left:-186px;}
	.pull_4 {left:-248px;}
	.pull_5 {left:-310px;}
	.pull_6 {left:-372px;}
	.pull_7 {left:-434px;}
	.pull_8 {left:-496px;}
	.pull_9 {left:-558px;}
	.pull_10 {left:-620px;}
	.pull_11 {left:-682px;}

}

@media (max-width: 767px) {
  
	.container {width: auto; padding-right: 20px; padding-left: 20px;}
	
	[class*="column"] {
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	  
	[class*="push"], [class*="pull"] {left:0px;}

}

@media (min-width: 979px) {
	
	.container {margin: auto; width: 960px;}
	
	/*visibility*/
	.hidden 			{display: none; visibility: hidden;}
	.visible-phone 		{display: none !important;}
	.visible-tablet 	{display: none !important;}
	.hidden-desktop 	{display: none !important;}
	.visible-desktop 	{display: inherit !important;}

	/*columns*/
	.one-column 			{width:60px;}
	.two-column 			{width:140px;}
	.three-column 			{width:220px;}
	.four-column 			{width:300px;}
	.five-column 			{width:380px;}
	.six-column 			{width:460px;}
	.seven-column 			{width:540px;}
	.eight-column 			{width:620px;}
	.nine-column 			{width:700px;}
	.ten-column 			{width:780px;}
	.eleven-column 			{width:860px;}
	.twelve-column 			{width:940px;}
	
	.one-column-wrapper 	{width:80px;}
	.two-column-wrapper 	{width:160px;}
	.three-column-wrapper 	{width:240px;}
	.four-column-wrapper 	{width:320px;}
	.five-column-wrapper 	{width:400px;}
	.six-column-wrapper 	{width:480px;}
	.seven-column-wrapper 	{width:560px;}
	.eight-column-wrapper 	{width:640px;}
	.nine-column-wrapper 	{width:720px;}
	.ten-column-wrapper 	{width:800px;}
	.eleven-column-wrapper 	{width:880px;}
	.twelve-column-wrapper 	{width:960px;}
	
	
	.push_1 {left: 80px;}
	.push_2 {left:160px;}
	.push_3 {left:240px;}
	.push_4 {left:320px;}
	.push_5 {left:400px;}
	.push_6 {left:480px;}
	.push_7 {left:560px;}
	.push_8 {left:640px;}
	.push_9 {left:720px;}
	.push_10 {left:800px;}
	.push_11 {left:880px;}
	
	.pull_1 {left:-80px;}
	.pull_2 {left:-160px;}
	.pull_3 {left:-240px;}
	.pull_4 {left:-320px;}
	.pull_5 {left:-400px;}
	.pull_6 {left:-480px;}
	.pull_7 {left:-560px;}
	.pull_8 {left:-640px;}
	.pull_9 {left:-720px;}
	.pull_10 {left:-800px;}
	.pull_11 {left:-880px;}

}