/* CSS Resets */

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%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

body {
			margin:0;
			padding:0;
			letter-spacing:1px;
			font-family: 'MenschMenschRegular';
			color:#FFF; 
			background-color: #000; 
			margin-top:2%;
			margin-bottom:7%;
			-moz-radial-gradient:(right top, black, white);
			}
			
			li {margin-bottom:8px;}
			
			a { color:#FFF;text-decoration:none; outline:none;}
			a:hover {color:#00ade8;text-decoration:none;outline:none;}
			a:active {color:#00ade8;text-decoration:none;outline:none;}
			
.fade {
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.title-wrapper {
      
      margin-left: auto ;
      margin-right: auto;
    }
	
	.row #sticker {
      background: orange;
      margin-left: auto !important;
      margin-right: auto !important;
    }

.container {
padding-left: 20px;
padding-right: 20px;
font-size:1.2em;
}

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

.logo {
	margin-bottom:22px;
}


.copy {
	font-family: 'OpenSansCondensedLight';
	font-size:0.6em;
	letter-spacing:0;
	margin-bottom:80px;
}

.thumbs {
	width:160px;
	height:160px;
	margin-right:8px;
	margin-bottom:210px;
	float:left;
	
}

.folio {
	padding-bottom:30px;
	padding-top:10px;
	clear:both;
	font-size:14px;
	line-height:16px;
}

.client {
	color:#00ade8;
	font-size:16px;
	padding-bottom:4px;
}

.process {
	font-size:11px;
	line-height:6px;
	color:#999999;
}

.tsg_title {
	font-family: 'MenschMenschBold';
}
	

.whatchado {
	margin-bottom:6px;
}



.column_line {
	margin-bottom:6px;
}

.column_line_top {
	margin-bottom:6px;
}

.column_line_updown {
	margin-bottom:6px;
	margin-top:6px;
}

.hide4small {
	margin-top:12px;
	}
	

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

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.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: 1.0em;
	line-height: 1.5em;
	}
	
	.thumbs {
	width:220px;
	height:220px;
	margin-right:8px;
	margin-bottom:8px;
	float:left;
	
}
	
	}


/* Mobile */



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

	body {
	font-size: 1.1em;
	-webkit-text-size-adjust: none;
	}
	
	.hide4small {
	display:none;
	}
	
	.column_line_top {
	display:none;
}
	
	.thumbs {
	width:320px;
	height:320px;
	margin-left:10% !important;
	
}
	
	.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;
	text-align:center;
	}

}



#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#000;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:20px solid #000;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{ background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}