/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 1000px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_1120 {
  margin-left: auto;
  margin-right: auto;
  padding:0px;
  padding-left:60px;
  padding-right:60px;
  width: 1000px;
  background-color:#c0c0c0;
}

.container_1000 {
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  width:1000px;
  background-color:#ffffff;
  background-origin:padding-box;
}

.container_690 {
  position:relative;
  display:inline;
  float:left;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  padding-left:60px;
  width:630px;
  background-color:#ffffff;
  background-origin:padding-box;
  }

.container_280 {
  position:relative;
  display:inline;
  float:left;
  width:170px;
  margin-right:60px; 
  margin-left:50px;
  padding:0px;
  background-color:#ffffff;
  background-origin:padding-box;
}

.container_410 {
  position:relative;
  display:inline;
  float:left;
  width:410px;
  margin-left:auto;
  margin-right:auto;
  padding-right:0px;
  padding-left:0px;
  background-color:#ffffff;
  background-origin:padding-box;
}

.container_310 {
  position:relative;
  display:inline;
  float:left;
  width:200px;
  padding-right:50px;
  padding-left:60px;
  margin:0px;
  background-origin:padding-box;
  background-color:#ffffff;
}

.container_700 {
  position:relative;
  display:inline;
  float:left;
  width:700px;
  margin-left:auto;
  margin-right:auto;
  padding-right:0px;
  padding-left:0px;
  background-color:#ffffff;
  background-origin:padding-box;
}

.container_Blank_150 {
  position:relative;
  display:inline;
  float:left;
  width:150px;
  padding-right:0px;
  padding-left:0px;
  margin:0px;
  background-origin:padding-box;
  background-color:#ffffff;
}

.container_800 {
  position:relative;
  display:inline;
  float:left;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  padding-right:0px;
  padding-left:0px;
  background-color:#ffffff;
  background-origin:padding-box;
}

.container_150 {
  position:relative;
  display:inline;
  float:left;
  width:150px;
  margin-left:auto;
  margin-right:auto;
  padding-right:0px;
  padding-left:0px;
  background-color:#ffffff;
  background-origin:padding-box;
}

.container_500 {
  position:relative;
  display:inline;
  float:left;
  width:500px;
  max-width:500px;
  margin-left:auto;
  margin-right:auto;
  padding-right:0px;
  padding-left:0px;
  background-color:#ffffff;
  background-origin:padding-box;
}

.container_X {
  position:relative;
  display:inline;
  float:left;
  /*width:500px;*/
  /*max-width:500px;*/
  margin-left:auto;
  margin-right:auto;
  padding-right:0px;
  padding-left:0px;
  background-color:#ffffff;
  background-origin:padding-box;
}


.container_news_800 {
  position:relative;
  /*display:inline;*/
  float:left;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  padding-right:0px;
  padding-left:0px;
  background-color:#ffffff;
  background-origin:padding-box;
  -moz-column-count:2; /* Firefox */
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;
  -moz-column-gap:15px; /* Firefox */
  -webkit-column-gap:15px; /* Safari and Chrome */
  column-gap:15px;
  -moz-column-rule:1px outset #ff00ff; /* Firefox */
  -webkit-column-rule:1px outset #ff00ff; /* Safari and Chrome */
  column-rule:1px outset #ff00ff;
}

.container_Blank_100 {
  position:relative;
  display:inline;
  float:left;
  width:100px;
  padding-right:0px;
  padding-left:0px;
  margin:0px;
  background-origin:padding-box;
  background-color:#ffffff;
}

.tablediv {
  position:relative;
  display:inline;
  float:left;
  margin:0;
  padding:2px;
  background-color:#ffffff;
  background-origin:padding-box;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_3_43,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  position:relative;
  display: inline;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  background-color:#ffffff;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_1120 .grid_1 {
  width: 80px;
}

.container_1120 .grid_2 {
  width: 160px;
}

.container_1120 .grid_3 {
  width: 240px;
}

.container_1120 .grid_4 {
  width: 320px;
}

.container_1120 .grid_5 {
  width: 400px;
}

.container_1120 .grid_6 {
  width: 480px;
}

.container_1120 .grid_7 {
  width: 560px;
}

.container_1120 .grid_8 {
  width: 640px;
}

.container_1120 .grid_9 {
  width: 720px;
}

.container_1120 .grid_10 {
  width: 800px;
}

.container_1120 .grid_11 {
  width: 880px;
}

.container_1120 .grid_12 {
  width: 960px;
}


/* `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;
}