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


/***** Standard 960px *****/

  .row                 { margin:0 auto; width:960px; }  
  .row .row               { margin:0 -16px 0 -16px; width:auto; display:inline-block; }

  .grid_1                { width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_2               { width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_3               { width:208px; margin:0 16px 0 16px;  overflow:hidden; float:left; display:inline; }
  .grid_4               { width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_5               { width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }    
  .grid_6               { width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_7               { width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_8               { width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_9                { width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_10              { width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_11              { width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
  .grid_12              { width:928px; margin:0 16px 0 16px;  overflow:hidden; float:left; display:inline; }
  
  .space_1              { margin-left:96px; }
  .space_2              { margin-left:176px; }
  .space_3               { margin-left:256px; }
  .space_4               { margin-left:336px; }
  .space_5               { margin-left:416px; }
  .space_6               { margin-left:496px; }
  .space_7               { margin-left:576px; }
  .space_8               { margin-left:656px; }
  .space_9              { margin-left:736px; }
  .space_10              { margin-left:816px; }
  .space_11              { margin-left:896px; }

  .image-grid             { padding: 0; width: 960px; margin:0 -16px 0 -16px;}
  
  .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; }
  

/***** Bigger than 960px *****/
@media only screen and (min-width:1200px) {

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

.grid_1                { width:60px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_2               { width:160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_3               { width:260px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_4               { width:360px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_5               { width:460px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }    
.grid_6               { width:560px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_7               { width:660px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_8               { width:760px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_9                { width:860px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_10              { width:960px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_11              { width:1060px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_12              { width:1160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.image-grid             { padding: 0; width: 1200px; margin:0 -20px 0 -20px;}

.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 Smaller than 959px *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

  .row                 { margin:0 auto; width:768px;  }
  .row .row               { margin:0 -14px 0 -14px; width:auto; display:inline-block; }
    
  .grid_1                { width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_2               { width:100px; margin:0 14px 0 14px; overflow:hidden;float:left; display:inline; }
  .grid_3               { width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_4               { width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_5               { width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }    
  .grid_6               { width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_7               { width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_8               { width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_9                { width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_10              { width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_11              { width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
  .grid_12              { width:740px; margin:0 14px 0 14px;  overflow:hidden;float:left; display:inline; }
    
  .space_1              { margin-left:78px; }
  .space_2              { margin-left:142px; }
  .space_3               { margin-left:206px; }
  .space_4               { margin-left:270px; }
  .space_5               { margin-left:334px; }
  .space_6               { margin-left:398px; }
  .space_7               { margin-left:462px; }
  .space_8               { margin-left:526px; }
  .space_9              { margin-left:590px; }
  .space_10              { margin-left:654px; }
  .space_11              { margin-left:718px; }
  
  .image-grid             { padding: 0; width: 768px; margin:0 -14px 0 -14px;}
  
  .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; }
  
}



/***** iPhone (landscape) *****/
@media only screen and (max-width: 767px) {

  .row                 { margin:0 auto; width:300px; }
  .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:290px; margin:10px 0 0 0;  float:left; display:inline;padding:0 5px 0 5px;  }

  .space_1,
  .space_2,
  .space_3,
  .space_4,
  .space_5,
  .space_6,
  .space_7,
  .space_8,
  .space_9,
  .space_10,
  .space_11,              { margin-left:0; }
  
  .image-grid             { padding: 0; width: 300px; margin: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; }
        
}   




/***** iPhone (portrait) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

  .row                 { margin:0 auto; width:456px; }
  .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:446px; margin:10px 0 0 0;  float:left; display:inline;padding:0 5px 0 5px; }
  
  .image-grid             { padding: 0; width: 456px; margin: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; }
  
}



/***** Clean up on isle 6 *****/

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