/* reset */
html, body, div, span, 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;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-align: center;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {  margin: 0;  padding: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.row:before,.row:after, .container:before,.container:after {  content: " ";  display: table;}
.row:after,.container:after {  clear: both;}
row,.container {  *zoom: 1;}

/* Grid elements */
.container { position: relative;  overflow: hidden;}
.wrap {  width: 960px;  margin-left: auto;  margin-right: auto; position: relative;}
#header {overflow: visible;}

.row {  position: relative;  width: 100%;}
.col {  position: relative; float: left;}

.col,.col:after,.col:before,
.row,.row:after,.row:before,
input,input:after,input:before,
label,label:after,label:before,
select,select:after,select:before,
textarea,textarea:after,textarea:before,
form,form:after,form:before 
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.row .col {
	padding: 0 15px 30px;
	text-align: left;
}

.dim1 {  width: 10%;}
.dim1sixth {  width: 16.66666%;}
.dim1sixth.last {  width: 16.67%;}
.dim2,.dim1fifth {  width: 19.99999%;}
.dim1quarter {  width: 24.99999%;}
.dim3 {  width: 30%;}
.dim1third,.dim2sixths {  width: 33.33333%;}
.dim1third.last,.dim2sixths.last {  width: 33.33334%;}
.dim4,.dim2fifths {  width: 40%;}
.dim5,.dim2quarters,.dim1half,.dim3sixths {  width: 50%;}
.dim6,.dim3fifths {  width: 60%;}
.dim2thirds,.dim4sixths {  width: 66.66666%;}
.dim2thirds.last,.dim4sixths.last {  width: 66.66667%;}
.dim7 {  width: 70%;}
.dim3quarters {  width: 74.99999%;}
.dim8,.dim4fifths {  width: 80%;}
.dim5sixths { width: 83.33333%;}
.dim5sixths.last { width: 83.33334%;}
.dim9 { width: 90%;}
.dim10,.dimfull {  width: 100%;}


@media (min-width: 1200px) {
  .wrap {   width: 960px;  }
  body.fullwidth .wrap {    width: auto;  }
  body.fullwidth.boxed .wrap {    width: 960px;  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .wrap {    width: auto;  }
  body.fullwidth .wrap {    width: auto;  }
  body.fullwidth.boxed .wrap {    width: 720px;  }
 
}

@media (max-width: 767px) {
  .wrap,  body.fullwidth.boxed .wrap {   width: 100%;  }
  #main .container,  #header .container,  #footer .container {  padding: 0; }
 
  .dim1,
  .dim1sixth,
  .dim1sixth.last,
  .dim2,
  .dim1fifth,
  .dim1quarter,
  .dim3,
  .dim1third,
  .dim2sixths,
  .dim1third.last,
  .dim2sixths.last,
  .dim4,
  .dim2fifths,
  .dim5,
  .dim2quarters,
  .dim1half,
  .dim3sixths,
  .dim6,
  .dim3fifths,
  .dim2thirds,
  .dim4sixths,
  .dim2thirds.last,
  .dim4sixths.last,
  .dim7,
  .dim3quarters,
  .dim8,
  .dim4fifths,
  .dim5sixths,
  .dim5sixths.last,
  .dim9,
  .dim10,
  .dimfull {
    width: 100%;
  }
  
}