@charset "UTF-8";
/*  
*
*   MSM Grid framework
*   Based on 960 Grid
*   File type: CSS2
*   Media type: screen
*   License : GPL
*   
---------------------------------------- 
       Stylesheet structure
----------------------------------------
*/
/* # 0 -- Debug grid backgrounds -- */

/*.dbg12{background: url("../images/grid/grid12dbg.png") top left !important;}*/

    /*# -- Debug grid backgrounds -- */
    .dbgC1  {background-color: #006699; }
    .dbgC2  {background-color: #008000; }
    .dbgC3  {background-color: #5E740B; }
    .dbgC4  {background-color: #7e28a9; }
    .dbgC5  {background-color: #7DA2CE; }
    .dbgC6  {background-color: #FF854A; }
    .dbgC7  {background-color: #BDD2FF; }
    .dbgC8  {background-color: #f6a828;  }
    .dbgC9  {background-color: #999999; }
    .dbgC10{background-color: #C6E746; }

/* # 1 -- Body & page wrapper style -- */

/* # 2 -- Grid containers-- */

.c12,
.c16 {
  
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* # 3 -- Default grid box styles -- */

.gb1, .gb2, .gb3, .gb4, .gb5,
.gb6, .gb7, .gb8, .gb9, .gb10,
.gb11, .gb12, .gb13, .gb14,
.gb15, .gb16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

    /* # 3.1 -- Push box left & Pull box left -- */
    .psbl1,     .plbl1,
    .psbl2,     .plbl2,
    .psbl3,     .plbl3,
    .psbl4,     .plbl4,
    .psbl5,     .plbl5,
    .psbl6,     .plbl6,
    .psbl7,     .plbl7,
    .psbl8,     .plbl8,
    .psbl9,     .plbl9,
    .psbl10,   .plbl10,
    .psbl11,   .plbl11,
    .psbl12,   .plbl12,
    .psbl13,   .plbl13,
    .psbl14,   .plbl14,
    .psbl15,   .plbl15 {
    position: relative;
    }

.c12 .gb3,
.c16 .gb4 {
  width: 220px;
}

.c12 .gb6,
.c16 .gb8 {
  width: 460px;
}

.c12 .gb9,
.c16 .gb12 {
  width: 700px;
}

.c12 .gb12,
.c16 .gb16 {
  width: 940px;
}

/* # 4 -- First & last items -- */

div.fi  {margin-left: 0;}
div.li   {margin-right: 0;}

/* # 5 -- Default grid box widths for 12 container -- */

.c12 .gb1   {width: 60px;}
.c12 .gb2   {width: 140px;}
.c12 .gb4   {width: 300px;}
.c12 .gb5   {width: 380px;}
.c12 .gb7   {width: 540px;}
.c12 .gb8   {width: 620px;}
.c12 .gb10 {width: 780px;}
.c12 .gb11 {width: 860px;}

/* # 6 -- Default grid box widths for 12 container -- */

.c16 .gb1   {width: 40px;}
.c16 .gb2   {width: 100px;}
.c16 .gb3   {width: 160px;}
.c16 .gb5   {width: 280px;}
.c16 .gb6   {width: 340px;}
.c16 .gb7   {width: 400px;}
.c16 .gb9   {width: 520px;}
.c16 .gb10 {width: 580px;}
.c16 .gb11 {width: 640px;}
.c16 .gb13 {width: 760px;}
.c16 .gb14 {width: 820px;}
.c16 .gb15 {width: 880px;}

/* # 7 -- Global left grid spaces -- */

.c12 .pdbl3,
.c16 .pdbl4 {
  padding-left: 240px;
}

.c12 .pdbl6,
.c16 .pdbl8 {
  padding-left: 480px;
}

.c12 .pdbl9,
.c16 .pdbl12 {
  padding-left: 720px;
}

/* # 8 -- 12 Column left grid paddings -- */

.c12 .pdbl1   {padding-left: 80px;}
.c12 .pdbl2   {padding-left: 160px;}
.c12 .pdbl4   {padding-left: 320px;}
.c12 .pdbl5   {padding-left: 400px;}
.c12 .pdbl7   {padding-left: 560px;}
.c12 .pdbl8   {padding-left: 640px;}
.c12 .pdbl10 {padding-left: 800px;}
.c12 .pdbl11 {padding-left: 880px;}

/* # 9 -- 16 Column left grid paddings -- */

.c16 .pdbl1   {padding-left: 60px;}
.c16 .pdbl2   {padding-left: 120px;}
.c16 .pdbl3   {padding-left: 180px;}
.c16 .pdbl5   {padding-left: 300px;}
.c16 .pdbl6   {padding-left: 360px;}
.c16 .pdbl7   {padding-left: 420px;}
.c16 .pdbl9   {padding-left: 540px;}
.c16 .pdbl10 {padding-left: 600px;}
.c16 .pdbl11 {padding-left: 660px;}
.c16 .pdbl13 {padding-left: 780px;}
.c16 .pdbl14 {padding-left: 840px;}
.c16 .pdbl15 {padding-left: 900px;}

/* # 10 -- Global right grid spaces -- */

.c12 .pdbr3,
.c16 .pdbr4 {
  padding-right: 240px;
}

.c12 .pdbr6,
.c16 .pdbr8 {
  padding-right: 480px;
}

.c12 .pdbr9,
.c16 .pdbr12 {
  padding-right: 720px;
}

/* # 11 -- 12 Column right grid spaces -- */

.c12 .pdbr1  {padding-right: 80px;}
.c12 .pdbr2  {padding-right: 160px;}
.c12 .pdbr4  {padding-right: 320px;}
.c12 .pdbr5  {padding-right: 400px;}
.c12 .pdbr7  {padding-right: 560px;}
.c12 .pdbr8  {padding-right: 640px;}
.c12 .pdbr10{padding-right: 800px;}
.c12 .pdbr11{padding-right: 880px;}

/* # 12 -- 16 Column right grid spaces -- */

.c16 .pdbr1   {padding-right: 60px;}
.c16 .pdbr2   {padding-right: 120px;}
.c16 .pdbr3   {padding-right: 180px;}
.c16 .pdbr5   {padding-right: 300px;}
.c16 .pdbr6   {padding-right: 360px;}
.c16 .pdbr7   {padding-right: 420px;}
.c16 .pdbr9   {padding-right: 540px;}
.c16 .pdbr10 {padding-right: 600px;}
.c16 .pdbr11 {padding-right: 660px;}
.c16 .pdbr13 {padding-right: 780px;}
.c16 .pdbr14 {padding-right: 840px;}
.c16 .pdbr15 {padding-right: 900px;}

/* # 13 -- Push space global -- */

.c12 .psbl3,
.c16 .psbl4 {
  left: 240px;
}

.c12 .psbl6,
.c16 .psbl8 {
  left: 480px;
}

.c12 .psbl9,
.c16 .psbl12 {
  left: 720px;
}

/* # 14 -- Push space (12 column) -- */

.c12 .psbl1   {left: 80px;}
.c12 .psbl2   {left: 160px;}
.c12 .psbl4   {left: 320px;}
.c12 .psbl5   {left: 400px;}
.c12 .psbl7   {left: 560px;}
.c12 .psbl8   {left: 640px;}
.c12 .psbl10 {left: 800px;}
.c12 .psbl11 {left: 880px;}

/* # 15 -- Push space (16 column) -- */

.c16 .psbl1   {left: 60px;}
.c16 .psbl2   {left: 120px;}
.c16 .psbl3   {left: 180px;}
.c16 .psbl5   {left: 300px;}
.c16 .psbl6   {left: 360px;}
.c16 .psbl7   {left: 420px;}
.c16 .psbl9   {left: 540px;}
.c16 .psbl10 {left: 600px;}
.c16 .psbl11 {left: 660px;}
.c16 .psbl13 {left: 780px;}
.c16 .psbl14 {left: 840px;}
.c16 .psbl15 {left: 900px;}

/* # 16 -- Pull space global -- */

.c12 .plbl3,
.c16 .plbl4 {
  left: -240px;
}

.c12 .plbl6,
.c16 .plbl8 {
  left: -480px;
}

.c12 .plbl9,
.c16 .plbl12 {
  left: -720px;
}

/* # 17 -- Pull space (12 column) -- */

.c12 .plbl1   {left: -80px;}
.c12 .plbl2   {left: -160px;}
.c12 .plbl4   {left: -320px;}
.c12 .plbl5   {left: -400px;}
.c12 .plbl7   {left: -560px;}
.c12 .plbl8   {left: -640px;}
.c12 .plbl10 {left: -800px;}
.c12 .plbl11 {left: -880px;}

/* # 18 -- Pull space (16 column) -- */

.c16 .plbl1   {left: -60px;}
.c16 .plbl2   {left: -120px;}
.c16 .plbl3   {left: -180px;}
.c16 .plbl5   {left: -300px;}
.c16 .plbl6   {left: -360px;}
.c16 .plbl7   {left: -420px;}
.c16 .plbl9   {left: -540px;}
.c16 .plbl10 {left: -600px;}
.c16 .plbl11 {left: -660px;}
.c16 .plbl13 {left: -780px;}
.c16 .plbl14 {left: -840px;}
.c16 .plbl15 {left: -900px;}

/* # 19 -- Grid cleaner -- */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after,
.c12:before,
.c12:after,
.c16:before,
.c16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.c12:after,
.c16:after {
  clear: both;
}

.clearfix,
.c12,
.c16 {
  zoom: 1;
}

.pr{
    position: relative;
}

/* # -- Default widths in % -- */
.w3pr{width: 3%;}
.w5pr{width: 5%;}
.w10pr{width: 10%;}
.w15pr{width: 15%;}
.w20pr{width: 20%;}
.w25pr{width: 25%;}
.w30pr{width: 30%;}
.w35pr{width: 35%;}
.w40pr{width: 40%;}
.w45pr{width: 45%;}
.w50pr{width: 50%;}
.w55pr{width: 55%;}
.w60pr{width: 60%;}
.w65pr{width: 66%;}
.w70pr{width: 70%;}
.w75pr{width: 75%;}
.w80pr{width: 80%;}
.w85pr{width: 85%;}
.w90pr{width: 90%;}
.w95pr{width: 95%;}
.w100pr{width: 100%;}