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


/***** Screen 960px *****/

.grid_row 							{ margin:0 auto; width:960px; overflow:hidden; }
.grid_row .grid_row 				{ margin:0 -5px 0 -5px; width:auto; display:inline-block; }

.grid_1								{ width:70px;   margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:150px;  margin:0 5px; overflow:hidden; float:left; display:inline; }
.grid_3,.grid-3						{ width:230px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:310px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:390px;  margin:0 5px;overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:470px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:560px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:630px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_9								{ width:710px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_10							{ width:790px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_11							{ width:870px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
.grid_12							{ width:950px;  margin:0 5px;overflow:hidden; float:left; display:inline; }
	
.offset_1							{ margin-left:96px; }
.offset_2							{ margin-left:176px; }
.offset_3 							{ margin-left:256px; }
.offset_4 							{ margin-left:336px; }
.offset_5 							{ margin-left:416px; }
.offset_6 							{ margin-left:496px; }
.offset_7 							{ margin-left:576px; }
.offset_8 							{ margin-left:656px; }
.offset_9							{ margin-left:736px; }
.offset_10							{ margin-left:816px; }
.offset_11							{ margin-left:896px; }

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

.col_first,.col-first, .grid_first {margin:0 5px 0 0!important}	
.col_last,.col-last, .grid_last  {margin:0 0 0 5px!important}
.no-margin,.nomargin {margin:0!important}




/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.grid_row 								{ margin:0 auto; width:456px; overflow:hidden; }
.grid_row .grid_row 					{ margin:0; width:auto; display:inline-block; }
	
.grid_1,
.grid_2,
.grid_3,.grid-3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:456px; margin: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:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }

.col_first,.col-first, .grid_first {margin: 0!important}	
.col_last,.col-last, .grid_last  {margin:0!important}
.no-margin,.nomargin {margin:0!important}
	
}



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

.grid_row 								{ margin:0 auto; width:320px; overflow:hidden; }
.grid_row .grid_row 							{ margin:0; width:auto; display:inline-block; }
		
.grid_1,
.grid_2,
.grid_3,.grid-3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:320px; margin: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:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }


.col_first,.col-first, .grid_first {margin:0!important}	
.col_last,.col-last, .grid_last  {margin:0!important}
.no-margin,.nomargin {margin:0!important}			
}	 




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



.grid_row 								{ margin:0 auto; width:456px; overflow:hidden; }
.grid_row .grid_row 					{ margin:0; width:auto; display:inline-block; }
	
.grid_1,
.grid_2,
.grid_3,.grid-3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:456px; margin: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:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }

.col_first,.col-first, .grid_first {margin: 0!important}	
.col_last,.col-last, .grid_last  {margin:0!important}
.no-margin,.nomargin {margin:0!important}
}




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

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