/* @group classes */

* {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px;
}

::selection { background: #FFFF00; color: #333; /* Safari */ }
::-moz-selection { background: #FFFF00; color: #333; /* Firefox */ }

.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cb { clear: both; }

.pt1 { padding-top: 10px; }
.pb1 { padding-bottom: 10px;}
.pt2 { padding-top: 20px; }
.pb2 { padding-bottom: 20px; }
.pt3 { padding-top: 30px; }
.pb3 { padding-bottom: 30px; }
.pt4 { padding-top: 40px; }
.pb4 { padding-bottom: 40px; }
.pt5 { padding-top: 50px; }
.pb5 { padding-bottom: 50px; }
.pt6 { padding-top: 60px; }
.pb6 { padding-bottom: 60px; }
.pt7 { padding-top: 70px; }
.pb7 { padding-bottom: 70px; }
.pt8 { padding-top: 80px; }
.pb8 { padding-bottom: 80px; }
.pt9 { padding-top: 90px; }
.pb9 { padding-bottom: 90px; }
.pt10 { padding-top: 100px; }
.pb10 { padding-bottom: 100px; }

.mt1 { margin-top: 10px; }
.mb1 { margin-bottom: 10px; }
.mt2 { margin-top: 20px; }
.mb2 { margin-bottom: 20px; }
.mt3 { margin-top: 30px; }
.mb3 { margin-bottom: 30px; }
.mt4 { margin-top: 40px; }
.mb4 { margin-bottom: 40px; }
.mt5 { margin-top: 50px; }
.mb5 { margin-bottom: 50px; }
.mt6 { margin-top: 60px; }
.mb6 { margin-bottom: 60px; }
.mt7 { margin-top: 70px; }
.mb7 { margin-bottom: 70px; }
.mt8 { margin-top: 80px; }
.mb8 { margin-bottom: 80px; }
.mt9 { margin-top: 90px; }
.mb9 { margin-bottom: 90px; }
.mt10 { margin-top: 100px; }
.mb10 { margin-bottom: 100px; }

.mr1 { margin-right: 10px; }
.mr2 { margin-right: 20px; }

/* @end */

/* @group grid */

.gutter { margin-right: 24px; }

.col1 { width: 68px; }
.col2 { width: 160px; }
.col3 { width: 252px; }
.col4 { width: 344px; }
.col5 { width: 436px; }
.col6 { width: 528px; }
.col7 { width: 620px; }
.col8 { width: 712px; }
.col9 { width: 804px; }
.col10 { width: 896px; }

/* @end */