/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/* Desktop 1200px */

.row 								{ margin:0 auto; width:1200px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }

.grid_1								{ width:100px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:200px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:300px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:400px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:500px; margin:0; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:600px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:700px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:800px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:900px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:1000px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:1100px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:1200px; margin:0; overflow:hidden; float:left; display:inline; }

.offset_1							{ margin-left:100px; }
.offset_2							{ margin-left:200px; }
.offset_3 							{ margin-left:300px; }
.offset_4 							{ margin-left:400px; }
.offset_5 							{ margin-left:500px; }
.offset_6 							{ margin-left:600px; }
.offset_7 							{ margin-left:700px; }
.offset_8 							{ margin-left:800px; }
.offset_9							{ margin-left:900px; }
.offset_10							{ margin-left:1000px; }
.offset_11							{ margin-left:1100px; }

.show-phone { display:none !important; }
.show-tablet { display:none !important; }
.show-screen { display:inherit; }

.hide-phone	{ display:inherit !important; }
.hide-tablet { display:inherit !important; }
.hide-screen { display:none !important; }

/*}*/



/*** iPad Portrait ***/
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation:portrait) {

.row 								{ margin:0 auto; width:768px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }

.grid_1								{ width:64px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:128px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:192px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:256px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:320px; margin:0; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:384px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:448px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:512px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:576px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:640px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:704px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:768px; margin:0; overflow:hidden; float:left; display:inline; }
	
.offset_1							{ margin-left:64px; }
.offset_2							{ margin-left:128px; }
.offset_3 							{ margin-left:256px; }
.offset_4 							{ margin-left:320px; }
.offset_5 							{ margin-left:384px; }
.offset_6 							{ margin-left:448px; }
.offset_7 							{ margin-left:512px; }
.offset_8 							{ margin-left:576px; }
.offset_9							{ margin-left:640px; }
.offset_10							{ margin-left:704px; }
.offset_11							{ margin-left:768px; }

.show-phone { display:none !important; }
.show-tablet { display:inherit !important; }
.show-screen { display:inherit !important; }
	
.hide-phone	{ display:inherit !important; }
.hide-tablet { display:none !important; }
.hide-screen { display:none !important; }
	
}


/**** iPad Landscape ****/
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation:landscape) {

.row 								{ margin:0 auto; width:1024px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }

.grid_1								{ width:85.333333px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:170.666666px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:255.999999px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:341.333333px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:426.666666px; margin:0; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:511.999999px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:597.333333px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:682.666666px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:767.999999px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:853.333333px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:938.666666px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:1023.999999px; margin:0; overflow:hidden; float:left; display:inline; }
	
.offset_1							{ margin-left:85.333333px; }
.offset_2							{ margin-left:170.666666px; }
.offset_3 							{ margin-left:255.999999px; }
.offset_4 							{ margin-left:341.333333px; }
.offset_5 							{ margin-left:426.666666px; }
.offset_6 							{ margin-left:511.999999px; }
.offset_7 							{ margin-left:597.333333px; }
.offset_8 							{ margin-left:682.666666px; }
.offset_9							{ margin-left:767.999999px; }
.offset_10							{ margin-left:853.333333px; }
.offset_11							{ margin-left:938.666666px; }

.show-phone { display:none !important; }
.show-tablet { display:inherit !important; }
.show-screen { display:inherit !important; }
	
.hide-phone	{ display:inherit !important; }
.hide-tablet { display:none !important; }
.hide-screen { display:none !important; }
	
}




/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.row 								{ margin:0 auto; width:300px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
		
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.offset_1,
.offset_2,
.offset_3,
.offset_4,
.offset_5,
.offset_6,
.offset_7,
.offset_8,
.offset_9,
.offset_10,
.offset_11							{ margin-left:0; }

.show-phone { display:inherit !important; }
.show-tablet { display:none !important; }
.show-screen { display:none !important; }
	
.hide-phone	{ display:inherit !important; }
.hide-tablet { display:none !important; }
.hide-screen { display:none !important; }
			
}	 




/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.row 								{ margin:0 auto; width:456px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
	
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.show-phone { display:inherit !important; }
.show-tablet { display:none !important; }
.show-screen { display:none !important; }
	
.hide-phone	{ display:inherit !important; }
.hide-tablet { display:none !important; }
.hide-screen { display:none !important; }

}




/***** Clean up *****/

.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }
.row, 
.clearfix 							{ zoom:1; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;	}