/*!
 * Dark Framewrok v2.0.0
 * Dedicated to 1170px
 * Copyright 2013
 * Licensed under Astrit Bublaku
 */
    .wrapper {
       width:1170px;
       margin:0 auto;
       display:block;
   }
    .inner-banner {
       width:1170px;
       margin:0 auto;
       display:block;
   }
   .wrapper2 {
    width: 1070px;
    margin: auto;
  }

    .dark [class*="column"] {
      display: block;
      float: left;
      width: 100%;
      min-height: 30px;
        margin-left: 2.127659574468085%;
      *margin-left: 2.074468085106383%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }

    .dark [class*="column"]:first-child {
      margin-left: 0;
    }

    .dark .column12 {
      width: 100%;
      *width: 99.94680851063829%;
    }

    .dark .column11 {
      width: 91.48936170212765%;
      *width: 91.43617021276594%;
    }

    .dark .column10 {
      width: 82.97872340425532%;
      *width: 82.92553191489361%;
    }

    .dark .column9 {
      width: 74.46808510638297%;
      *width: 74.41489361702126%;
    }

    .dark .column8 {
      width: 65.95744680851064%;
      *width: 65.90425531914893%;
    }

    .dark .column7 {
      width: 57.44680851063829%;
      *width: 57.39361702127659%;
    }

    .dark .column6 {
      width: 48.93617021276595%;
      *width: 48.88297872340425%;
    }

    .dark .column5 {
      width: 40.42553191489362%;
      *width: 40.37234042553192%;
    }

    .dark .column4 {
      width: 31.914893617021278%;
      *width: 31.861702127659576%;
    }

    .dark .column3 {
      width: 23.404255319148934%;
      *width: 23.351063829787233%;
    }

    .dark .column2 {
      width: 14.893617021276595%;
      *width: 14.840425531914894%;
    }

    .dark .column1 {
      width: 6.382978723404255%;
      *width: 6.329787234042553%;
    }


@media screen and (max-width:1170px) {

    .wrapper {
        width:940px;
        margin:0 auto;
        display:block;
    }
    .inner-banner {
        width:940px;
        margin:0 auto;
        display:block;
    }
    .wrapper2 {
    width: 940px;
    margin: auto;
  }


}
/* for 980px or less */
@media screen and (max-width:980px) {

    .wrapper {
        width:724px;
        margin:0 auto;
        display:block;
    }
    .inner-banner {
        width:724px;
        margin:0 auto;
        display:block;
    }
    .wrapper2 {
    width: 724px;
    margin: auto;
  }

 
}
/* for 700px or less */
@media screen and (max-width:700px) {

    .wrapper {
        width:460px;
        margin:0 auto;
        display:block;
    }
    .inner-banner {
        width:460px;
        margin:0 auto;
        display:block;
    }
    .wrapper2 {
    width: 460px;
    margin: auto;
  }

  .dark [class*="column"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 0%;
    *margin-left: 0%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .dark [class*="column"]:first-child {
    margin-left: 0;
  }

  .dark .column12, .dark .column11, .dark .column10, .dark .column9, .dark .column8, 
  .dark .column7, .dark .column6, .dark .column5, .dark .column4, .dark .column3,
  .dark .column2, .dark .column1 {
    width: 100%;
    *width: 99.94680851063829%;
  }


}
/* for 480px or less */
@media screen and (max-width:480px) {

    .wrapper {
        width:300px;
        margin:0 auto;
        display:block;
    }
    .wrapper2 {
    width: 300px;
    margin: auto;
  }

    .inner-banner {
        width:300px;
        margin:0 auto;
        display:block;
    }

}