/* Global reset
----------------------------------------------------------------------------------------------------*/
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
body {
    line-height: 1; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }
table {
    border-collapse: collapse;
    border-spacing: 0; }
 
 
 
body {
  min-width: 960px;
}
 
/* `Containers
----------------------------------------------------------------------------------------------------*/
 
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
 
 
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
 
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}
 
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
 
.alpha {
  margin-left: 0;
}
 
.omega {
  margin-right: 0;
}
 
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
 
.container_12 .grid_1 {
  width: 60px;
}
 
.container_12 .grid_2 {
  width: 140px;
}
 
.container_12 .grid_3 {
  width: 220px;
}
 
.container_12 .grid_4 {
  width: 300px;
}
 
.container_12 .grid_5 {
  width: 380px;
}
 
.container_12 .grid_6 {
  width: 460px;
}
 
.container_12 .grid_7 {
  width: 540px;
}
 
.container_12 .grid_8 {
  width: 620px;
}
 
.container_12 .grid_9 {
  width: 700px;
}
 
.container_12 .grid_10 {
  width: 780px;
}
 
.container_12 .grid_11 {
  width: 860px;
}
 
.container_12 .grid_12 {
  width: 940px;
}
 
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
 
.container_12 .prefix_1 {
  padding-left: 80px;
}
 
.container_12 .prefix_2 {
  padding-left: 160px;
}
 
.container_12 .prefix_3 {
  padding-left: 240px;
}
 
.container_12 .prefix_4 {
  padding-left: 320px;
}
 
.container_12 .prefix_5 {
  padding-left: 400px;
}
 
.container_12 .prefix_6 {
  padding-left: 480px;
}
 
.container_12 .prefix_7 {
  padding-left: 560px;
}
 
.container_12 .prefix_8 {
  padding-left: 640px;
}
 
.container_12 .prefix_9 {
  padding-left: 720px;
}
 
.container_12 .prefix_10 {
  padding-left: 800px;
}
 
.container_12 .prefix_11 {
  padding-left: 880px;
}
 
/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
 
.container_12 .suffix_1 {
  padding-right: 80px;
}
 
.container_12 .suffix_2 {
  padding-right: 160px;
}
 
.container_12 .suffix_3 {
  padding-right: 240px;
}
 
.container_12 .suffix_4 {
  padding-right: 320px;
}
 
.container_12 .suffix_5 {
  padding-right: 400px;
}
 
.container_12 .suffix_6 {
  padding-right: 480px;
}
 
.container_12 .suffix_7 {
  padding-right: 560px;
}
 
.container_12 .suffix_8 {
  padding-right: 640px;
}
 
.container_12 .suffix_9 {
  padding-right: 720px;
}
 
.container_12 .suffix_10 {
  padding-right: 800px;
}
 
.container_12 .suffix_11 {
  padding-right: 880px;
}
 
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
 
.container_12 .push_1 {
  left: 80px;
}
 
.container_12 .push_2 {
  left: 160px;
}
 
.container_12 .push_3 {
  left: 240px;
}
 
.container_12 .push_4 {
  left: 320px;
}
 
.container_12 .push_5 {
  left: 400px;
}
 
.container_12 .push_6 {
  left: 480px;
}
 
.container_12 .push_7 {
  left: 560px;
}
 
.container_12 .push_8 {
  left: 640px;
}
 
.container_12 .push_9 {
  left: 720px;
}
 
.container_12 .push_10 {
  left: 800px;
}
 
.container_12 .push_11 {
  left: 880px;
}
 
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
 
.container_12 .pull_1 {
  left: -80px;
}
 
.container_12 .pull_2 {
  left: -160px;
}
 
.container_12 .pull_3 {
  left: -240px;
}
 
.container_12 .pull_4 {
  left: -320px;
}
 
.container_12 .pull_5 {
  left: -400px;
}
 
.container_12 .pull_6 {
  left: -480px;
}
 
.container_12 .pull_7 {
  left: -560px;
}
 
.container_12 .pull_8 {
  left: -640px;
}
 
.container_12 .pull_9 {
  left: -720px;
}
 
.container_12 .pull_10 {
  left: -800px;
}
 
.container_12 .pull_11 {
  left: -880px;
}
 
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
 
/* http://sonspring.com/journal/clearing-floats */
 
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
 
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
 
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
 
.clearfix:after,
.container_12:after {
  clear: both;
}
 
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
 
.clearfix,
.container_12 {
  zoom: 1;
}
 
/* #Tablet (Portrait)
================================================== */
 
/* Note: Design for a width of 768px */
 
@media only screen and (min-width: 768px) and (max-width: 959px) {
 
  body {
    min-width: 768px;
  }
 
  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 768px;
  }
 
  .container_12 .grid_1  { width:44px;  }
  .container_12 .grid_2  { width:108px; }
  .container_12 .grid_3  { width:172px; }
  .container_12 .grid_4  { width:236px; }
  .container_12 .grid_5  { width:300px; }
  .container_12 .grid_6  { width:364px; }
  .container_12 .grid_7  { width:428px; }
  .container_12 .grid_8  { width:492px; }
  .container_12 .grid_9  { width:556px; }
  .container_12 .grid_10 { width:620px; }
  .container_12 .grid_11 { width:684px; }
  .container_12 .grid_12 { width:748px; }
 
}
 
/*  #Mobile (Portrait)
================================================== */
 
/* Note: Design for a width of 320px */
 
@media only screen and (max-width: 767px) {

  .leftBanner {
    display: none;
  }

   body {
    min-width: 320px;
  }
 
  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
  }
 
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .container_12 .grid_1  { width:310px; }
  .container_12 .grid_2  { width:310px; }
  .container_12 .grid_3  { width:310px; }
  .container_12 .grid_4  { width:310px; }
  .container_12 .grid_5  { width:310px; }
  .container_12 .grid_6  { width:310px; }
  .container_12 .grid_7  { width:310px; }
  .container_12 .grid_8  { width:310px; }
  .container_12 .grid_9  { width:310px; }
  .container_12 .grid_10 { width:310px; }
  .container_12 .grid_11 { width:310px; }
  .container_12 .grid_12 { width:310px; }

  .container_12 .mobile_1  { width:310px; }
  .container_12 .mobile_2  {  }
  .container_12 .mobile_3  { width:70px; }
  .container_12 .mobile_4  {  }
  .container_12 .mobile_5  { width:20%; }
  .container_12 .mobile_6  { width:150px; }
  .container_12 .mobile_7  {  }
  .container_12 .mobile_8  {  }
  .container_12 .mobile_9  {  }
  .container_12 .mobile_10 {  }
  .container_12 .mobile_11 {  }
  .container_12 .mobile_11 {  }

  .grid_1  *,
  .grid_2  *,
  .grid_3  *,
  .grid_4  *,
  .grid_5  *,
  .grid_6  *,
  .grid_7  *,
  .grid_8  *,
  .grid_9  *,
  .grid_10 *,
  .grid_11 *,
  .grid_12 * {
    margin-left: 0;
    margin-right: 0;
  }
 
}
 
/* #Mobile (Landscape)
================================================== */
 
/* Note: Design for a width of 480px */
 
@media only screen and (min-width: 480px) and (max-width: 767px) {
 
  body {
    min-width: 440px;
  }
 
  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 420px;
  }
 
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    margin-left: 5px;
    margin-right: 5px;
  }
 
  .container_12 .grid_1  { width:410px; }
  .container_12 .grid_2  { width:410px; }
  .container_12 .grid_3  { width:410px; }
  .container_12 .grid_4  { width:410px; }
  .container_12 .grid_5  { width:410px; }
  .container_12 .grid_6  { width:410px; }
  .container_12 .grid_7  { width:410px; }
  .container_12 .grid_8  { width:410px; }
  .container_12 .grid_9  { width:410px; }
  .container_12 .grid_10 { width:410px; }
  .container_12 .grid_11 { width:410px; }
  .container_12 .grid_12 { width:410px; }

  .container_12 .mobile_1  { width:25px; }
  .container_12 .mobile_2  { width:60px; }
  .container_12 .mobile_3  { width:95px; }
  .container_12 .mobile_4  { width:130px;}
  .container_12 .mobile_5  { width:165px; }
  .container_12 .mobile_6  { width:200px; }
  .container_12 .mobile_7  { width:235px; }
  .container_12 .mobile_8  {  }
  .container_12 .mobile_9  {  }
  .container_12 .mobile_10 { width:340px; }
  .container_12 .mobile_11 {  }
  .container_12 .mobile_11 {  }

  .grid_1  *,
  .grid_2  *,
  .grid_3  *,
  .grid_4  *,
  .grid_5  *,
  .grid_6  *,
  .grid_7  *,
  .grid_8  *,
  .grid_9  *,
  .grid_10 *,
  .grid_11 *,
  .grid_12 * {
    margin-left: 0;
    margin-right: 0;
  }
 
}