/* =Grid >> Global
--------------------------------------------------------------------------------*/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20, .col21, .col22, .col23, .col24, .col33, .col50 {
	display: inline;
	float: left;
	position:relative;
	margin-left: 0px;
	margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0 !important;}
.omega {margin-right: 0 !important;}




/* =Grid >> 24 Columns Content
--------------------------------------------------------------------------------*/
#page #content .col1  {width: 30px;}
#page #content .col2  {width: 70px;}
#page #content .col3  {width: 110px;}
#page #content .col4  {width: 150px;}
#featured .col5       {width: 170px;}
#page #content .col5  {width: 190px;}
#content .col6        {width: 230px !important;}
#page #content .col7  {width: 270px;}
#page #content .col8  {width: 310px;}
#page #content .col9  {width: 350px;}
#page #content .col10 {width: 390px;}
#page #content .col11 {width: 430px;}
#page #content .col12 {width: 470px;}
#homepage #page #content .col12 {margin-bottom: 14px}
#page #content .col13 {width: 510px;}
#page #content .col14 {width: 550px;}
#page #content .col15 {width: 590px;}
#page #content .col16 {width: 630px;}
#page #content .col17 {width: 688px;}
#page #content .inner .col17 {width: 670px;}
#page #content .col18 {width: 710px;}
#page #content .col19 {width: 750px;}
#page #content .col20 {width: 790px;}
#page #content .col21 {width: 830px;}
#page #content .col22 {width: 870px;}
#page #content .col23 {width: 910px;}
#page #content .col24 {width: 950px !important;}


.sub-content .col6 {width: 234px; margin: 0 4px 10px 8px}
.col24 {width: 950px;}

.col33{width: 32%; overflow: hidden;}
.col50{width: 49%; overflow: hidden}
.border-r{ border-right:1px solid #bbb; }

/* =Prefix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
#page .pl1 {padding-left: 40px;}
#page .pl2 {padding-left: 80px;}
#page .pl3 {padding-left: 120px;}
#page .pl4 {padding-left: 160px;}
#page .pl5 {padding-left: 200px;}
#page .pl6 {padding-left: 240px;}
#page .pl7 {padding-left: 280px;}
#page .pl8 {padding-left: 320px;}
#page .pl9 {padding-left: 360px;}
#page .pl10 {padding-left: 400px;}
#page .pl11 {padding-left: 440px;}
#page .pl12 {padding-left: 480px;}
#page .pl13 {padding-left: 520px;}
#page .pl14 {padding-left: 560px;}
#page .pl15 {padding-left: 600px;}
#page .pl16 {padding-left: 640px;}
#page .pl17 {padding-left: 680px;}
#page .pl18 {padding-left: 720px;}
#page .pl19 {padding-left: 760px;}
#page .pl20 {padding-left: 800px;}
#page .pl21 {padding-left: 840px;}
#page .pl22 {padding-left: 880px;}
#page .pl23 {padding-left: 920px;}

/* =Suffix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
#page .pr1 {padding-right: 40px;}
#page .pr2 {padding-right: 80px;}
#page .pr3 {padding-right: 120px;}
#page .pr4 {padding-right: 160px;}
#page .pr5 {padding-right: 200px;}
#page .pr6 {padding-right: 240px;}
#page .pr7 {padding-right: 280px;}
#page .pr8 {padding-right: 320px;}
#page .pr9 {padding-right: 360px;}
#page .pr10 {padding-right: 400px;}
#page .pr11 {padding-right: 440px;}
#page .pr12 {padding-right: 480px;}
#page .pr13 {padding-right: 520px;}
#page .pr14 {padding-right: 560px;}
#page .pr15 {padding-right: 600px;}
#page .pr16 {padding-right: 640px;}
#page .pr17 {padding-right: 680px;}
#page .pr18 {padding-right: 720px;}
#page .pr19 {padding-right: 760px;}
#page .pr20 {padding-right: 800px;}
#page .pr21 {padding-right: 840px;}
#page .pr22 {padding-right: 880px;}
#page .pr23 {padding-right: 920px;}

/* `Push Space >> 24 Columns
--------------------------------------------------------------------------------*/
#page .push_1 {left: 40px;}
#page .push_2 {left: 80px;}
#page .push_3 {left: 120px;}
#page .push_4 {left: 160px;}
#page .push_5 {left: 200px;}
#page .push_6 {left: 240px;}
#page .push_7 {left: 280px;}
#page .push_8 {left: 320px;}
#page .push_9 {left: 360px;}
#page .push_10 {left: 400px;}
#page .push_11 {left: 440px;}
#page .push_12 {left: 480px;}
#page .push_13 {left: 520px;}
#page .push_14 {left: 560px;}
#page .push_15 {left: 600px;}
#page .push_16 {left: 640px;}
#page .push_17 {left: 680px;}
#page .push_18 {left: 720px;}
#page .push_19 {left: 760px;}
#page .push_20 {left: 800px;}
#page .push_21 {left: 840px;}
#page .push_22 {left: 880px;}
#page .push_23 {left: 920px;}

/* `Pull Space >> 24 Columns
--------------------------------------------------------------------------------*/
#page .pull_1 {left: -40px;}
#page .pull_2 {left: -80px;}
#page .pull_3 {left: -120px;}
#page .pull_4 {left: -160px;}
#page .pull_5 {left: -200px;}
#page .pull_6 {left: -240px;}
#page .pull_7 {left: -280px;}
#page .pull_8 {left: -320px;}
#page .pull_9 {left: -360px;}
#page .pull_10 {left: -400px;}
#page .pull_11 {left: -440px;}
#page .pull_12 {left: -480px;}
#page .pull_13 {left: -520px;}
#page .pull_14 {left: -560px;}
#page .pull_15 {left: -600px;}
#page .pull_16 {left: -640px;}
#page .pull_17 {left: -680px;}
#page .pull_18 {left: -720px;}
#page .pull_19 {left: -760px;}
#page .pull_20 {left: -800px;}
#page .pull_21 {left: -840px;}
#page .pull_22 {left: -880px;}
#page .pull_23 {left: -920px;}


#page .mt1 {margin-top: 10px;}
#page .mt2 {margin-top: 20px;}
#page .mt3 {margin-top: 30px;}
#page .mt4 {margin-top: 40px;}
#page .mt5 {margin-top: 50px;}

#page .mb1 {margin-bottom: 10px;}
#page .mb2 {margin-bottom: 20px;}
#page .mb3 {margin-bottom: 30px;}
#page .mb4 {margin-bottom: 40px;}
#page .mb5 {margin-bottom: 50px;}

#page .ml1 {margin-left: 10px;}
#page .ml2 {margin-left: 20px;}
#page .ml3 {margin-left: 30px;}
#page .ml4 {margin-left: 40px;}
#page .ml5 {margin-left: 50px;}

#page .mr1 {margin-right: 10px;}
#page .mr2 {margin-right: 20px;}
#page .mr3 {margin-right: 30px;}
#page .mr4 {margin-right: 40px;}
#page .mr5 {margin-right: 50px;}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.last{margin-right: 0 !important;}