/*------------------------------------*\
    structure
\*------------------------------------*/

.site-center {
    margin: 0 auto;
    width:990px;
}


main,
section,
article,
header,
footer,
aside,
nav,
table,
.col {
    width:100%;
}

section,article,header,footer,aside,nav,img,.nav,.col,.tabs,.tab-content,.width-fit,.nav li,button,.button,.button-group,.nav a,.left li li,.tabs .left,.right li li {
    float:left;
}


div:before,div:after,main:before,main:after,article:before,article:after,aside:before,aside:after,details:before,details:after,
figcaption:before,figcaption:after,figure:before,figure:after,footer:before,footer:after,
header:before,header:after,hgroup:before,hgroup:after,nav:before,nav:after,section:before,section:after,
pre:before,pre:after,.nav:before,.nav:after,.nav a:before,.nav a:after,.width-fill:before,.width-fill:after,
.width-fit img:before,.width-fit img:after,blockquote small:before,blockquote small:after,address:before,address:after,
.nav ul:before,.nav ul:after,.nav li:before,.nav li:after, .cell:before, .cell:after {
    content:"";
    display:table;
    clear:both;
}

.cell {
    margin:15px;
    position:relative;
    clear:both;
}

.width-1of12 {
    width:8.3333333%;
}
.width-2of12 {
    width:16.6666666%;
}
.width-3of12 {
    width:25%;
}
.width-4of12 {
    width:33.3333333%;
}
.width-5of12 {
    width:41.6666666%;
}
.width-6of12 {
    width:50%;
}
.width-7of12 {
    width:58.3333333%;
}
.width-8of12 {
    width:66.6666666%;
}
.width-9of12 {
    width:75%;
}
.width-10of12 {
    width:83.3333333%;
}
.width-11of12 {
    width:91.6666666%;
}
.width-12of12 {
    width:100%;
}

/* display inline, more for responsive uneven stacking design - parent becomes font size 0*/
.display-inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 250px;
}


ul {
    padding:0;
    margin-left:15px;
}

.right {
    float:right;
}


/*------------------------------------*\
    elements
\*------------------------------------*/

img {
    height:auto;
    max-width:100%;
}

.hidden {
    display:none;
}


/*------------------------------------*\
    ie
\*------------------------------------*/

div,
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
pre,
.nav,
address,
button {
    display:block;
    *zoom:1;
}


*:hover,*:active,*:focus {
    outline:none;
}


/*------------------------------------*\
    responsive
\*------------------------------------*/

@media only screen and (min-width:320px) {

    .width-1of12 {
        width:100%
    }
    .width-2of12 {
        width:100%;
    }
    .width-3of12 {
        width:100%;
    }
    .width-4of12 {
        width:100%;
    }
    .width-5of12 {
        width:100%;
    }
    .width-6of12 {
        width:100%;
    }
    .width-7of12 {
        width:100%;
    }
    .width-8of12 {
        width:100%;
    }
    .width-9of12 {
        width:100%;
    }
    .width-10of12 {
        width:100%;
    }
    .width-11of12 {
        width:100%;
    }

    .mobile-width-1of12 {
        width:8.3333333%;
    }
    .mobile-width-2of12 {
        width:16.6666666%;
    }
    .mobile-width-3of12 {
        width:25%;
    }
    .mobile-width-4of12 {
        width:33.3333333%;
    }
    .mobile-width-5of12 {
        width:41.6666666%;
    }
    .mobile-width-6of12 {
        width:50%;
    }
    .mobile-width-7of12 {
        width:58.3333333%;
    }
    .mobile-width-8of12 {
        width:66.6666666%;
    }
    .mobile-width-9of12 {
        width:75%;
    }
    .mobile-width-10of12 {
        width:83.3333333%;
    }
    .mobile-width-11of12 {
        width:91.6666666%;
    }

    .site-center {
        width:95%;
    }

    .cell {
        margin:10px;
    }
}

@media only screen and (min-width:480px) {
    .tablet-width-1of12 {
        width:8.3333333%;
    }
    .tablet-width-2of12 {
        width:16.6666666%;
    }
    .tablet-width-3of12 {
        width:25%;
    }
    .tablet-width-4of12 {
        width:33.3333333%;
    }
    .tablet-width-5of12 {
        width:41.6666666%;
    }
    .tablet-width-6of12 {
        width:50%;
    }
    .tablet-width-7of12 {
        width:58.3333333%;
    }
    .tablet-width-8of12 {
        width:66.6666666%;
    }
    .tablet-width-9of12 {
        width:75%;
    }
    .tablet-width-10of12 {
        width:83.3333333%;
    }
    .tablet-width-11of12 {
        width:91.6666666%;
    }
    .tablet-width-12of12 {
        width:100%;
    }
}
@media (min-width:768px) and (max-width:979px) {
    .site-center {
        width:704px;
    }
}
@media only screen and (min-width:1024px) {
    .width-1of12 {
        width:8.3333333%;
    }
    .width-2of12 {
        width:16.6666666%;
    }
    .width-3of12 {
        width:25%;
    }
    .width-4of12 {
        width:33.3333333%;
    }
    .width-5of12 {
        width:41.6666666%;
    }
    .width-6of12 {
        width:50%;
    }
    .width-7of12 {
        width:58.3333333%;
    }
    .width-8of12 {
        width:66.6666666%;
    }
    .width-9of12 {
        width:75%;
    }
    .width-10of12 {
        width:83.3333333%;
    }
    .width-11of12 {
        width:91.6666666%;
    }

    .width-12of12 {
        width:100%;
    }


    .site-center {
        width:990px;
    }
}
@media only screen and (min-width:1200px) {
    .cell{
        margin:15px;
    }
}