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

.container_24 						{ margin:0 auto; width:960px; }
.container_24 .container_24 		{ margin:0 -5px 0 -5px; width:auto; }

/* `Grid >> Global 24 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.grid_24_2px {
  display: inline;
  float: left;
  /* margin-left: 5px; */
  margin-left: 3px;
  margin-right: 5px;
}

.container_24 .grid_8 {
	float: right;
    margin-right: -3px;
}



.grid_1 							{ width: 30px; }
.grid_2 							{ width: 70px; }
.grid_3 							{ width: 110px; }
.grid_4 							{ width: 150px; }
.grid_5 							{ width: 190px; }
.grid_6 							{ width: 230px; }
.grid_7 							{ width: 270px; }
.grid_8 							{ width: 310px; }
.grid_9 							{ width: 350px; }
.grid_10 							{ width: 390px; }
.grid_11 							{ width: 430px; }
.grid_12 							{ width: 470px; }
.grid_13 							{ width: 510px; }
.grid_14 							{ width: 550px; }
.grid_15 							{ width: 590px; }
.grid_16 							{ width: 630px; }
.grid_17 							{ width: 670px; }
.grid_18 							{ width: 710px; }
.grid_19 							{ width: 750px; }
.grid_20 							{ width: 790px; }
.grid_21 							{ width: 830px; }
.grid_22 							{ width: 870px; }
.grid_23 							{ width: 910px; }
.grid_24 							{ width: 950px; }
.grid_24_2px 						{ width: 952px; }

/* `Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_1 							{ margin-left: 45px; }
.prefix_2 							{ margin-left: 80px; }
.prefix_3 							{ margin-left: 125px; }
.prefix_4 							{ margin-left: 165px; }
.prefix_5 							{ margin-left: 205px; }
.prefix_6 							{ margin-left: 245px; }
.prefix_7 							{ margin-left: 285px; }
.prefix_8 							{ margin-left: 325px; }
.prefix_9 							{ margin-left: 365px; }
.prefix_10 							{ margin-left: 405px; }
.prefix_11 							{ margin-left: 445px; }
.prefix_12 							{ margin-left: 485px; }
.prefix_13 							{ margin-left: 525px; }
.prefix_14 							{ margin-left: 565px; }
.prefix_15 							{ margin-left: 605px; }
.prefix_16 							{ margin-left: 645px; }
.prefix_17 							{ margin-left: 685px; }
.prefix_18 							{ margin-left: 725px; }
.prefix_19 							{ margin-left: 765px; }
.prefix_20 							{ margin-left: 805px; }
.prefix_21 							{ margin-left: 845px; }
.prefix_22 							{ margin-left: 885px; }
.prefix_23 							{ margin-left: 925px; }

/* `Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.suffix_1 							{ margin-right: 45px; }
.suffix_2 							{ margin-right: 80px; }
.suffix_3 							{ margin-right: 125px; }
.suffix_4 							{ margin-right: 165px; }
.suffix_5 							{ margin-right: 205px; }
.suffix_6 							{ margin-right: 245px; }
.suffix_7 							{ margin-right: 285px; }
.suffix_8 							{ margin-right: 325px; }
.suffix_9 							{ margin-right: 365px; }
.suffix_10 							{ margin-right: 405px; }
.suffix_11 							{ margin-right: 445px; }
.suffix_12 							{ margin-right: 485px; }
.suffix_13 							{ margin-right: 525px; }
.suffix_14 							{ margin-right: 565px; }
.suffix_15 							{ margin-right: 605px; }
.suffix_16 							{ margin-right: 645px; }
.suffix_17 							{ margin-right: 685px; }
.suffix_18 							{ margin-right: 725px; }
.suffix_19 							{ margin-right: 765px; }
.suffix_20 							{ margin-right: 805px; }
.suffix_21 							{ margin-right: 845px; }
.suffix_22 							{ margin-right: 885px; }
.suffix_23 							{ margin-left: 925px; }

.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) {

.container_24 						{ margin:0 auto; width:758px; }
.container_24 .container_24 		{ margin:0 -4px 0 -4px; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.grid_24_2px {
  display: inline;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}

.grid_1 							{ width: 14px; }
.grid_2 							{ width: 46px; }
.grid_3 							{ width: 78px; }
.grid_4 							{ width: 110px; }
.grid_5 							{ width: 142px; }
.grid_6 							{ width: 174px; }
.grid_7 							{ width: 206px; }
.grid_8 							{ width: 237px; }
.grid_9 							{ width: 270px; }
.grid_10 							{ width: 362px; }
.grid_11 							{ width: 334px; }
.grid_12 							{ width: 366px; }
.grid_13 							{ width: 398px; }
.grid_14 							{ width: 430px; }
.grid_15 							{ width: 462px; }
.grid_16 							{ width: 494px; }
.grid_17 							{ width: 526px; }
.grid_18 							{ width: 558px; }
.grid_19 							{ width: 590px; }
.grid_20 							{ width: 622px; }
.grid_21 							{ width: 654px; }
.grid_22 							{ width: 686px; }
.grid_23 							{ width: 718px; }
.grid_24 							{ width: 750px; }

.prefix_1 							{ margin-left: 26px; }
.prefix_2 							{ margin-left: 58px; }
.prefix_3 							{ margin-left: 90px; }
.prefix_4 							{ margin-left: 122px; }
.prefix_5 							{ margin-left: 154px; }
.prefix_6 							{ margin-left: 186px; }
.prefix_7 							{ margin-left: 218px; }
.prefix_8 							{ margin-left: 250px; }
.prefix_9 							{ margin-left: 282px; }
.prefix_10 							{ margin-left: 314px; }
.prefix_11 							{ margin-left: 346px; }
.prefix_12 							{ margin-left: 378px; }
.prefix_13 							{ margin-left: 410px; }
.prefix_14 							{ margin-left: 442px; }
.prefix_15 							{ margin-left: 474px; }
.prefix_16 							{ margin-left: 506px; }
.prefix_17 							{ margin-left: 538px; }
.prefix_18 							{ margin-left: 570px; }
.prefix_19 							{ margin-left: 602px; }
.prefix_20 							{ margin-left: 634px; }
.prefix_21 							{ margin-left: 666px; }
.prefix_22 							{ margin-left: 698px; }
.prefix_23 							{ margin-left: 730px; }
		
.suffix_1 							{ margin-right: 26px; }
.suffix_2 							{ margin-right: 58px; }
.suffix_3 							{ margin-right: 90px; }
.suffix_4 							{ margin-right: 122px; }
.suffix_5 							{ margin-right: 154px; }
.suffix_6 							{ margin-right: 186px; }
.suffix_7 							{ margin-right: 218px; }
.suffix_8 							{ margin-right: 250px; }
.suffix_9 							{ margin-right: 282px; }
.suffix_10 							{ margin-right: 314px; }
.suffix_11 							{ margin-right: 346px; }
.suffix_12 							{ margin-right: 378px; }
.suffix_13 							{ margin-right: 410px; }
.suffix_14 							{ margin-right: 442px; }
.suffix_15 							{ margin-right: 474px; }
.suffix_16 							{ margin-right: 506px; }
.suffix_17 							{ margin-right: 538px; }
.suffix_18 							{ margin-right: 570px; }
.suffix_19 							{ margin-right: 602px; }
.suffix_20 							{ margin-right: 634px; }
.suffix_21 							{ margin-right: 666px; }
.suffix_22 							{ margin-right: 698px; }
.suffix_23 							{ margin-right: 730px; }

.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) {

.container_24 						{ margin:0 auto; width:310px; }
.container_24 .container_24 		{ margin:0; }
		
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 							{ width:300px; margin:10px 0 0 0; float:left; display:inline; }

.prefix_1,
.prefix_2,
.prefix_3,
.prefix_4,
.prefix_5,
.prefix_6,
.prefix_7,
.prefix_8,
.prefix_9,
.prefix_10,
.prefix_11,
.prefix_12,
.prefix_13,
.prefix_14,
.prefix_15,
.prefix_16,
.prefix_17,
.prefix_18,
.prefix_19,
.prefix_20,
.prefix_21,	
.prefix_22,
.prefix_23,							{ margin-left:0; }

.suffix_1,
.suffix_2,
.suffix_3,
.suffix_4,
.suffix_5,
.suffix_6,
.suffix_7,
.suffix_8,
.suffix_9,
.suffix_10,
.suffix_11,
.suffix_12,
.suffix_13,
.suffix_14,
.suffix_15,
.suffix_16,
.suffix_17,
.suffix_18,
.suffix_19,
.suffix_20,
.suffix_21,	
.suffix_22,
.suffix_23,							{ margin-right: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) {

.container_24 						{ margin:0 auto; width:466px; }
.container_24 .container_24 		{ margin:0; }
	
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 							{ width:456px; margin:10px 0 0 0; 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; }

}




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

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