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

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

	.row 								{ margin:0 auto; width: 960px; overflow: hidden; background-color: #fff;}
	.row .row 							{ margin:0 -16px; display: inline-block; background: transparent;}

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


/***** Tablets: 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 -14px; /*width: auto;*/ display: inline-block; }
		
	.grid_1								{ width: 36px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_2 							{ width: 100px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_3 							{ width: 164px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_4 							{ width: 228px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_5 							{ width: 292px; margin: 0 14px; overflow: visible; float: left; display: inline; }		
	.grid_6 							{ width: 356px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_7 							{ width: 420px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_8 							{ width: 484px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_9								{ width: 548px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_10							{ width: 612px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_11							{ width: 676px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	.grid_12							{ width: 740px; margin: 0 14px; overflow: visible; float: left; display: inline; }
	
	.grid_1 input                       { width: 22px; }
	.grid_2 input                       { width: 86px; }
	.grid_3 input                       { width: 150px; }
	.grid_4 input                       { width: 214px; }
	.grid_5 input                       { width: 278px; }
	.grid_6 input                       { width: 342px; }
	.grid_7 input                       { width: 406px; }
	.grid_8 input                       { width: 470px; }
	.grid_9 input                       { width: 534px; }
	.grid_10 input                      { width: 598px; }
	.grid_11 input                      { width: 662px; }
	.grid_12 input                      { width: 726px; }
	
	.space_1							{ margin-left: 78px !important; }
	.space_2							{ margin-left: 142px !important; }
	.space_3 							{ margin-left: 206px !important; }
	.space_4 							{ margin-left: 270px !important; }
	.space_5 							{ margin-left: 334px !important; }
	.space_6 							{ margin-left: 398px !important; }
	.space_7 							{ margin-left: 462px !important; }
	.space_8 							{ margin-left: 526px !important; }
	.space_9							{ margin-left: 590px !important; }
	.space_10							{ margin-left: 654px !important; }
	.space_11							{ margin-left: 718px !important; }
}

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

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

	.grid_1 input, .grid_2 input, .grid_3 input, .grid_4 input,
	.grid_5 input, .grid_6 input, .grid_7 input, .grid_8 input,
	.grid_9 input, .grid_10 input, .grid_11 input, .grid_12 input               { width: 422px; }
	
	fieldset .grid_1, fieldset .grid_2, fieldset .grid_3, fieldset .grid_4,
	fieldset .grid_5, fieldset .grid_6, fieldset .grid_7, fieldset .grid_8,
	fieldset .grid_9, fieldset .grid_10, fieldset .grid_11, fieldset .grid_12   { width: 436px; }
	
	.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 !important; }	
}

/***** Smartphones (portrait) *****/
@media only screen and (max-width: 479px) {

	.row 								                                        { margin: 0 auto; width: 300px; overflow: hidden; }
	.row .row 							                                        { margin: 0; padding: 10px 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: 0; overflow: hidden; float: left; display: inline; }
	
	.grid_1 input, .grid_2 input, .grid_3 input, .grid_4 input,
	.grid_5 input, .grid_6 input, .grid_7 input, .grid_8 input,
	.grid_9 input, .grid_10 input, .grid_11 input, .grid_12 input               { width: 266px; }
	
	fieldset .grid_1, fieldset .grid_2, fieldset .grid_3, fieldset .grid_4,
	fieldset .grid_5, fieldset .grid_6, fieldset .grid_7, fieldset .grid_8,
	fieldset .grid_9, fieldset .grid_10, fieldset .grid_11, fieldset .grid_12   { width: 280px; }
	
	.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 !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; }