#page,#footer .wrap {width:990px; margin: auto; text-align:left; position:relative;}
#header {height:315px}
#content {clear:both;float:left; margin: 40px 0 0 74px; background-color:#fff; width:515px}
#aside {float:right; width:270px; margin: 0 60px 0 0}
#footer {clear:both;height:283px; position:relative}

/* Horizontal list.
-------------------------------------------------------------- */
.h-list li {display:inline}
.h-list a {}

/* Vertical list.
-------------------------------------------------------------- */
.v-list a {}

/* Columns
-------------------------------------------------------------- */
.subcolumns {width: 100%}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px}

.c25l, .c25r {width: 25%}
.c33l, .c33r {width: 33.333%}
.c50l, .c50r {width: 50%}
.c66l, .c66r {width: 66.666%}
.c75l, .c75r {width: 75%}
.c38l, .c38r {width: 38.2%}
.c62l, .c62r {width: 61.8%}

.subc  {padding: 0 0.5em}
.subcl {padding: 0 1em 0 0}
.subcr {padding: 0 0 0 1em}

.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}

.clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

/* ̉hese classes on an element to push it into the
   next column, or to pull it into the previous column  */

.pull-1 {margin-left: -40px}
.pull-2 {margin-left: -80px}
.pull-3 {margin-left: -120px}
.pull-4 {margin-left: -160px}
.pull-5 {margin-left: -200px}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {float:left; position:relative}

.push-1 {margin: 0 -40px 1.5em 40px}
.push-2 {margin: 0 -80px 1.5em 80px}
.push-3 {margin: 0 -120px 1.5em 120px}
.push-4 {margin: 0 -160px 1.5em 160px}
.push-5 {margin: 0 -200px 1.5em 200px}
.push-1, .push-2, .push-3, .push-4, .push-5 { float: right;	position:relative}