@charset "utf-8";

/* @group Column */

/* Common */

div.c2:after,
div.c50-50:after,
div.c80-20:after,
div.c33-66:after,
div.c66-33:after,
div.c25-75:after,
div.c75-25:after,
div.c2-200px-n:after,
div.c2-300px-n:after,
div.c2-n-200px:after,
div.c2-n-300px:after,
div.c40-60:after,
div.c45-55:after,
div.c25-30-45:after,
div.c45-30-25:after,
div.c3:after,
div.c33-33-33:after,
div.c4:after,
div.c25-25-25-25:after {
  content: url(nd/img/spacer.gif); 
  display: block; 
  visibility: hidden;
  height: .1px;
  font-size: .1em;
  margin-top: -1px;
  clear: both;
  }

div.c2 div.c,
div.c50-50 div.c,
div.c80-20 div.c,
div.c33-66 div.c,
div.c66-33 div.c,
div.c25-75 div.c,
div.c75-25 div.c,
div.c2-200px-n div.c,
div.c2-300px-n div.c,
div.c2-n-200px div.c,
div.c2-n-300px div.c,
div.c40-60 div.c,
div.c45-55 div.c,
div.c25-30-45 div.c,
div.c45-30-25 div.c,
div.c3 div.c,
div.c33-33-33 div.c,
div.c4 div.c,
div.c25-25-25-25 c {
  }

div.c2,
div.c50-50,
div.c80-20,
div.c33-66,
div.c66-33,
div.c25-75,
div.c75-25,
div.c2-200px-n,
div.c2-300px-n,
div.c2-n-200px,
div.c2-n-300px,
div.c40-60,
div.c45-55,
div.c25-30-45,
div.c45-30-25,
div.c3,
div.c33-33-33,
div.c4,
div.c25-25-25-25 {
  display: inline-table;
  *height: 1%;
  }

* html div.c2,
* html div.c50-50,
* html div.c80-20,
* html div.c33-66,
* html div.c66-33,
* html div.c25-75,
* html div.c75-25,
* html div.c2-200px-n,
* html div.c2-300px-n,
* html div.c2-n-200px,
* html div.c2-n-300px,
* html div.c40-60,
* html div.c45-55,
* html div.c25-30-45,
* html div.c45-30-25,
* html div.c3,
* html div.c33-33-33,
* html div.c4,
* html div.c25-25-25-25 {
  height: 1%;
  }

div.c2,
div.c50-50,
div.c80-20,
div.c33-66,
div.c66-33,
div.c25-75,
div.c75-25,
div.c2-200px-n,
div.c2-300px-n,
div.c2-n-200px,
div.c2-n-300px,
div.c40-60,
div.c45-55,
div.c25-30-45,
div.c45-30-25,
div.c3,
div.c33-33-33,
div.c4,
div.c25-25-25-25 {
  display: block;
  }

/* C2 */

div.c2 {

  }

div.c2-1 {
  width: 49%;
  float: left;
  }

div.c2-2 {
  width: 49%;
  padding-left: 2%;
  float: left;
  }

/* C2 50% 50% */

div.c50-50 {
  }

div.c50-50 div.c50-50-1, 
div.c50-50 div.c50-50-2 {
  width: 460px;
  float: left;
  }

div.c50-50 div.c50-50-2 {
  padding-left: 20px;
  }

/* C2 80% 80% */

div.c80-20 {
  }

div.c80-20 div.c80-20-1 {
  width: 79%;
  float: left;
  }

div.c80-20 div.c80-20-2 {
  padding-left: 2%;
  width: 19%;
  float: left;
  }

/* C2 33% 66% */

div.c33-66 {
  }

div.c33-66 div.c33-66-1 {
  float: left;
  width: 300px;
  }

div.c33-66 div.c33-66-2 {
  padding-left: 20px;
  width: 620px;
  float: left;
  }

/* C2 66% 33% */

div.c66-33 {
  }

div.c66-33 div.c66-33-1 {
  width: 620px;
  float: left;
  }

div.c66-33 div.c66-33-2 {
  padding-left: 20px;
  width: 300px;
  float: left;
  }

/* C2 25% 75% */

div.c25-75 {
  }

div.c25-75 div.c25-75-1 {
  width: 220px;
  float: left;
  }

div.c25-75 div.c25-75-2 {
  padding-left: 20px;
  width: 700px;
  float: left;
  }

/* C2 75% 25% */

div.c75-25 {
  }

div.c75-25 div.c75-25-1 {
  width: 700px;
  float: left;
  }

div.c75-25 div.c75-25-2 {
  padding-left: 20px;
  width: 220px;
  float: left;
  }


/* C2 200px n% */

div.c2-200px-n {
  }

div.c2-200px-n div.c2-200px-n-1 {
  width: 200px;
  float: left;
  }

div.c2-200px-n div.c2-200px-n-2 {
  margin-left: 200px;
  }

div.c2-200px-n div.c2-200px-n-2 div.subsection {
  margin-left: 1%;
  }

/* C2 300px n% */

div.c2-300px-n {
  }

div.c2-300px-n div.c2-300px-n-1 {
  width: 300px;
  float: left;
  }

div.c2-300px-n div.c2-300px-n-2 {
  margin-left: 300px;
  }

div.c2-300px-n div.c2-300px-n-2 div.subsection {
  margin-left: 1%;
  }


/* C2 n% 300px */

div.c2-n-300px {
  }

div.c2-n-300px div.c2-n-300px-1 {
	float: left;
  width: 100%;
	margin-right: -330px;
	}

div.c2-n-300px div.c2-n-300px-1 div.subsection {
  padding-right: 330px;
	}

div.c2-n-300px div.c2-n-300px-2 {
	width: 310px;
	float: right;
	}


/* C2 n% 200px */

div.c2-n-200px {
  }

div.c2-n-200px div.c2-n-200px-1 {
	float: left;
  width: 100%;
	margin-right: -230px;
	}

div.c2-n-200px div.c2-n-200px-1 div.subsection {
  padding-right: 230px;
	}

div.c2-n-200px div.c2-n-200px-2 {
	width: 210px;
	float: right;
	}


/* C2 40% 60% */

div.c40-60 {
  }

div.c40-60 div.c40-60-1 {
  width: 300px;
  float: left;
  }

div.c40-60 div.c40-60-2 {
  width: 620px;
  padding-left: 20px;
  float: left;
  }

/* C2 45% 55% */

div.c45-55 {
  }

div.c45-55 div.c45-55-1 {
  width: 380px;
  float: left;
  }

div.c45-55 div.c45-55-2 {
  width: 540px;
  padding-left: 20px;
  float: left;
  }

div.c45-55 div.c45-55-2 div.c50-50 {
	margin-left: 0;
	margin-right: 0;
  }

div.c45-55 div.c45-55-2 div.c50-50 div.c50-50-1 {
  width: 260px;
  }

div.c45-55 div.c45-55-2 div.c50-50 div.c50-50-2 {
  width: 260px;
  padding-left: 20px;
  }


/* C3 25% 30% 45% */

div.c25-30-45 {
  }

div.c25-30-45 div.c25-30-45-1 {
  width: 220px;
  float: left;
  }

div.c25-30-45 div.c25-30-45-2 {
  width: 300px;
  padding-left: 20px;
  float: left;
  }

div.c25-30-45 div.c25-30-45-3 {
  width: 380px;
  padding-left: 20px;
  float: left;
  }


/* C3 45% 30% 25% */

div.c45-30-25 {
  }

div.c45-30-25 div.c45-30-25-1 {
  width: 380px;
  float: left;
  }

div.c45-30-25 div.c45-30-25-2 {
  width: 300px;
  padding-left: 20px;
  float: left;
  }

div.c45-30-25 div.c45-30-25-3 {
  width: 220px;
  padding-left: 20px;
  float: left;
  }


/* C3 */

div.c3 {

  }

div.c3-1 {
  width: 32%;
  float: left;
  }

div.c3-2,
div.c3-3 {
  width: 32%;
  padding-left: 2%;
  float: left;
  }

/* C3 33% 33% 33% */

div.c33-33-33 {
  }

div.c33-33-33 div.c33-33-33-1 {
  width: 300px;
  float: left;
  }

div.c33-33-33 div.c33-33-33-2,
div.c33-33-33 div.c33-33-33-3 {
  width: 300px;
  padding-left: 20px;
  float: left;
  }

/* C4 */

div.c25-25-25-25 {
  }

div.c25-25-25-25 div.c25-25-25-25-1, 
div.c25-25-25-25 div.c25-25-25-25-2,
div.c25-25-25-25 div.c25-25-25-25-3,
div.c25-25-25-25 div.c25-25-25-25-4 {
  width: 220px;
  float: left;
  }

div.c25-25-25-25 div.c25-25-25-25-2,
div.c25-25-25-25 div.c25-25-25-25-3,
div.c25-25-25-25 div.c25-25-25-25-4 {
  padding-left: 20px;
  }


/* @end */

div.section {
	margin-bottom: 30px;
  }

div.sec-entry:last-child,
div.sec-bg:last-child {
	margin-bottom: 0;
  }

div.sec-bg {
	background: #F1F1F1;
  }

div.sec-bg {
  padding: 20px;
  background: -moz-linear-gradient(top, #e6e6e6, #f3f3f3);
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#f3f3f3));
  border-top: 2px solid #f3f3f3;
	}

div.sec-entry {
  padding: 20px;
  background: -moz-linear-gradient(top, #333, #000);
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  border-top: 2px solid #f3f3f3;
  color: #fff;
	}

div.sec-border div.wrapper {
  border-top: 1px solid #f3f3f3;
  padding-top: 10px;
	}

div.sec-border:first-child div.wrapper {
  border-top: none;
  padding-top: 0;
	}

div.sec-complete {
  background: #fcc;
  color: #c00;
  text-align: center;
  padding: 40px 0;
	}

div.subsection {
/*   margin-top: 1em; */
  margin-bottom: 2.5em;
  }

.last-child {
  margin-bottom: 0 !important;
  }



/*  sec-border */
/*
div#container {
	background: url(../img/_guide.png) repeat-y center top;
	}

div.c2 div,
div.c50-50 div,
div.c80-20 div,
div.c33-66 div,
div.c66-33 div,
div.c25-75 div,
div.c75-25 div,
div.c2-200px-n div,
div.c2-300px-n div,
div.c2-n-200px div,
div.c2-n-300px div,
div.c40-60 div,
div.c45-55 div,
div.c25-30-45 div,
div.c45-30-25 div,
div.c3 div,
div.c33-33-33 div,
div.c4 div,
div.c25-25-25-25 div {
	background: #cfc;
  }
*/