/*Reset*/
html, body, div, span, input, textarea, select, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: none;
}

/*Basics*/
em { font-style:italic; }
strong { font-weight:bold; }
img { max-width:100%; height:auto !important; }

/*Wrappers*/
.wrapper { position:relative; width:100%; }

/*Containers*/
.container { position: relative; margin:0 auto; }

/*Filters*/
.filter { cursor: pointer; }
.fill { display:none; }
.fill.active { display:block; }

/*Expanders*/
.expander { cursor: pointer; }
.expand { display:none; }
.expand.active { display:block; }

/*Box Model*/
.container,
.container:after,
.container:before,
input,
input:after,
input:before,
textarea,
textarea:after,
textarea:before,
.block,
.block:after,
.block:before,
.cell,
.cell:after,
.cell:before, 
[class*='col-'],
[class*='col-']:after,
[class*='col-']:before { 
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box; 
}

/*Placeholders*/
::-webkit-input-placeholder { color:#aaa9a9; }
:-moz-placeholder { color:#aaa9a9; }
::-moz-placeholder { color:#aaa9a9; }
:-ms-input-placeholder { color:#aaa9a9; }

/*Grids*/
.grid:before,
.grid:after { content: " "; display: table; }
.grid:after { clear: both; }
.grid { width:100%; *zoom: 1; }
.block { float:left; }
.cell { display:table-cell; }

[class*='col-'] { float: left; display: inline-block; }
.col-1   { width: 1%;   }
.col-2   { width: 2%;   }
.col-3   { width: 3%;   }
.col-4   { width: 4%;   }
.col-5   { width: 5%;   }
.col-6   { width: 6%;   }
.col-7   { width: 7%;   }
.col-8   { width: 8%;   }
.col-9   { width: 9%;   }
.col-10  { width: 10%;  }
.col-11  { width: 11%;  }
.col-12  { width: 12%;  }
.col-13  { width: 13%;  }
.col-14  { width: 14%;  }
.col-15  { width: 15%;  }
.col-16  { width: 16%;  }
.col-17  { width: 17%;  }
.col-18  { width: 18%;  }
.col-19  { width: 19%;  }
.col-20  { width: 20%;  }
.col-21  { width: 21%;  }
.col-22  { width: 22%;  }
.col-23  { width: 23%;  }
.col-24  { width: 24%;  }
.col-25  { width: 25%;  }
.col-26  { width: 26%;  }
.col-27  { width: 27%;  }
.col-28  { width: 28%;  }
.col-29  { width: 29%;  }
.col-30  { width: 30%;  }
.col-31  { width: 31%;  }
.col-32  { width: 32%;  }
.col-33  { width: 33%;  }
.col-333 { width: 33.333333333%; }
.col-34  { width: 34%;  }
.col-35  { width: 35%;  }
.col-36  { width: 36%;  }
.col-37  { width: 37%;  }
.col-38  { width: 38%;  }
.col-39  { width: 39%;  }
.col-40  { width: 40%;  }
.col-41  { width: 41%;  }
.col-42  { width: 42%;  }
.col-43  { width: 43%;  }
.col-44  { width: 44%;  }
.col-45  { width: 45%;  }
.col-46  { width: 46%;  }
.col-47  { width: 47%;  }
.col-48  { width: 48%;  }
.col-49  { width: 49%;  }
.col-50  { width: 50%;  }
.col-51  { width: 51%;  }
.col-52  { width: 52%;  }
.col-53  { width: 53%;  }
.col-54  { width: 54%;  }
.col-55  { width: 55%;  }
.col-56  { width: 56%;  }
.col-57  { width: 57%;  }
.col-58  { width: 58%;  }
.col-59  { width: 59%;  }
.col-60  { width: 60%;  }
.col-61  { width: 61%;  }
.col-62  { width: 62%;  }
.col-63  { width: 63%;  }
.col-64  { width: 64%;  }
.col-65  { width: 65%;  }
.col-66  { width: 66%;  }
.col-666 { width: 66.666666666%; }
.col-67  { width: 67%;  }
.col-68  { width: 68%;  }
.col-69  { width: 69%;  }
.col-70  { width: 70%;  }
.col-71  { width: 71%;  }
.col-72  { width: 72%;  }
.col-73  { width: 73%;  }
.col-74  { width: 74%;  }
.col-75  { width: 75%;  }
.col-76  { width: 76%;  }
.col-77  { width: 77%;  }
.col-78  { width: 78%;  }
.col-79  { width: 79%;  }
.col-80  { width: 80%;  }
.col-81  { width: 81%;  }
.col-82  { width: 82%;  }
.col-83  { width: 83%;  }
.col-84  { width: 84%;  }
.col-85  { width: 85%;  }
.col-86  { width: 86%;  }
.col-87  { width: 87%;  }
.col-88  { width: 88%;  }
.col-89  { width: 89%;  }
.col-90  { width: 90%;  }
.col-91  { width: 91%;  }
.col-92  { width: 92%;  }
.col-93  { width: 93%;  }
.col-94  { width: 94%;  }
.col-95  { width: 95%;  }
.col-96  { width: 96%;  }
.col-97  { width: 97%;  }
.col-98  { width: 98%;  }
.col-99  { width: 99%;  }
.col-100 { width: 100%; }

.l-1   { padding-left: 1%;   }
.l-2   { padding-left: 2%;   }
.l-3   { padding-left: 3%;   }
.l-4   { padding-left: 4%;   }
.l-5   { padding-left: 5%;   }
.l-6   { padding-left: 6%;   }
.l-7   { padding-left: 7%;   }
.l-8   { padding-left: 8%;   }
.l-9   { padding-left: 9%;   }
.l-10  { padding-left: 10%;  }
.l-11  { padding-left: 11%;  }
.l-12  { padding-left: 12%;  }
.l-13  { padding-left: 13%;  }
.l-14  { padding-left: 14%;  }
.l-15  { padding-left: 15%;  }
.l-16  { padding-left: 16%;  }
.l-17  { padding-left: 17%;  }
.l-18  { padding-left: 18%;  }
.l-19  { padding-left: 19%;  }
.l-20  { padding-left: 20%;  }
.l-21  { padding-left: 21%;  }
.l-22  { padding-left: 22%;  }
.l-23  { padding-left: 23%;  }
.l-24  { padding-left: 24%;  }
.l-25  { padding-left: 25%;  }
.l-26  { padding-left: 26%;  }
.l-27  { padding-left: 27%;  }
.l-28  { padding-left: 28%;  }
.l-29  { padding-left: 29%;  }
.l-30  { padding-left: 30%;  }
.l-31  { padding-left: 31%;  }
.l-32  { padding-left: 32%;  }
.l-33  { padding-left: 33%;  }
.l-333 { padding-left: 33.333333333%; }
.l-34  { padding-left: 34%;  }
.l-35  { padding-left: 35%;  }
.l-36  { padding-left: 36%;  }
.l-37  { padding-left: 37%;  }
.l-38  { padding-left: 38%;  }
.l-39  { padding-left: 39%;  }
.l-40  { padding-left: 40%;  }
.l-41  { padding-left: 41%;  }
.l-42  { padding-left: 42%;  }
.l-43  { padding-left: 43%;  }
.l-44  { padding-left: 44%;  }
.l-45  { padding-left: 45%;  }
.l-46  { padding-left: 46%;  }
.l-47  { padding-left: 47%;  }
.l-48  { padding-left: 48%;  }
.l-49  { padding-left: 49%;  }
.l-50  { padding-left: 50%;  }
.l-51  { padding-left: 51%;  }
.l-52  { padding-left: 52%;  }
.l-53  { padding-left: 53%;  }
.l-54  { padding-left: 54%;  }
.l-55  { padding-left: 55%;  }
.l-56  { padding-left: 56%;  }
.l-57  { padding-left: 57%;  }
.l-58  { padding-left: 58%;  }
.l-59  { padding-left: 59%;  }
.l-60  { padding-left: 60%;  }
.l-61  { padding-left: 61%;  }
.l-62  { padding-left: 62%;  }
.l-63  { padding-left: 63%;  }
.l-64  { padding-left: 64%;  }
.l-65  { padding-left: 65%;  }
.l-66  { padding-left: 66%;  }
.l-666 { padding-left: 66.666666666%; }
.l-67  { padding-left: 67%;  }
.l-68  { padding-left: 68%;  }
.l-69  { padding-left: 69%;  }
.l-70  { padding-left: 70%;  }
.l-71  { padding-left: 71%;  }
.l-72  { padding-left: 72%;  }
.l-73  { padding-left: 73%;  }
.l-74  { padding-left: 74%;  }
.l-75  { padding-left: 75%;  }
.l-76  { padding-left: 76%;  }
.l-77  { padding-left: 77%;  }
.l-78  { padding-left: 78%;  }
.l-79  { padding-left: 79%;  }
.l-80  { padding-left: 80%;  }
.l-81  { padding-left: 81%;  }
.l-82  { padding-left: 82%;  }
.l-83  { padding-left: 83%;  }
.l-84  { padding-left: 84%;  }
.l-85  { padding-left: 85%;  }
.l-86  { padding-left: 86%;  }
.l-87  { padding-left: 87%;  }
.l-88  { padding-left: 88%;  }
.l-89  { padding-left: 89%;  }
.l-90  { padding-left: 90%;  }
.l-91  { padding-left: 91%;  }
.l-92  { padding-left: 92%;  }
.l-93  { padding-left: 93%;  }
.l-94  { padding-left: 94%;  }
.l-95  { padding-left: 95%;  }
.l-96  { padding-left: 96%;  }
.l-97  { padding-left: 97%;  }
.l-98  { padding-left: 98%;  }
.l-99  { padding-left: 99%;  }
.l-100 { padding-left: 100%; }

.r-1   { padding-right: 1%;   }
.r-2   { padding-right: 2%;   }
.r-3   { padding-right: 3%;   }
.r-4   { padding-right: 4%;   }
.r-5   { padding-right: 5%;   }
.r-6   { padding-right: 6%;   }
.r-7   { padding-right: 7%;   }
.r-8   { padding-right: 8%;   }
.r-9   { padding-right: 9%;   }
.r-10  { padding-right: 10%;  }
.r-11  { padding-right: 11%;  }
.r-12  { padding-right: 12%;  }
.r-13  { padding-right: 13%;  }
.r-14  { padding-right: 14%;  }
.r-15  { padding-right: 15%;  }
.r-16  { padding-right: 16%;  }
.r-17  { padding-right: 17%;  }
.r-18  { padding-right: 18%;  }
.r-19  { padding-right: 19%;  }
.r-20  { padding-right: 20%;  }
.r-21  { padding-right: 21%;  }
.r-22  { padding-right: 22%;  }
.r-23  { padding-right: 23%;  }
.r-24  { padding-right: 24%;  }
.r-25  { padding-right: 25%;  }
.r-26  { padding-right: 26%;  }
.r-27  { padding-right: 27%;  }
.r-28  { padding-right: 28%;  }
.r-29  { padding-right: 29%;  }
.r-30  { padding-right: 30%;  }
.r-31  { padding-right: 31%;  }
.r-32  { padding-right: 32%;  }
.r-33  { padding-right: 33%;  }
.r-333 { padding-right: 33.333333333%; }
.r-34  { padding-right: 34%;  }
.r-35  { padding-right: 35%;  }
.r-36  { padding-right: 36%;  }
.r-37  { padding-right: 37%;  }
.r-38  { padding-right: 38%;  }
.r-39  { padding-right: 39%;  }
.r-40  { padding-right: 40%;  }
.r-41  { padding-right: 41%;  }
.r-42  { padding-right: 42%;  }
.r-43  { padding-right: 43%;  }
.r-44  { padding-right: 44%;  }
.r-45  { padding-right: 45%;  }
.r-46  { padding-right: 46%;  }
.r-47  { padding-right: 47%;  }
.r-48  { padding-right: 48%;  }
.r-49  { padding-right: 49%;  }
.r-50  { padding-right: 50%;  }
.r-51  { padding-right: 51%;  }
.r-52  { padding-right: 52%;  }
.r-53  { padding-right: 53%;  }
.r-54  { padding-right: 54%;  }
.r-55  { padding-right: 55%;  }
.r-56  { padding-right: 56%;  }
.r-57  { padding-right: 57%;  }
.r-58  { padding-right: 58%;  }
.r-59  { padding-right: 59%;  }
.r-60  { padding-right: 60%;  }
.r-61  { padding-right: 61%;  }
.r-62  { padding-right: 62%;  }
.r-63  { padding-right: 63%;  }
.r-64  { padding-right: 64%;  }
.r-65  { padding-right: 65%;  }
.r-66  { padding-right: 66%;  }
.r-666 { padding-right: 66.666666666%; }
.r-67  { padding-right: 67%;  }
.r-68  { padding-right: 68%;  }
.r-69  { padding-right: 69%;  }
.r-70  { padding-right: 70%;  }
.r-71  { padding-right: 71%;  }
.r-72  { padding-right: 72%;  }
.r-73  { padding-right: 73%;  }
.r-74  { padding-right: 74%;  }
.r-75  { padding-right: 75%;  }
.r-76  { padding-right: 76%;  }
.r-77  { padding-right: 77%;  }
.r-78  { padding-right: 78%;  }
.r-79  { padding-right: 79%;  }
.r-80  { padding-right: 80%;  }
.r-81  { padding-right: 81%;  }
.r-82  { padding-right: 82%;  }
.r-83  { padding-right: 83%;  }
.r-84  { padding-right: 84%;  }
.r-85  { padding-right: 85%;  }
.r-86  { padding-right: 86%;  }
.r-87  { padding-right: 87%;  }
.r-88  { padding-right: 88%;  }
.r-89  { padding-right: 89%;  }
.r-90  { padding-right: 90%;  }
.r-91  { padding-right: 91%;  }
.r-92  { padding-right: 92%;  }
.r-93  { padding-right: 93%;  }
.r-94  { padding-right: 94%;  }
.r-95  { padding-right: 95%;  }
.r-96  { padding-right: 96%;  }
.r-97  { padding-right: 97%;  }
.r-98  { padding-right: 98%;  }
.r-99  { padding-right: 99%;  }
.r-100 { padding-right: 100%; }

.fclear { clear:both; }

@media all and (max-width: 600px) {
		html, body, .wrapper, .container { min-width:320px; }
		[class*='col-'], .block, .cell { width:100%; padding:0; }    
}