/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0 !important;
}

.omega {
  margin-right: 0 !important;
}


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

.container {
  display:inline;
  float:left;
  position:relative;
  margin:0;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

/* 3 cols */
#left,
#right {
  width:33.75%;
}

#right {
  margin-right:-5px;
  float: right;
}

/* 8 cols */
#hleft{
  width: 33%;
}
#hright {
  width:67%;
}

/* 10 cols */
#center {
  /*	width:46.5%;*/
  width:60.25%;
  padding:0 1%;
  margin:0 2%;

  /* maybe the above was for ie reasons.. */
  margin:0 3%;
  padding:0;
}

/* 16 cols */
#chead,
#header,
#steps,
#content,
#footer, 
#main_steps {
  width:100%;
}

#content {
  margin:1% 0;
  clear: both;
  min-height: 400px;
}

/*.popup {max-height: 500px}*/

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

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

.zefix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.zefix {
  display: inline-block;
}

* html .zefix {
  height: 1%;
}

.zefix {
  display: block;
}

