/* Document */

.doc { min-width:960px; 	margin-left: auto; margin-right: auto; position:relative; }
.full-w { width:100%; }
.full-h { height:100%; }

.doc-hd, .doc-bd, .doc-ft { overflow:hidden; zoom:1; position:relative; }


/* Modules */

.mod { position:relative; }
.mod .inner { overflow:hidden; zoom:1; position:relative; }
.mod .hd, .mod .bd, .mod .ft { overflow:visible; zoom:1; position:relative; }

/* Miscelaneus */

.l-align { text-align:left; }
.r-align { text-align:right; }


/* ============
      Grids
   ============ */

.b12, .b16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
  position:relative;
  overflow:hidden;
  zoom:1;
}

.u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9, .u10, .u11, .u12, .u13, .u14, .u15, .u16 {
	display: inline;
	float: left;
  position:relative;
}

/* Grid - Global */
.b12 .u3, .b16 .u4 { width: 240px; }
.b12 .u6, .b16 .u8 { width: 480px; }
.b12 .u9, .b16 .u12 { width: 720px; }
.b12 .u12, .b16 .u16 { width: 960px; }

/* Grid - 12 columns */
.b12 .u1 { width: 80px; }
.b12 .u2 { width: 160px; }
.b12 .u4 { width: 320px; }
.b12 .u5 { width: 400px; }
.b12 .u7 { width: 560px; }
.b12 .u8 { width: 640px; }
.b12 .u10 { width: 800px; }
.b12 .u11 { width: 880px; }

/* Grid - 16 columns */
.b16 .u1 { width: 60px; }
.b16 .u2 { width: 120px; }
.b16 .u3 { width: 180px; }
.b16 .u5 { width: 300px; }
.b16 .u6 { width: 360px; }
.b16 .u7 { width: 420px; }
.b16 .u9 { width: 540px; }
.b16 .u10 { width: 600px; }
.b16 .u11 { width: 660px; }
.b16 .u13 { width: 780px; }
.b16 .u14 { width: 840px; }
.b16 .u15 { width: 900px; }

/* Prefix Extra Space - Global */
.b12 .u3-bf, .b16 .u4-bf { padding-left: 240px; }
.b12 .u6-bf, .b16 .u8-bf { padding-left: 480px; }
.b12 .u9-bf, .b16 .u12-bf { padding-left: 720px; }

/* Prefix Extra Space - 12 columns */
.b12 .u1-bf { padding-left: 80px; }
.b12 .u2-bf { padding-left: 160px; }
.b12 .u4-bf { padding-left: 320px; }
.b12 .u5-bf { padding-left: 400px; }
.b12 .u7-bf { padding-left: 560px; }
.b12 .u8-bf { padding-left: 640px; }
.b12 .u10-bf { padding-left: 800px; }
.b12 .u11-bf { padding-left: 880px; }

/* Prefix Extra Space - 16 Columns */
.b16 .u1-bf { padding-left: 60px; }
.b16 .u2-bf { padding-left: 120px; }
.b16 .u3-bf { padding-left: 180px; }
.b16 .u5-bf { padding-left: 300px; }
.b16 .u6-bf { padding-left: 360px; }
.b16 .u7-bf { padding-left: 420px; }
.b16 .u9-bf { padding-left: 540px; }
.b16 .u10-bf { padding-left: 600px; }
.b16 .u11-bf { padding-left: 660px; }
.b16 .u13-bf { padding-left: 780px; }
.b16 .u14-bf { padding-left: 840px; }
.b16 .u15-bf { padding-left: 900px; }

/* Suffix Extra Space - Global */
.b12 .u3-af, .b16 .u4-af { padding-right: 240px; }
.b12 .u6-af, .b16 .u8-af { padding-right: 480px; }
.b12 .u9-af, .b16 .u12-af { padding-right: 720px; }

/* Suffix Extra Space - 12 columns */
.b12 .u1-af { padding-right: 80px; }
.b12 .u2-af { padding-right: 160px; }
.b12 .u4-af { padding-right: 320px; }
.b12 .u5-af { padding-right: 400px; }
.b12 .u7-af { padding-right: 560px; }
.b12 .u8-af { padding-right: 640px; }
.b12 .u10-af { padding-right: 800px; }
.b12 .u11-af { padding-right: 880px; }

/* Suffix Extra Space - 16 columns */
.b16 .u1-af { padding-right: 60px; }
.b16 .u2-af { padding-right: 120px; }
.b16 .u3-af { padding-right: 180px; }
.b16 .u5-af { padding-right: 300px; }
.b16 .u6-af { padding-right: 360px; }
.b16 .u7-af { padding-right: 420px; }
.b16 .u9-af { padding-right: 540px; }
.b16 .u10-af { padding-right: 600px; }
.b16 .u11-af { padding-right: 660px; }
.b16 .u13-af { padding-right: 780px; }
.b16 .u14-af { padding-right: 840px; }
.b16 .u15-af { padding-right: 900px; }