/* SHARED STYLES */

/* PAGE LAYOUT -------------------------------------------------------------- */

*:focus {
	outline: none;
}

/* grid */
.layout {
    margin: 0;
    list-style: none;
    padding: 0;
    padding-top: 20px;
}

.column {
	display: block;
    float: left;
	margin: 0;
	list-style: none;
	padding: 0;
}

.layout .columns-2 .column {
	width: 50%;
}

.columns-5 .column {
    width: 20%;
}

.columns-5 .span-2 {
    width: 40%;
}

.columns-5 .span-3 {
    width: 60%;
}

.columns-5 .span-4 {
    width: 80%;
}

.columns-5 .span-5 {
    width: 100%;
}

.columns-4 .column {
    width: 25%;
}

.columns-4 .span-2 {
    width: 50%;
}

.columns-4 .span-3 {
    width: 33.33%;
}

.columns-4 .span-4 {
    width: 100%;
}

/* horizontal-list */

.horizontal-list {
	margin: 0;
}

.horizontal-list li {
    display: inline;
    list-style: none;
}