/*
*  Reset
*
*  @author: Elliot Condon
*  @created: 30/05/12
*/

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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}body{ line-height:1; color:black; background:white}ol,ul{ list-style:none}table{ border-collapse:separate; border-spacing:0; vertical-align:middle}caption,th,td{ text-align:left; font-weight:normal; vertical-align:middle}q,blockquote{ quotes:""""}q:before,q:after,blockquote:before,blockquote:after{ content:""}a img{ border:none}

body { font: 62.5% sans-serif; }

/* Image Replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; font-size: 0; line-height: 0; }
input.ir { border: 0 none; background: none; }


/* Horizontal List */
.hl { padding: 0; margin: 0; list-style: none; display: block; position: relative; }
.hl > li { float: left; display: block; margin: 0; padding: 0; }
.hl > li.right { float: right; }

.hl.center { position: relative; overflow: visible; left: 50%; float: left; }
.hl.center > li { position: relative; left: -50%; }


/* Block List */
.bl { padding: 0; margin: 0; list-style: none; display: block; position: relative; }
.bl > li { display: block; margin: 0; padding: 0; float: none; }


/* clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{ clear: both; }


/* Layout */
.container {
	width:96%;
	max-width: 960px;
	margin:0 auto;
}


/* Columns */
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
	float:left;
	margin: 0 1.04167%;
	min-height: 1px;
}

.col-1 { width: 6.25%; max-width: 60px; }
.col-2 { width: 14.58333%; max-width: 140px; }
.col-3 { width: 22.91667%;  max-width: 220px; }
.col-4 { width: 31.25%; max-width: 300px; }
.col-5 { width: 39.58333%; max-width: 380px; }
.col-6 { width: 47.91667%; max-width: 460px; }
.col-7 { width: 56.25%; max-width: 540px; }
.col-8 { width: 64.58333%; max-width: 620px; }
.col-9 { width: 72.91667%; max-width: 700px; }
.col-10 { width: 81.25%; max-width: 780px; }
.col-11 { width: 89.58333%; max-width: 860px; }
.col-12 { width: 97.91667%; max-width: 940px; }


/* Webkit Columns */
@media screen and(-webkit-min-device-pixel-ratio:0) {
	
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
		margin: 0 1%;
	}

	.col-1 { width: 6.333%; }
	.col-2 { width: 14.666%;}
	.col-3 { width: 23%; }
	.col-4 { width: 31.333%; }
	.col-5 { width: 39.666%; }
	.col-6 { width: 48%; }
	.col-7 { width: 56.333%; }
	.col-8 { width: 64.666%; }
	.col-9 { width: 73%; }
	.col-10 { width: 81.333%; }
	.col-11 { width: 89.666%; }
	.col-12 { width: 98%; }

}


.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

/* Image inside Column */
.full-width { width: 100%; height: auto; }


/* Random widths */
.width-1-2 { width: 50% }
.width-3-4 { width: 75% }
.width-1-3 { width: 33.33333% }
.width-1-4 { width: 25% }


/* iPad */
.ipad-show { display: none !important; }

@media (max-width: 768px) {
	
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
		margin: 0 1%;
	}
	
	.ipad-show { display: block !important; }
	.ipad-hide { display: none !important; }
	
	.ipad-col-1 { width: 6.333%; max-width: 60px; }
	.ipad-col-2 { width: 14.666%; max-width: 140px; }
	.ipad-col-3 { width: 23%; max-width: 220px; }
	.ipad-col-4 { width: 31.333%; max-width: 300px; }
	.ipad-col-5 { width: 39.666%; max-width: 380px; }
	.ipad-col-6 { width: 48%; max-width: 460px; }
	.ipad-col-7 { width: 56.333%; max-width: 540px; }
	.ipad-col-8 { width: 64.666%; max-width: 620px; }
	.ipad-col-9 { width: 73%; max-width: 700px; }
	.ipad-col-10 { width: 81.333%; max-width: 780px; }
	.ipad-col-11 { width: 89.666%; max-width: 860px; }
	.ipad-col-12 { width: 98%; max-width: 940px; }
	
		
	/* Random widths */
	.ipad-width-1-2 { width: 50% ; }
	.ipad-width-3-4 { width: 75% }
	.ipad-width-1-3 { width: 33.33333% ; }
	.ipad-width-1-4 { width: 25% ; }
	.ipad-full-width { width: 100%; height: auto; }
	.ipad-auto-width { width: auto; }
	
	.ipad-fl { float: left; }
	.ipad-fr { float: right; }
	.ipad-fn { float: none; }
	
}


/* iPhone */
.iphone-show { display: none !important; }

@media (max-width: 480px) {
	
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
		margin: 0 1%;
	}
	
	.iphone-show { display: block !important; }
	.iphone-hide { display: none !important; }
	
	.iphone-col-1 { width: 6.333%; max-width: 60px; }
	.iphone-col-2 { width: 14.666%; max-width: 140px; }
	.iphone-col-3 { width: 23%; max-width: 220px; }
	.iphone-col-4 { width: 31.333%; max-width: 300px; }
	.iphone-col-5 { width: 39.666%; max-width: 380px; }
	.iphone-col-6 { width: 48%; max-width: 460px; }
	.iphone-col-7 { width: 56.333%; max-width: 540px; }
	.iphone-col-8 { width: 64.666%; max-width: 620px; }
	.iphone-col-9 { width: 73%; max-width: 700px; }
	.iphone-col-10 { width: 81.333%; max-width: 780px; }
	.iphone-col-11 { width: 89.666%; max-width: 860px; }
	.iphone-col-12 { width: 98%; max-width: 940px; }

	
	/* Random widths */
	.iphone-width-1-2 { width: 50% ; }
	.iphone-width-3-4 { width: 75% }
	.iphone-width-1-3 { width: 33.33333% ; }
	.iphone-width-1-4 { width: 25% ; }
	.iphone-full-width { width: 100%; height: auto; }
	.iphone-auto-width { width: auto; }
	
	/* List */
	.iphone-bl { padding: 0; margin: 0; list-style: none; display: block; position: relative; }
	.iphone-bl > li { display: block; margin: 0; padding: 0; float: none; }
	.iphone-bl > li.right { float: none; }
	
	/* Block List */
	.iphone-bl { padding: 0; margin: 0; list-style: none; display: block; position: relative; }
	.iphone-bl > li { display: block; margin: 0; padding: 0; float: none; }
	
	.iphone-fl { float: left; }
	.iphone-fr { float: right; }
	.iphone-fn { float: none; }
}