/* ---------------------------------------
   CSS RESET
   --------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,
small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}
figure{position:relative}figure img{width:100%}


/* ---------------------------------------
   1140 GRID LAYOUT
   --------------------------------------- */

.row {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	margin-bottom: 1.5%;
	overflow: hidden;
	}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 2%;
	float: left;
	min-height: 1px;
	}

.row .onecol {
	width: 6.65%;
	}

.row .twocol {
	width: 15.3%;
	}

.row .threecol {
	width: 23.95%;
	}

.row .fourcol {
	width: 32.6%;
	}

.row .fivecol {
	width: 41.25%;
	}

.row .sixcol {
	width: 49.9%;
	}

.row .sevencol {
	width: 56.75%;
	}

.row .eightcol {
	width: 67.2%;
	}

.row .ninecol {
	width: 75.85%;
	}

.row .tencol {
	width: 84.5%;
	}

.row .elevencol {
	width: 93.15%;
	}

.row .twelvecol {
	width: 100%;
	float: left;
	}

.last {
	margin-right: 0px;
	}

img, object, embed {
	max-width: 100%;
	}

img {
	height: auto;
	}


/* ---------------------------------------
   SMALLER SCREENS
   --------------------------------------- */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}


/* ---------------------------------------
   MOBILE
   --------------------------------------- */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.header {
		height: 200px;
		}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
	.row { margin-bottom: 0.5%; }
	
	.work .twocol {
		display: block;
		float: left;
		margin-right: 0;
		padding: 0px;
		padding-left: 0px;
		width: 23%;
		}
		
	.work .twocol img {
		max-width: 95%;
		}
		
	.work .first {
		margin-left: 20px;
		}

}