.clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after {
    content: "";
    display: table;
}
.clearfix:after, .grid-block:after, .deepest:after {
    clear: both;
}

.grid-box {
    float: left;
}

/* Grid Units */
.width16 {
    width: 16.666%;
}
.width20 {
    width: 20%;
}
.width25 {
    width: 25%;
}
.width33 {
    width: 33.333%;
}
.width40 {
    width: 40%;
}
.width50 {
    width: 50%;
}
.width60 {
    width: 60%;
}
.width66 {
    width: 66.666%;
}
.width75 {
    width: 75%;
}
.width80 {
    width: 80%;
}
.width100 {
    width: 100%;
}

[class*='width'] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Create new Block Formatting Contexts */
.bfc-o {
    overflow: hidden;
}
.bfc-f {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
}

/* Align Boxes */
.float-left {
    float: left;
}
.float-right {
    float: right;
}

/* Grid Gutter */
.grid-gutter.grid-block {
    margin: 0 -15px;
}
.grid-gutter > .grid-box > * {
    margin: 0 15px;
}

.grid-gutter > .grid-box > * > :first-child {
    margin-top: 0;
}
.grid-gutter > .grid-box > * > :last-child {
    margin-bottom: 0;
}

/* Layout Defaults
 ----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

/* Header */
#header {
    position: relative;
}

#toolbar .float-left .module, #toolbar .float-left > time {
    margin: 0 15px 0 0;
    float: left;
}

#toolbar .float-right .module {
    margin: 0 0 0 15px;
    float: right;
}

#headerbar .module {
    max-width: 300px;
    margin-right: 0;
    float: right;
}

#logo, #logo > img, #menu {
    float: left;
}
#search {
    float: right;
}

#banner {
    position: absolute;
    top: 0;
    right: -200px;
}

/* Footer */
#footer {
    position: relative;
}

/* Absolute */
#absolute {
    position: absolute;
    z-index: 15;
    width: 100%;
}

/* Spacing
 ----------------------------------------------------------------------------------------------------*/

.module, #header, #breadcrumbs, #content, .footer-bottom {
    margin: 10px;
}

#menu .module {
    margin: 10px 5px;
}

#toolbar, #headerbar {
    margin-bottom: 15px;
}

/* Layout
 ----------------------------------------------------------------------------------------------------*/

#totop-scroller {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    margin-top: -20px;
    margin-right: -20px;
    background: url(../images/totop_scroller.png) 50% 50% no-repeat;
    text-decoration: none;
}

.clr {
    clear: both;
}