.alt { color: #1cace3; }
.weak { color: #808181;}
.ui-block { margin-bottom: 15px; }
.ui-large { margin-bottom: 55px; }
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.float-right { float: right; }
.float-left { float: left; }
.block { display: block; }
.center { text-align: center; }
.right { text-align: right; }
.fill-x { width:auto; min-width: 100%; max-width: 100%; }
.fill-y { height: 100%; }

.x2 { font-size: 2em; }
.x3 { font-size: 3em; }
.x4 { font-size: 4em; }
.x5 { font-size: 5em; }

/* Table Layout */

.table {
	display: table;
	width: 100%;
}
.tr { 
	display: table-row;
}
.td {
	display: table-cell;
	vertical-align: top;
}
.td--alpha {
	width: 100%;
	max-width: 0;
}
.td--col {
	padding-left: 10px;
	padding-right: 10px;
}
.td--col:first-child {
	padding-left: 0;
}
.td--col:last-child {
	padding-right: 0;
}
.nowrap { white-space: nowrap; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media (max-width: 480px) {
	.td--res {
		display: block;
		width: 100%;
		max-width: initial;
		padding: 0;
	}
}

/* Grid System */

.col {
	display: block;
    float:left;
    border: 0px solid transparent;
    border-left-width: 10px;
}
.row {
    margin-left:-10px;
}
.row:before,
.row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
.span-1 { width:4.16666666667%; }
.span-2 { width:8.33333333333%; }
.span-3 { width:12.5%; }
.span-4 { width:16.6666666667%; }
.span-5 { width:20.8333333333%; }
.span-6 { width:25.0%; }
.span-7 { width:29.1666666667%; }
.span-8 { width:33.3333333333%; }
.span-9 { width:37.5%; }
.span-10 { width:41.6666666667%; }
.span-11 { width:45.8333333333%; }
.span-12 { width:50.0%; }
.span-13 { width:54.1666666667%; }
.span-14 { width:58.3333333333%; }
.span-15 { width:62.5%; }
.span-16 { width:66.6666666667%; }
.span-17 { width:70.8333333333%; }
.span-18 { width:75.0%; }
.span-19 { width:79.1666666667%; }
.span-20 { width:83.3333333333%; }
.span-21 { width:87.5%; }
.span-22 { width:91.6666666667%; }
.span-23 { width:95.8333333333%; }
.span-24 { width:100%; }

.pull-1 { margin-left:4.16666666667%; }
.pull-2 { margin-left:8.33333333333%; }
.pull-3 { margin-left:12.5%; }
.pull-4 { margin-left:16.6666666667%; }
.pull-5 { margin-left:20.8333333333%; }
.pull-6 { margin-left:25.0%; }
.pull-7 { margin-left:29.1666666667%; }
.pull-8 { margin-left:33.3333333333%; }
.pull-9 { margin-left:37.5%; }
.pull-10 { margin-left:41.6666666667%; }
.pull-11 { margin-left:45.8333333333%; }
.pull-12 { margin-left:50.0%; }
.pull-13 { margin-left:54.1666666667%; }
.pull-14 { margin-left:58.3333333333%; }
.pull-15 { margin-left:62.5%; }
.pull-16 { margin-left:66.6666666667%; }
.pull-17 { margin-left:70.8333333333%; }
.pull-18 { margin-left:75.0%; }
.pull-19 { margin-left:79.1666666667%; }
.pull-20 { margin-left:83.3333333333%; }
.pull-21 { margin-left:87.5%; }
.pull-22 { margin-left:91.6666666667%; }
.pull-23 { margin-left:95.8333333333%; }
.pull-24 { margin-left:100%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media (max-width: 480px) {
	[class^="span-"],[class*=" span-"] {
		width: 100%;
	}
	[class^="pull-"],[class*=" pull-"] {
		margin-left: 0;
	}
}