/*

  960 Grid System Modified for

  Responsive layout 960 Grid 

  System ~ Core CSS.

  Learn more ~ http://960.gs/

    

  Author: InkThemes

  Licensed under GPL and MIT.

*/



/*

  Forces backgrounds to span full width,

  even if there is horizontal scrolling.

  Increase this if your layout is wider.



  Note: IE6 works fine without this fix.

*/



/* `Container >> 24 Columns

-----------------------------------*/

.container_24 {

    margin-left: auto;

    margin-right: auto;

    width: 990px;
	overflow: hidden;

}

/* `Grid >> Global

-----------------------------------*/



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

    display: inline;

    float: left;

    margin-left: 0px;

    margin-right: 0px;

}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)

-----------------------------------*/



.alpha {

    margin-left: 0;

}

.omega {

    margin-right: 0;

}

/* `Grid >> 24 Columns

-----------------------------------*/



.container_24 .grid_1 {

    width: 30px;

}

.container_24 .grid_2 {

    width: 70px;

}

.container_24 .grid_3 {

    width: 110px;

}

.container_24 .grid_4 {

    width: 150px;

}

.container_24 .grid_5 {

    width: 190px;

}

.container_24 .grid_6 {

    width: 230px;

}

.container_24 .grid_7 {

    width: 270px;

}

.container_24 .grid_8 {

    width: 285px;

}

.container_24 .grid_9 {

    width: 350px;

}

.container_24 .grid_10 {

    width: 390px;

}

.container_24 .grid_11 {

    width: 430px;

}

.container_24 .grid_12 {

    width: 470px;

}

.container_24 .grid_13 {

    width: 510px;

}

.container_24 .grid_14 {

    width:970px;

}

.container_24 .grid_15 {

    width: 590px;

}

.container_24 .grid_16 {

    width: 705px;
	float: right;

}

.container_24 .grid_17 {

    width: 670px;

}

.container_24 .grid_18 {

    width: 710px;

}

.container_24 .grid_19 {

    width: 750px;

}

.container_24 .grid_20 {

    width: 790px;

}

.container_24 .grid_21 {

    width: 830px;

}

.container_24 .grid_22 {

    width: 870px;

}

.container_24 .grid_23 {

    width: 910px;

}

.container_24 .grid_24 {

    width: 990px;

}

/* `Clear Floated Elements

-----------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0;

}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */



.clearfix:before, .clearfix:after {

    content: '\0020';

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0;

}

.clearfix:after {

    clear: both;

}

/*

  The following zoom:1 rule is specifically for IE6 + IE7.

  Move to separate stylesheet if invalid CSS is a problem.

*/



.clearfix {

    zoom: 1;

}

/*  This query is applied for

    Protait Tablet ipad

*/