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: top; }
/* HTML5 display-role reset for older browsers */
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; }


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

.container .alpha {  margin-left: 0px;}
.container .omega {  margin-right: 0px;}

.row {margin-left: -20px;  *zoom: 1;}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}


[class*="grid-"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container 	{ width: 1180px;}
.grid-12 	{ width: 1180px; }
.grid-11	{ width: 1080px; }
.grid-10 	{ width: 980px; }
.grid-9 		{ width: 880px; }
.grid-8		{ width: 780px; }
.grid-7 		{ width: 680px; }
.grid-6 		{ width: 580px; }
.grid-5 		{ width: 480px; }
.grid-4 		{ width: 380px; }
.grid-3 		{ width: 280px; }
.grid-2 		{ width: 180px; }
.grid-1 		{ width: 80px; }


.preffix-12 		{ margin-left: 1220px;}
.preffix-11		{ margin-left: 1120px;}
.preffix-10 		{ margin-left: 1020px;}
.preffix-9 		{ margin-left: 920px;}
.preffix-8 		{ margin-left: 820px;}
.preffix-7 		{ margin-left: 720px;}
.preffix_6 		{ margin-left: 620px;}
.preffix_5 		{ margin-left: 520px;}
.preffix_4 		{ margin-left: 420px;}
.preffix_3 		{ margin-left: 330px;}
.preffix_2 		{ margin-left: 220px;}
.preffix_1 		{ margin-left: 120px;}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;

}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;

}




@media (min-width: 980px) and (max-width: 1199px) {

  
  .container	{ width: 940px;}
  .grid-12 		{ width: 940px;}
  .grid-11 		{ width: 860px;}
  .grid-10 		{ width: 780px;}
  .grid-9 		{ width: 700px;}
  .grid-8 		{ width: 620px;}
  .grid-7 		{ width: 540px;}
  .grid-6 		{ width: 460px;}
  .grid-5		{ width: 380px;}
  .grid-4 		{ width: 300px;}
  .grid-3 		{ width: 220px;}
  .grid-2		{ width: 140px;}
  .grid-1		{ width: 60px;}
  
  .preffix-12	 { margin-left: 980px;}
  .preffix-11	 { margin-left: 900px;}
  .preffix-10	 { margin-left: 820px;}
  .preffix-9	 { margin-left: 740px;}
  .preffix-8 	 { margin-left: 660px;}
  .preffix-7 	 { margin-left: 580px;}
  .preffix-6 	 { margin-left: 500px;}
  .preffix-5	 { margin-left: 420px;}
  .preffix-4	 { margin-left: 340px;}
  .preffix-3 	 { margin-left: 260px;}
  .preffix-2 	 { margin-left: 180px;}
  .preffix-1	 { margin-left: 100px;}
}



@media (min-width: 768px) and (max-width: 979px) {

   
  .container 	{ width: 748px;}
  .grid-12 		{ width: 748px;}
  .grid-11 		{ width: 684px;}
  .grid-10 		{ width: 620px;}
  .grid-9 		{ width: 556px;}
  .grid-8 		{ width: 492px;}
  .grid-7 		{ width: 428px;}
  .grid-6 		{ width: 364px;}
  .grid-5		{ width: 300px;}
  .grid-4		{ width: 236px;}
  .grid-3 		{ width: 172px;}
  .grid-2 		{ width: 108px;}
  .grid-1 		{ width: 44px;}
  
  
  .preffix-12	 { margin-left: 788px; }
  .preffix-11	 { margin-left: 724px; }
  .preffix-10	 { margin-left: 660px; }
  .preffix-9 	 { margin-left: 596px; }
  .preffix-8	 { margin-left: 532px; }
  .preffix-7 	 { margin-left: 468px; }
  .preffix-6	 { margin-left: 404px; }
  .preffix-5 	 { margin-left: 340px; }
  .preffix-4	 { margin-left: 276px; }
  .preffix-3	 { margin-left: 212px; }
  .preffix-2        { margin-left: 148px; }
  .preffix-1	 { margin-left: 84px;  }
}




@media (max-width: 767px) {



  .container {
    width: 480px;
    padding: 0 0px;
  }
  .row {
    margin-left: 0;
  }
  [class*="grid-"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .grid-12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .select-menu {
    display: block !important;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container {
    width: 320px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row {
    margin-left: 0;
  }
}