#layout-col-1, 
#layout-col-2, 
#layout-col-3, 
#layout-col-4, 
#layout-col-5 { xborder:1px solid red; float:left; margin-bottom:10px; position:relative; }

* html #layout-col-1,
* html #layout-col-2,
* html #layout-col-3 { display:inline-block;}

/* body.l1 #layout-col-2, body.l1 #layout-col-3, body.l2 #layout-col-3  { } */

body.l0 #layout-col-1 { width:100%; float:none;}
body.l0 #layout-col-2, body.l0 #layout-col-3, body.l0 #layout-col-4 { width:865px; float:none; margin:0 auto; padding:0 15px;}

body.l1 #layout-col-1 { width:100%; }
body.l1 #layout-col-2 { width:100%; }
body.l1 #layout-col-3 { width:100%; }
body.l1 #layout-col-4 { width:100%; }

body.l1-fixed #layout-col-1 { width:865px; }
body.l1-fixed #layout-col-2 { width:865px; }
body.l1-fixed #layout-col-3 { width:865px; }
body.l1-fixed #layout-col-4 { width:865px; }

body.l2 #layout-col-1 { width:67.63005%; margin-left:0; }
.lt-ie9 body.l2 #layout-col-1 { width:67.63005% !important; margin-left:0; }
body.l2 #layout-col-2 { width:28.90173%; float:right; margin-right:0;  }
body.l2 #layout-col-3 { width:100%; }

body.l2-fixed #layout-col-1 { width:600px; margin-left:0; }
body.l2-fixed #layout-col-2 { width:252px; float:right; margin-right:0px;}
body.l2-fixed #layout-col-3 { width:865; }

body.l3 #layout-col-1 { width:50%; }
body.l3 #layout-col-2 { width:45%; float:right; }
body.l3 #layout-col-3 { width:100%; }

body.l3-fixed #layout-col-1 { width:430px; }
body.l3-fixed #layout-col-2 { width:430px; float:right; }
body.l3-fixed #layout-col-3 { width:865px; }

body.l4 #layout-col-1 { margin-bottom:3%; width:100%; }
body.l4 #layout-col-2 { width:50%; }
body.l4 #layout-col-3 { width:45%; float:right; }
body.l4 #layout-col-4 { width:100%; }

body.l4-fixed #layout-col-1 { width:865px; }
body.l4-fixed #layout-col-2 { width:430px; }
body.l4-fixed #layout-col-3 { width:430px; float:right; }
body.l4-fixed #layout-col-4 { width:865px; }




/* layout themes  */
body.l2 .main-content, body.l3 .main-content { background-image:url("/assets/images/global/divider-single.png"); background-repeat:repeat-y; }
body.l2 .main-content { background-position:68.5% 40px;  }
body.l3 .main-content { background-position:52.25% 40px;  }


/* example: mobile first responsive 
body.l2 #layout-col-1 { margin-left:0; width:100%; }
body.l2 #layout-col-2 { float:left; margin-right:0; width:100%; }

@media (min-width: 768px) {
	body.l2 #layout-col-1 { margin-left:0; width:69.364161%; }
	body.l2 #layout-col-2 { float:right; margin-right:0; width:29.132947%; }
}
*/

/* site wide responsive toggle on/off */
/* on
#siteWrapper { min-width:865px; }
.main-header .navbar {max-width:1024px; min-width:865px;}
.main-header .sub-nav { max-width:1024px; min-width:865px; padding:0 15px;}
.main-content { max-width:1024px; min-width:865px; padding:0 15px;}
.main-footer { max-width:995px; min-width:895px; padding:0 15px; }
 */

/* off */
.main-header .nav-wrapper {width:898px;}
.main-header .sub-nav { padding:0 15px;}
.main-content { width:865px; padding:0 15px;}
.main-footer { width:895px; padding:0 15px; }


/* custom home page layout 
.l0 .main-content { width:100%; }
*/


/* site utils */
.no-margin 			{margin: 0 !important;}
.no-top-margin 		{margin-top: 0 !important;}
.no-bottom-margin 	{margin-bottom: 0 !important;}
.no-right-margin 	{margin-right: 0 !important;}
.no-left-margin 	{margin-left: 0 !important;}
.no-padding 		{padding: 0 !important;}
.no-top-padding 	{padding-top: 0 !important;}
.no-bottom-padding 	{padding-bottom: 0 !important;}
.no-border 			{border: none !important;}

/* clearfix helper */
.clear 			{clear: both;}
.clear-right	{clear: right;}
.clear-left 	{clear: left;}

.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1;}


/* layout helper
.coll { display:inline; float:left; position:relative;}
.colr { display:inline; float:right; position:relative;}
 */
.pull-right{float:right !important;}
.pull-left{float:left !important;}
.float-none {float:none; position: relative;}
.overflow-hidden { overflow:hidden;}