body{min-width:100%;}
/* Container (960px @ 12 col)
------------------------------*/
.container{
position:relative;
display:block;
}
.container-12,
.container-16{
position:relative;
margin:0 auto;
max-width:960px;
}
/* Global
------------------------------*/
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-16{
position:relative;
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}
.col-1-wrap,
.col-2-wrap,
.col-3-wrap,
.col-4-wrap,
.col-5-wrap,
.col-6-wrap,
.col-7-wrap,
.col-8-wrap,
.col-9-wrap,
.col-10-wrap,
.col-11-wrap,
.col-12-wrap,
.col-13-wrap,
.col-14-wrap,
.col-15-wrap,
.col-16-wrap{
position:relative;
display:inline;
float:left;
margin-left:0 !important;
margin-right:0 !important;
}
/* Children
------------------------------*/
.begin{margin-left:0;}
.end{margin-right:0;}
/* 12 Columns
------------------------------*/
.container-12 .col-1,.col-1{width:60px;}
.container-12 .col-2,.col-2{width:140px;}
.container-12 .col-3,.col-3{width:220px;}
.container-12 .col-4,.col-4{width:300px;}
.container-12 .col-5,.col-5{width:380px;}
.container-12 .col-6,.col-6{width:460px;}
.container-12 .col-7,.col-7{width:540px;}
.container-12 .col-8,.col-8{width:620px;}
.container-12 .col-9,.col-9{width:700px;}
.container-12 .col-10,.col-10{width:780px;}
.container-12 .col-11,.col-11{width:860px;}
.container-12 .col-12,.col-12{width:940px;}
/* 16 Columns
------------------------------*/
.container-16 .col-1{width:40px;}
.container-16 .col-2{width:100px;}
.container-16 .col-3{width:160px;}
.container-16 .col-4{width:220px;}
.container-16 .col-5{width:280px;}
.container-16 .col-6{width:340px;}
.container-16 .col-7{width:400px;}
.container-16 .col-8{width:460px;}
.container-16 .col-9{width:520px;}
.container-16 .col-10{width:580px;}
.container-16 .col-11{width:640px;}
.container-16 .col-12{width:700px;}
.container-16 .col-13{width:760px;}
.container-16 .col-14{width:820px;}
.container-16 .col-15{width:880px;}
.container-16 .col-16{width:940px;}
/* 12 Column wraps
------------------------------*/
.container-12 .col-1-wrap{width:80px;}
.container-12 .col-2-wrap{width:160px;}
.container-12 .col-3-wrap{width:240px;}
.container-12 .col-4-wrap{width:320px;}
.container-12 .col-5-wrap{width:400px;}
.container-12 .col-6-wrap{width:480px;}
.container-12 .col-7-wrap{width:560px;}
.container-12 .col-8-wrap{width:640px;}
.container-12 .col-9-wrap{width:720px;}
.container-12 .col-10-wrap{width:800px;}
.container-12 .col-11-wrap{width:880px;}
.container-12 .col-12-wrap{width:960px;}
/* 16 Column wraps
------------------------------*/
.container-16 .col-1-wrap{width:60px;}
.container-16 .col-2-wrap{width:120px;}
.container-16 .col-3-wrap{width:180px;}
.container-16 .col-4-wrap{width:240px;}
.container-16 .col-5-wrap{width:300px;}
.container-16 .col-6-wrap{width:360px;}
.container-16 .col-7-wrap{width:420px;}
.container-16 .col-8-wrap{width:480px;}
.container-16 .col-9-wrap{width:540px;}
.container-16 .col-10-wrap{width:600px;}
.container-16 .col-11-wrap{width:660px;}
.container-16 .col-12-wrap{width:720px;}
.container-16 .col-13-wrap{width:780px;}
.container-16 .col-14-wrap{width:840px;}
.container-16 .col-15-wrap{width:900px;}
.container-16 .col-16-wrap{width:960px;}
/* pre - fix (12 column)
------------------------------*/
.container-12 .pre-1, .pre-1{padding-left:80px;}
.container-12 .pre-2, .pre-2{padding-left:160px;}
.container-12 .pre-3, .pre-3{padding-left:240px;}
.container-12 .pre-4, .pre-4{padding-left:320px;}
.container-12 .pre-5, .pre-5{padding-left:400px;}
.container-12 .pre-6, .pre-6{padding-left:480px;}
.container-12 .pre-7, .pre-7{padding-left:560px;}
.container-12 .pre-8, .pre-8{padding-left:640px;}
.container-12 .pre-9, .pre-9{padding-left:720px;}
.container-12 .pre-10, .pre-10{padding-left:800px;}
.container-12 .pre-11, .pre-11{padding-left:880px;}
/* suf - fix (12 Column)
------------------------------*/
.container-12 .suf-1, .suf-1{padding-right:80px;}
.container-12 .suf-2, .suf-2{padding-right:160px;}
.container-12 .suf-3, .suf-3{padding-right:240px;}
.container-12 .suf-4, .suf-4{padding-right:320px;}
.container-12 .suf-5, .suf-5{padding-right:400px;}
.container-12 .suf-6, .suf-6{padding-right:480px;}
.container-12 .suf-7, .suf-7{padding-right:560px;}
.container-12 .suf-8, .suf-8{padding-right:640px;}
.container-12 .suf-9, .suf-9{padding-right:720px;}
.container-12 .suf-10, .suf-10{padding-right:800px;}
.container-12 .suf-11, .suf-11{padding-right:880px;}
/* pre - fix (16 column)
------------------------------*/
.container-16 .pre-1, .pre-1{padding-left:60px;}
.container-16 .pre-2, .pre-2{padding-left:120px;}
.container-16 .pre-3, .pre-3{padding-left:180px;}
.container-16 .pre-4, .pre-4{padding-left:240px;}
.container-16 .pre-5, .pre-5{padding-left:300px;}
.container-16 .pre-6, .pre-6{padding-left:360px;}
.container-16 .pre-7, .pre-7{padding-left:420px;}
.container-16 .pre-8, .pre-8{padding-left:480px;}
.container-16 .pre-9, .pre-9{padding-left:540px;}
.container-16 .pre-10, .pre-10{padding-left:600px;}
.container-16 .pre-11, .pre-11{padding-left:660px;}
.container-16 .pre-12, .pre-12{padding-left:720px;}
.container-16 .pre-13, .pre-13{padding-left:780px;}
.container-16 .pre-14, .pre-14{padding-left:840px;}
.container-16 .pre-15, .pre-15{padding-left:900px;}
/* suf - fix (16 Column)
------------------------------*/
.container-16 .suf-1, .suf-1{padding-right:60px;}
.container-16 .suf-2, .suf-2{padding-right:120px;}
.container-16 .suf-3, .suf-3{padding-right:180px;}
.container-16 .suf-4, .suf-4{padding-right:240px;}
.container-16 .suf-5, .suf-5{padding-right:300px;}
.container-16 .suf-6, .suf-6{padding-right:360px;}
.container-16 .suf-7, .suf-7{padding-right:420px;}
.container-16 .suf-8, .suf-8{padding-right:480px;}
.container-16 .suf-9, .suf-9{padding-right:540px;}
.container-16 .suf-10, .suf-10{padding-right:600px;}
.container-16 .suf-11, .suf-11{padding-right:660px;}
.container-16 .suf-11, .suf-11{padding-right:660px;}
.container-16 .suf-12, .suf-12{padding-right:720px;}
.container-16 .suf-13, .suf-13{padding-right:780px;}
.container-16 .suf-14, .suf-14{padding-right:840px;}
.container-16 .suf-15, .suf-15{padding-right:900px;}
/* Clear Floats
------------------------------*/
.cl{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after,.container-12:before,.container-12:after,.container-16:before,.container-16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfix:after,.container-12:after,.container-16:after{clear:both;}
.clearfix,.container-12,.container-16{zoom:1;}