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



/***** Screen Bigger than 960px *****/


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

.grid_1								{ width:95px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:200px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:304px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:410px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:460px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:620px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:660px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:830px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:860px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:1040px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:1060px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:1250px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }

.grid_6  .grid_6						{width:618px; margin:0;}

.offset_1							{ margin-left:120px; }
.offset_2							{ margin-left:220px; }
.offset_3 							{ margin-left:320px; }
.offset_4 							{ margin-left:420px; }
.offset_5 							{ margin-left:520px; }
.offset_6 							{ margin-left:620px; }
.offset_7 							{ margin-left:720px; }
.offset_8 							{ margin-left:820px; }
.offset_9							{ margin-left:920px; }
.offset_10							{ margin-left:1020px; }
.offset_11							{ margin-left:1120px; }

.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; }


/***** Screen 960px *****/
@media only screen and (min-width: 959px) and (max-width: 1200px) {


.row 								{ margin:0 auto; width:960px; overflow:hidden; }
.row .row 							{ margin:0 -4px 0 -4px; 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 {
        display: inline;
        float: left;
        margin-left: 4px;
        margin-right: 4px;
		overflow: hidden;
}
.grid_1 {width: 72px;}
.grid_2 {width: 152px;}
.grid_3 {width: 232px; margin: 0;}
.grid_4 {width: 312px;}
.grid_5 {width: 392px;}
.grid_6 {width: 472px;}
.grid_7 {width: 552px;}
.grid_8 {width: 632px;}
.grid_9 {width: 712px;}
.grid_10 {width: 792px;}
.grid_11 {width: 872px;}
.grid_12 {width: 952px;}
.grid_6  .grid_6 {width:470px; margin:0;}


.offset_1 {margin-left: 80px;}
.offset_2 {margin-left: 160px;}
.offset_3 {margin-left: 240px;}
.offset_4 {margin-left: 320px;}
.offset_5 {margin-left: 400px;}
.offset_6 {margin-left: 480px;}
.offset_7 {margin-left: 560px;}
.offset_8 {margin-left: 640px;}
.offset_9 {margin-left: 720px;}
.offset_10 {margin-left: 800px;}
.offset_11 {margin-left: 880px;}

.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; }

}


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

.row 								{ margin:0 auto; width:768px; overflow:hidden; }
.row .row 							{ margin:0 -2px 0 -2px; 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 {
        display: inline;
        float: left;
        margin-left: 2px;
        margin-right: 2px;
}
.grid_1 {width: 60px;}
.grid_2 {width: 124px;}
.grid_3 {width: 185px;}
.grid_4 {width: 252px;}
.grid_5 {width: 316px;}
.grid_6 {width: 380px;}
.grid_7 {width: 444px;}
.grid_8 {width: 508px;}
.grid_9 {width: 572px;}
.grid_10 {width: 636px;}
.grid_11 {width: 700px;}
.grid_12 {width: 764px;}
.grid_6 .grid_6 {width: 378px;}
		
.offset_1 {margin-left: 64px;}
.offset_2 {margin-left: 128px;}
.offset_3 {margin-left: 192px;}
.offset_4 {margin-left: 256px;}
.offset_5 {margin-left: 320px;}
.offset_6 {margin-left: 384px;}
.offset_7 {margin-left: 448px;}
.offset_8 {margin-left: 512px;}
.offset_9 {margin-left: 576px;}
.offset_10 {margin-left: 640px;}
.offset_11 {margin-left: 704px;}

.show-phone 						{ display:none !important; }
.show-tablet 						{ display:inherit !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:none !important; }
.hide-screen						{ display:inherit !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:2px 0 0 0; overflow:hidden; float:left; display:inline; }
.grid_6 .grid_6 {width: 298px;}

.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:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !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:2px 0 0 0; overflow:hidden; float:left; display:inline; }
.grid_6 .grid_6 {width: 454px;}

.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; }

}




/***** 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;	}