@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------- content - common */
/* ----------------------------------------------------- colors */
/* v01
   bg          -  #231F20
   grey        -  #1F1F1F
               -  #222
   pink        -  #F06
*/

/* ----------------------------------------------------- global */
html, body, h1, h2, h3, h4, h5, p, li{font-size:13px;letter-spacing:0px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:normal;}
html,body{height:100%;}
body{background:#231F20 url(../assets/main/t_bg.gif);color:#FFF;}
a{color:#231F20;text-decoration:none;}
a:hover{text-decoration:underline;}
body.mobver a:hover{text-decoration:none;}
a.cursel{cursor:default;text-decoration:underline;}
body.mobver a.cursel:hover{text-decoration:underline;}
h1,h2,h3,h4,h5{}
#mainwrap{height:auto !important;height:100%;min-height:100%;width:1140px;padding:0 12px;margin:0 auto;position:relative;z-index:100;border-bottom:solid 1px transparent;}
body.mobver #mainwrap{border-bottom:none;}
@font-face{font-family:TIN;src: url(/c1048 Territory/v2/assets/fonts/TINlig.ttf);}

/* ----------------------------------------------------- header */
#header{background:#FFF url(../assets/main/t_logo_bw12x18.gif) 12px 10px no-repeat;background-repeat:no-repeat;color:#231F20;font-size:13px;text-transform:uppercase;position:relative;z-index:200;text-align:center;height:40px;overflow:hidden;margin-top:20px;}
#mainwrap.broadcast #header{margin-bottom:30px;}
#header h1{position:absolute;top:0px;font-size:13px;font-family:TIN,Arial;}
#header h1 a{display:block;padding-left:36px;padding-top:14px;height:26px;}
#header a{color:#231F20;}
#header h1 a:hover{}
#navlist{height:40px;}
#navlist li{display:inline;margin-right:50px;position:relative;font-size:13px;font-family:TIN,Arial;}

#navlist li:last-child{margin-right:0;}
#navlist a, #navlist span{line-height:1em;display:inline-block;padding:14px 5px 0;height:26px;}

#infoOpen{position:absolute;right:15px;top:0px;display:inline;font-size:13px;}
#infoOpen a{display:block;padding-top:14px;height:26px;font-family:Tin,Arial;}
#infoOpen.open{}
#infoOpen.open a{background:url(../assets/main/t_pointer_down_xsmall.png) 100% 50% no-repeat;padding-right:20px;}
#infoOpen.close a{background:url(../assets/main/t_close_cross_x12.png) 100% 50% no-repeat;padding-right:22px;}

#header #info{text-transform:none;text-align:left;padding-top:24px;line-height:1.4em;border-top:solid 1px #E6E7E8;position:relative;}
#header #info h2{font-weight:bold;line-height:1.4em;font-size:14px;}
#header #info p{line-height:1.4em;font-size:14px;}
#header #info .content{float:left;}
#header #info #about{width:477px;margin-right:100px;margin-left:54px;}
#header #info #contact{}
#header #info a.map{font-weight:bold;}
#header #info #socials{float:right;margin-right:42px;width:160px;}
#header #info #socials ul{padding-top:10px;}
ul.socialsList{height:16px;margin-bottom:9px;}
ul.socialsList li{float:left;margin-right:16px;}
ul.socialsList li:last-child{margin-right:0;}

ul.socialsList li span{position:relative;display:block;width:16px;height:16px;overflow:hidden;background:url(../assets/main/t_socials_16x16.png) 0 0 no-repeat;}
ul.socialsList li span img{cursor:pointer;position:absolute;top:0px;left:0px;display:none;}

ul.socialsList .st_twitter_custom img{left:0;top:0;}
ul.socialsList .st_twitter_custom:hover img{left:-16px;top:0;}
ul.socialsList .st_facebook_custom img{left:0;top:-16px;}
ul.socialsList .st_facebook_custom:hover img{left:-16px;top:-16px;}
ul.socialsList .st_googleplus_custom img{left:0;top:-32px;}
ul.socialsList .st_googleplus_custom:hover img{left:-16px;top:-32px;}
ul.socialsList .st_pinterest_custom img{left:0;top:-48px;}
ul.socialsList .st_pinterest_custom:hover img{left:-16px;top:-48px;}

ul.socialsList .st_twitter_custom{background-position:0 0;}
ul.socialsList .st_twitter_custom:hover{background-position:-16px 0;}
ul.socialsList .st_facebook_custom{background-position:0 -16px;}
ul.socialsList .st_facebook_custom:hover{background-position:-16px -16px;}
ul.socialsList .st_googleplus_custom{background-position:0 -32px;}
ul.socialsList .st_googleplus_custom:hover{background-position:-16px -32px;}
ul.socialsList .st_pinterest_custom{background-position:0 -48px;}
ul.socialsList .st_pinterest_custom:hover{background-position:-16px -48px;}

ul.socialsList li a{background:url(../assets/main/t_socials_16x16.png) 0 0 no-repeat;text-indent:-9999px;display:block;width:16px;height:16px;}
ul.socialsList .s_twitter{background-position:0 0;}
ul.socialsList .s_twitter:hover{background-position:-16px 0;}
ul.socialsList .s_facebook{background-position:0 -16px;}
ul.socialsList .s_facebook:hover{background-position:-16px -16px;}
ul.socialsList .s_googleplus{background-position:0 -32px;}
ul.socialsList .s_googleplus:hover{background-position:-16px -32px;}
ul.socialsList .s_pinterest{background-position:0 -48px;}
ul.socialsList .s_pinterest:hover{background-position:-16px -48px;}


#header #info #usdetails{border-top:solid 1px #E6E7E8;padding:24px 0 0 631px;margin-top:10px;}
#header #info #usdetails:after{content:"";font-size:0px;display:block;height:0;width:0px;clear:both;}
#header #info #usdetails #contactnyc{}
#header #info #usdetails #findusnyc{float:right;margin-right:42px;width:160px;}

#header #info #clientgrid h2{margin-left:54px;text-transform:uppercase;font-size:13px;font-weight:normal;font-family:Tin,Arial;display:inline-block;padding-bottom:10px;}
#header #info #clientgrid h2:hover{cursor:pointer;text-decoration:underline;}
body.touch #header #info #clientgrid h2:hover{text-decoration:none;}
#header #info #clientgrid{clear:both;float:none;border-top:solid 1px #231F20;padding-top:14px;margin-top:26px;}
#header #info #clientsimg{font-size:0px;}

.pointerdown{font-size:0px;overflow:hidden;width:0px;height:0px;line-height:0px;border:solid 6px transparent;border-top-color:#231F20;margin:5px auto 0;}
.pointerup{font-size:0px;overflow:hidden;width:0px;height:0px;line-height:0px;border:solid 6px transparent;border-bottom-color:#231F20;margin:0 auto 5px;}

#submenu{color:#231F20;border-top:1px solid #231F20;margin-bottom:30px;position:relative;text-transform:uppercase;text-align:center;height:40px;}
#submenu.design{background:#C2B59B;}
#submenu.motion{background:#FFCD1E;}
#submenu.digital{background:#1C99CC;}
#submenu.broadcast{background:#FFF;display:none;}
#submenu.news{background:#5A5A5A;color:#FFF;}
#submenu h2{position:absolute;top:14px;padding-left:12px;font-size:13px;font-family:Tin,Arial;}
#submenu h2 .curFilter{display:none;}
#submenu #subnavlist{height:38px;font-size:0px;}
#submenu #subnavlist li{padding-top:4px;position:relative;font-size:13px;display:inline-block;}
#submenu #subnavlist li:last-child{}
#submenu #subnavlist li a{display:block;padding:11px 28px 0;height:25px;font-family:Tin,Arial;}
#submenu #subnavlist li a.cursel{background:#000;}
#submenu #subnavlist li a.cursel{color:inherit;text-decoration:none;}

#submenu #filter{position:absolute;right:15px;top:0px;display:inline;font-size:13px;z-index:10;}
#submenu #filter.tempHover:hover ul{display:block;}
#submenu #filter a.toggle{display:block;padding-top:14px;height:26px;background:url(../assets/main/t_pointer_down_xsmall.png) 100% 50% no-repeat;padding-right:20px;font-family:Tin,Arial;}
#submenu.news #filter a.toggle{color:#FFF;background-image:url(../assets/main/t_pointer_down_white_xsmall.png)}
#submenu.news #filter a.toggle.open{background-image:url(../assets/main/t_pointer_up_white_xsmall.png);}
#submenu.news #filter a{color:#FFF;}
#submenu #filter ul{background:inherit;position:absolute;right:-15px;top:40px;}
#submenu #filter ul li{}
#submenu #filter ul li a{display:block;text-align:center;padding:14px 10px 0;min-width:170px;height:26px;white-space:nowrap;border-top:1px solid #000;border-color:rgba(0,0,0,0.2);}

#tweetwrap{width:100%;position:relative;margin:18px 0 12px;overflow:hidden;}
#tweetwrap .tweet{white-space:nowrap;-webkit-transform:translate3d(0,0,0);display:inline;margin-right:20px;position:relative;left:0px;}
#tweetwrap .tweet p{font-size:23px;font-family:Tin,Arial;font-weight:lighter;white-space:nowrap;display:inline-block;margin:0;margin-right:14px;padding-left:30px;background:url(../assets/main/t_twitterBlue.png) 0px 4px no-repeat;line-height:1.2em;}
#tweetwrap .tweet p a{color:#1C75BC;}
#tweetwrap .tweet p.trunc{padding-left:0;background:none;}
#tweetwrap .tweet .date{display:inline;font-size:16px;color:#58595B;white-space:nowrap;font-family:Tin,Arial;margin-right:14px;position:relative;}
#tweetwrap .tweet .follow{display:inline;position:relative;top:-2px;}
#tweetwrap .tweet .follow a{padding:2px 22px 2px 5px;display:inline-block;text-transform:uppercase;background:#1C99CC url(../assets/main/t_tabArrowTip.png) 100% 50% no-repeat;font-family:Tin,Arial;font-weight:bold;font-size:10px;line-height:1em;}

#allnews{clear:both;margin-bottom:30px;}
#allnews a{color:#FFF;text-transform:uppercase;font-family:Tin,Arial;font-weight:bold;}

@media screen and (max-width:639px){
	#mainwrap{width:auto;padding:0;overflow:hidden;position:relative;top:0px;}
	#header{background-image:none;height:72px;}
	#header h1{padding:0;top:17px;left:12px;}
	#header h1 a{display:block;text-indent:-9999px;width:24px;height:36px;background:url(../assets/main/t_logo_bw24x36.gif) 0 0 no-repeat;}
	#navlist{height:72px;}
	#navlist li{margin-right:25px;font-size:18px;}
	#navlist a{padding-top:28px;height:40px;}
	
	#infoOpen.open{top:0px;right:0px;}
	#infoOpen.open a{text-indent:-9999px;overflow:hidden;width:72px;height:72px;padding:0;background-position:50% 50%;}
	#infoOpen.close{top:0px;right:0px;}
	#infoOpen.close a{text-indent:-9999px;overflow:hidden;width:72px;height:72px;padding:0;background-position:50% 50%;}
	
	#header #info{width:100%;}
	#header #info .content{margin:0;width:calc(100% - 48px);padding:0 24px;}
	/*#header #info .content h2{margin-left:24px;}*/
	#header #info #about{float:none;clear:both;margin:0;margin-bottom:24px;width:initial;}
	/*#header #info #contact{margin:0;width:100%;float:none;clear:both;padding:0;margin-bottom:19px;}*/
	#header #info #contact{margin:0;margin-bottom:24px;}
	#header #info #socials{float:none;clear:both;}
	/*#header #info #about p{padding:0 24px;}
	#header #info #contact address{padding:0 24px;}
	#header #info #socials ul{padding:0 24px;}*/

	#header #info #usdetails{border-top:solid 1px #E6E7E8;padding:0px;padding-top:24px;margin-top:10px;}
	#header #info #usdetails:after{content:"";font-size:0px;display:block;height:0;width:0px;clear:both;}
	#header #info #usdetails #contactnyc{margin-bottom:15px;}
	#header #info #usdetails #findusnyc{float:none;margin:0;}

	#header #info #clientgrid{padding:24px;}
	#header #info #clientgrid h2{margin:0;padding:0;line-height:1em;}
	#header #info #clientgrid img{width:100%;background:#FFF;}
	/*#header #info #clientgrid{padding:24px 0;}
	#header #info #clientgrid h2{margin-left:24px;}
	*/
	
	#submenu{height:72px;margin-bottom:13px;z-index:10;}
	#submenu h2{font-size:18px;top:26px;}
	#submenu #subnavlist{}
	#submenu #subnavlist li{font-size:18px;padding-top:8px;}
	#submenu #subnavlist li a{padding:18px 28px 0;height:50px;}
	
	#submenu #filter{top:0px;right:0px;}
	#submenu #filter a.toggle{display:block;text-indent:-9999px;overflow:hidden;width:72px;height:72px;padding:0;background-position:50% 50%;}
	#submenu #filter ul{right:0px;top:72px;padding-top:0px;}
	#submenu #filter ul li a{font-size:18px;}
	
	.pointerdown{border-width:10px;margin-top:6px;}
	.pointerup{border-width:10px;margin-bottom:6px;}
	
	#allnews{padding-left:20px;margin-bottom:34px;display:none;}
}

@media screen and (max-width:480px){
	#mainwrap{width:100%;padding:0;}
	#header{background-image:none;height:36px;padding:0;margin:0;width:100%;}
	#header h1{padding:0;top:9px;left:6px;}
	#header h1 a{width:12px;height:18px;background-image:url(../assets/main/t_logo_bw12x18.gif);}
	#navlist{height:36px;font-size:0px;}
	#navlist li{font-size:10px;margin-right:10px;}
	#navlist li a{padding-top:12px;height:24px;}
	
	#infoOpen.open{}
	#infoOpen.open a{width:50px;height:36px;background-image:url(../assets/main/t_pointer_down_xsmall.png);}
	#infoOpen.close{}
	#infoOpen.close a{width:50px;height:36px;background-image:url(../assets/main/t_close_cross_x12.png);}
	
	/*#header #info #clientgrid{padding:12px 0;margin-top:12px;}
	#header #info #clientgrid h2{margin-left:24px;}*/
	
	#submenu{height:36px;margin-bottom:6px;}
	#submenu h2{font-size:10px;top:12px;padding:0;left:6px;}
	#submenu #subnavlist{}
	#submenu #subnavlist li{font-size:10px;padding-top:4px;}
	#submenu #subnavlist li a{padding:8px 11px 0;height:24px;}
	
	#submenu h2 .curFilter{display:inline;}
	#submenu #filter{top:0px;right:0px;}
	#submenu #filter a.toggle{background-image:url(../assets/main/t_pointer_down_xsmall.png);width:50px;height:36px;}
	#submenu #filter a.toggle.open{background-image:url(../assets/main/t_close_cross_x12.png);}
	#submenu.news #filter a.toggle{background-image:url(../assets/main/t_pointer_down_white_xsmall.png);}
	#submenu.news #filter a.toggle.open{background-image:url(../assets/main/t_close_cross_white_x12.png);}
	
	#submenu #filter ul{top:36px;}
	#submenu #filter ul li a{font-size:10px;min-width:100px;padding:12px 0 0;height:24px;}
	#submenu #filter ul li a.cursel{background:rgba(255,255,255,0.2);}
	
	.pointerdown{border-width:4px;margin:0 auto;}
	.pointerup{border-width:4px;margin:0;}
	
	#tweetwrap{margin-top:10px;}
	#tweetwrap .tweet{padding-top:8px;height:20px;margin-bottom:8px;}
	#tweetwrap .tweet p{font-size:12px;padding-top:4px;padding-left:18px;background:url(../assets/main/t_twitterBlue_10x9.png) 0 62% no-repeat;}
	#tweetwrap .tweet .date{font-size:12px;}
	#tweetwrap .tweet .follow{top:0px;}
	#tweetwrap .tweet .follow a{font-size:10px;padding:1px 22px 1px 3px;font-weight:lighter;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.2) and (max-width:480px){
	#header h1 a{background-image:url(../assets/main/t_logo_bw24x36.gif);background-repeat:no-repeat;background-size:12px 18px;}
	
	#infoOpen.open a{background-image:url(../assets/main/t_pointer_down_xsmall_x2.png);background-size:12px 6px;}
	#submenu #filter a.toggle{background-image:url(../assets/main/t_pointer_down_xsmall_x2.png);background-size:12px 6px;}
	#submenu.news #filter a.toggle{background-image:url(../assets/main/t_pointer_down_white_xsmall_x2.png);background-size:12px 6px;}
	#infoOpen.close a{background-image:url(../assets/main/t_close_cross_x12_x2.png);background-size:12px 12px;}
	#submenu #filter a.toggle.open{background-image:url(../assets/main/t_close_cross_x12_x2.png);background-size:12px 12px;}
	#submenu.news #filter a.toggle.open{background-image:url(../assets/main/t_close_cross_white_x12_x2.png);background-size:12px 12px;}
	
	ul.socialsList li a{background-image:url(../assets/main/t_socials_16x16_x2.png);background-size:32px 64px;}
	
	ul.socialsList li span{background-image:url(../assets/main/t_socials_16x16_x2.png);background-size:32px 64px;}
	
	#tweetwrap .tweet p{background-image:url(../assets/main/t_twitterBlue.png);background-size:10px 9px;}
	#tweetwrap .tweet .follow a{background-image:url(../assets/main/t_tabArrowTip_x2.png);background-size:20px 40px}
}


/* ----------------------------------------------------- content area */
#contentarea{position:relative;top:0px;left:0px;padding:0 0 100px;}
#contentarea:after{content:"";display:block;clear:both;width:0px;height:0px;overflow:hidden;}

#contentarea h4{font-size:26px;font-family:TIN,Arial;font-weight:lighter;}
#contentarea h5{font-size:24px;font-family:TIN,Arial;font-weight:lighter;}
.c_design{color:#C2B59B;}
.c_motion{color:#FFCD1E;}
.c_digital{color:#1C99CC;}
.c_broadcast{color:#FFF;}
.c_news{color:#FFF;}
.c_design_bg{background:#C2B59B;}
.c_motion_bg{background:#FFCD1E;}
.c_digital_bg{background:#1C99CC;}
.c_broadcast_bg{background:#FFF;}
.c_news_bg{background:#5A5A5A;}


.capImg{position:relative;overflow:hidden;}
.capImg img{display:block;}
.capImg a{text-decoration:none;}
.imgCaption{position:absolute;bottom:0px;left:0px;width:100%;line-height:11px;font-size:11px;color:#FFF;cursor:pointer;background:#000;background:rgba(0,0,0,0.5);}
.imgCaption .mainBar{padding:12px;color:#FFF;text-transform:uppercase;}
.imgCaption span.info{float:right;}
.imgCaption span.info:hover{text-decoration:underline;cursor:pointer;}
.imgCaption span.info.open{display:block;text-indent:-9999px;width:14px;height:14px;background:url(../assets/main/t_close_cross_white_x12.png) 50% 50% no-repeat;}
.capImg .extrainfo{padding-top:20px;}
.capImg .extrainfo p{
	padding:0 12px 20px;
	width:82%;
	color:#FFF;
	margin-bottom:0px;
	font-size:13px;
	-webkit-column-gap:20px;
	-webkit-column-count:2;
	-moz-column-gap:20px;
	-moz-column-count:2;
	column-gap:20px;
	column-count:2;
	text-transform:inherit;
}
.capImg .extrainfo p a{text-decoration:underline;color:#FFF;}
.capImg .extrainfo .viewproject a{color:inherit;text-transform:uppercase;font-size:14px;}
.capImg .extrainfo .closethis{position:absolute;top:0px;right:0px;}
.capImg .extrainfo .closethis a{display:block;color:#FFF;width:12px;height:12px;padding:12px;text-indent:-9999px;background:url(../assets/main/t_close_cross_white_x14.png) 50% 50% no-repeat;}

.loader{clear:both;width:100%;text-align:center;float:none;padding-top:0px;}
.loader a{width:372px;text-transform:uppercase;background:#282828;color:#FFF;display:block;padding:15px 0;margin:0 auto;}
.loader a:hover span{text-decoration:underline;}
.loader a span{display:inline-block;background:red;padding:0 20px;background:url(../assets/main/t_pointer_down_white_xsmall.png) 100% 50% no-repeat;}
.loader.open span{background-image:url(../assets/main/t_pointer_up_white_xsmall.png);}

@media screen and (max-width:640px){
	#contentarea{padding-bottom:60px;}
	.loader{padding-top:10px;}
	.loader a{width:inherit;padding:10px;}
	
}

@media screen and (max-width:480px){
	#cThumbs .projectThumb .imgCaption .mainBar{font-size:6px;padding:2px;}
	.loader{padding:0;margin:0;}
	.loader a{width:80%;padding:15px 0;}
	
	#projectlist .capImg .imgCaption{position:inherit;top:inherit;left:inherit;}
	#projectlist .capImg .imgCaption .mainBar{padding:4px 4px 6px;}
	#projectlist .capImg .imgCaption .extrainfo{display:none;}
	#projectlist .capImg .imgCaption .extrainfo p{font-size:10px;padding:5px 4px 10px;width:92%;
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.2){
	.loader a span{background-image:url(../assets/main/t_pointer_down_white_xsmall_x2.png);background-size:12px 6px;}
	.loader.open span{background-image:url(../assets/main/t_pointer_up_white_xsmall_x2.png);background-size:12px 6px;}
}

/* ----------------------------------------------------- footer */
#footer{position:absolute;bottom:11px;font-size:10px;text-transform:uppercase;color:#4C4C4C;}
#footer #siteby{float:right;}
#footer a{color:#555;}
#footer a:hover{}


@media screen and (max-width:640px){
	#footer{left:20px;font-size:8px;display:none;}
}
@media screen and (max-width:480px){
	#footer{left:10px;display:none;}
}


/* ------------------------------------------------------------------------------- content - specific */
/* ----------------------------------------------------- home/work */
#showcase{margin-bottom:30px;border-top:solid 4px;padding-top:0px;}
#showcase #scTitle{margin:0px;padding:0px;padding-top:10px;line-height:0px;}
#showcase #scTitle h4{margin-bottom:20px;}
#showcase #scTitle a{color:inherit;padding:0px;margin:0;}

#showcase a{}

#cThumbs{}

#cThumbs ul.cList{width:372px;float:left;margin-right:12px;}
#cThumbs ul:last-child{margin-right:0;}
#cThumbs .cTitle{border-top:solid 4px;margin-bottom:30px;}
#cThumbs .cTitle a{color:inherit;padding-top:9px;display:block;text-indent:-2px;}
#cThumbs .projectThumb{position:relative;margin-bottom:10px;overflow:hidden;}
/*#cThumbs .projectThumb .imgCaption{position:absolute;bottom:0px;left:0px;padding:12px;line-height:11px;font-size:11px;text-transform:uppercase;color:#FFF;background:rgba(0,0,0,0.5);}*/

@media screen and (max-width:640px){
	/*body{background:red;}*/
	#showcase{display:none;}
	#cThumbs{padding:0 10px;}
	#cThumbs ul.cList{width:100%;margin-right:0;}
	#cThumbs ul.cList .cTitle{margin-bottom:10px;}	
	#cThumbs ul.cList .projectThumb a img{width:100%;}
	
	#cThumbs.scroll{position:relative;width:100%;overflow:hidden;padding:0;}
	#cThumbs.scroll ul.cList{width:50px;clear:both;position:relative;left:0;white-space:nowrap;padding:10px 0;margin-left:10px;border-top:solid 5px;}
	#cThumbs.scroll ul.cList ul.thumblist{position:relative;left:0px;white-space:nowrap;overflow:hidden;}
	#cThumbs.scroll ul.cList li{float:left;margin:0 14px 0 0;}
	#cThumbs.scroll ul.cList li:last-child{margin:0;}
	#cThumbs.scroll ul.cList .cTitle{border-top:none;width:115px;position:relative;z-index:10;}
	#cThumbs.scroll ul.cList .cTitle a{padding-top:0;display:inline;}
	#cThumbs.scroll ul.cList .projectThumb{}
	#cThumbs.scroll ul.cList .projectThumb a{display:block;}
	#cThumbs.scroll ul.cList .projectThumb img{width:350px;}
	#cThumbs .projectThumb .imgCaption{font-size:14px;}
}



@media screen and (min-width:320px){
	/*body{background:green;}*/
	#cThumbs.scroll ul.cList{border-top-width:3px;padding:6px 0;}
	#cThumbs.scroll ul.cList li{margin-right:6px;}
	#cThumbs.scroll ul.cList .cTitle{width:50px;}
	#cThumbs.scroll ul.cList .cTitle h5{font-size:14px;}
	#cThumbs.scroll ul.cList .cTitle a{line-height:1px;}
	#cThumbs.scroll ul.cList .projectThumb img{width:180px;}
	#cThumbs .projectThumb .imgCaption{font-size:6px;padding:4px 6px 2px;}
}

/*321 -> 375 = iphone 6 */
@media screen and (min-width:375px){
	/*body{background:blue;}*/
	#cThumbs.scroll ul.cList .projectThumb img{width:260px;}
}



/* ----------------------------------------------------- work */
#contentarea h4{display:inline-block;margin-bottom:15px;}
#contentarea #filters{margin-bottom:30px;color:#58595B;text-transform:uppercase;font-family:Tin,Arial;}
/*#mainwrap.broadcast #filters{display:none;}*/
#contentarea #filters a{color:inherit;font-family:Tin,Arial;}

#contentarea.pList #viewOptions{float:right;}
#contentarea.pList #viewOptions li{float:left;margin-left:10px;}
#contentarea.pList #viewOptions a{display:block;width:25px;height:20px;text-indent:-9999px;background-image:url(../assets/main/t_viewOptionMask.gif);opacity:0.3;filter:alpha(opacity=30);
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}
#contentarea.pList #viewOptions a.news{background-color:#FFF;}
#contentarea.pList #viewOptions a:hover{opacity:1;filter:alpha(opacity=100);}
#contentarea.pList #viewOptions a.cursel{opacity:1;filter:alpha(opacity=100);}
#contentarea.pList #viewOptions a.pGrid{background-position:-26px 0px;}

#contentarea.pList #projectlist li img{width:100%;
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}
#contentarea.pList #projectlist li.itemWrap.imgLoading{background:url(../assets/main/ajax-loader.gif) 50% 50% no-repeat;}
#contentarea.pList #projectlist li img.imgLoad{opacity:0;}
#contentarea.pList #projectlist li img.imgInit{opacity:0;}
/*#contentarea.pList #projectlist li img.imgLoad{border-color:red;}
#contentarea.pList #projectlist li img.imgLoading{border-color:blue;}
#contentarea.pList #projectlist li img.imgLoaded{border-color:green;}*/
#contentarea.pList #projectlist li.imgLoading{}
#contentarea.pList #projectlist li img.imgLoaded{opacity:1;}

#contentarea.pList #projectlist.pList{}
#contentarea.pList #projectlist.pList li{margin-bottom:45px;width:100%;}
#contentarea.pList #projectlist.pList li .info{}
#contentarea.pList #projectlist.pList li img.imgThumb{display:none;}
#contentarea.pList #projectlist.pList li img.imgMobile{display:none;}

#contentarea.pList #projectlist.pGrid li{width:372px;height:209px;float:left;margin:0 12px 10px 0;}
#contentarea.pList #projectlist.pGrid li img.imgMobile{display:none;}
#contentarea.pList #projectlist.pGrid li img.imgGallery{display:none;}
#contentarea.pList #projectlist.pGrid li.loader{clear:both;width:100%;text-align:center;float:none;}
#contentarea.pList #projectlist.pGrid li:nth-child(3n){margin-right:0;}
#contentarea.pList #projectlist.pGrid li .imgCaption span{display:none;}
#contentarea.pList #projectlist.pGrid li .extrainfo{display:none;}

#contentarea.pDetail h4 span{color:#FFF;}
#contentarea.pDetail #imgGal{margin-bottom:30px;}

#contentarea.pDetail #imgGal .itemWrap{overflow:hidden;}
#contentarea.pDetail #imgGal .imgMobile{display:none;}
#contentarea.pDetail #imgGal .imgGallery{width:100%;}
#contentarea.pDetail #imgGal .vimeo{}
#contentarea.pDetail #imgGal .loader{margin-top:30px;font-size:12px;}
#contentarea.pDetail #imgGal #imgWrap{margin-top:30px;}
#contentarea.pDetail #imgGal li{font-size:0px;margin-bottom:10px;}

#contentarea.pDetail #imgGal li.itemWrap.imgLoading{background:url(../assets/main/ajax-loader.gif) 50% 50% no-repeat;}
#contentarea.pDetail #imgGal li img{width:100%;
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}
#contentarea.pDetail #imgGal li img.imgLoad{opacity:0;}
#contentarea.pDetail #imgGal li img.imgInit{opacity:0;}
#contentarea.pDetail #imgGal li.imgLoading{}
#contentarea.pDetail #imgGal li img.imgLoaded{opacity:1;}

#contentarea.pDetail #projectinfo .colMain{float:left;width:728px;padding:19px;}
#contentarea.pDetail #projectinfo .colSide{width:332px;}
#contentarea.pDetail #projectinfo .additionalinfo{float:right;width:373px;}
#contentarea.pDetail #projectinfo #mainText{background:#FFF;color:#000;padding-bottom:80px;}
#contentarea.pDetail #projectinfo #mainText h5{font-weight:normal;margin-bottom:30px;}
#contentarea.pDetail #projectinfo h5{font-size:14px;text-transform:uppercase;color:inherit;margin-bottom:10px;font-weight:normal;}
#contentarea.pDetail #projectinfo #mainText p{color:#939598;font-size:14px;font-weight:normal;padding-right:150px;}
#contentarea.pDetail #projectinfo #share{position:relative;height:26px;padding:14px 20px 0px;}
#contentarea.pDetail #projectinfo #share h5{color:#000;display:inline-block;margin-bottom:0;}
#contentarea.pDetail #projectinfo #share ul{position:absolute;right:20px;top:12px;}
#contentarea.pDetail #projectinfo #related{padding:20px;padding-bottom:80px;}
#contentarea.pDetail #projectinfo #related li a{color:#404040;line-height:1.4em;font-size:14px;}
#contentarea.pDetail #projectinfo #client{padding:20px;border-top:solid 5px;line-height:1.4em;}
#contentarea.pDetail #projectinfo #client p{font-size:15px;}
#contentarea.pDetail #projectinfo #client .client{line-height:1.4em;}
#contentarea.pDetail #projectinfo #client .company{line-height:1.4em;}

#contentarea #approachlist{background:#FFF;color:#939598;}
#contentarea #approachlist li.mainitem{font-size:0px;border-bottom:solid 10px #231F20;}
#contentarea #approachlist li.mainitem .img{float:left;font-size:0px;border-right:solid 1px #231F20;}
#contentarea #approachlist li.mainitem:nth-child(2n) .img{float:right;border:none;border-left:solid 1px #231F20;}
#contentarea #approachlist li.mainitem .img img{}
#contentarea #approachlist li.mainitem .copy{margin-left:380px;padding:30px 60px 20px 30px;}
#contentarea #approachlist li.mainitem:nth-child(2n) .copy{margin-left:0px;margin-right:380px;}
#contentarea #approachlist h5{color:#000;margin-bottom:30px;font-size:26px;}
#contentarea #approachlist li.mainitem .copy p{font-size:14px;line-height:1.5em;font-weight:normal;}

@media screen and (max-width:640px){
	#contentarea{position:relative;}
	#contentarea h4{font-size:16px;margin-left:13px;}
	#contentarea #filters{margin-left:13px;}
	#contentarea.pList #viewOptions{display:none;}
	#contentarea.pList #projectlist.pList{padding:0 13px;}
	#contentarea.pList #projectlist.pList li{margin-bottom:10px;height:inherit;}
	#contentarea.pList #projectlist.pList li.videoContainer{overflow:hidden;width:100%;}
	#contentarea.pList #projectlist.pList li img.imgMobile{display:block;width:100%;}
	#contentarea.pList #projectlist.pList li img.imgThumb{display:none;}
	#contentarea.pList #projectlist.pList li img.imgGallery{display:none;}
	/*#contentarea.pDetail li.videoContainer{overflow:hidden;width:100%;}*/
	#contentarea.pDetail #imgGal .imgMobile{display:block;width:100%;}
	#contentarea.pDetail #imgGal .imgGallery{display:none;}
	
	#contentarea.pList #projectlist.pushAbout{position:relative;top:0px;left:0px;}
	
	#contentarea #approachlist{margin:12px;}
	#contentarea #approachlist li.mainitem .img{float:none;height:380px;overflow:hidden;}
	#contentarea #approachlist li.mainitem:nth-child(2n) .img{float:none;}
	#contentarea #approachlist li.mainitem .img img{width:100%;}
	#contentarea #approachlist li.mainitem .copy{margin:0;}
	#contentarea #approachlist li.mainitem:nth-child(2n) .copy{margin:0;}
}

@media screen and (max-width:480px){
	#contentarea h4{font-size:14px;margin-left:6px;margin-bottom:0.8em;}
	#contentarea #filters{margin-left:6px;font-size:12px;margin-bottom:1em;}
	#contentarea.pList #projectlist.pList{padding:0 6px;}
	#contentarea.pList #projectlist.pList li{margin-bottom:6px;}
	#contentarea.pList #projectlist.pList li .imgCaption{font-size:8px;padding:4px 4px 6px;}
	#contentarea.pList #projectlist.pList li .info{display:block;position:absolute;top:0px;right:0px;text-indent:-9999px;background:url(../assets/main/t_pointer_down_white_xsmall.png) 50% 50% no-repeat;width:24px;height:24px;margin-right:10px;}
	#contentarea.pList #projectlist.pList li .info.open{background-image:url(../assets/main/t_pointer_up_white_xsmall.png);}
	
	#contentarea.pDetail{padding:0 6px;}

	#contentarea.pDetail #imgGal{margin-bottom:10px;}
	#contentarea.pDetail #imgGal img.imgThumb{display:block;}
	#contentarea.pDetail #imgGal img.imgGallery{display:none;}
	#contentarea.pDetail #imgGal img{width:100%;}
	#contentarea.pDetail #imgGal .loader{margin-top:10px;font-size:12px;}
	#contentarea.pDetail #projectinfo{width:100%;}
	#contentarea.pDetail #projectinfo .colMain{width:inherit;padding:0;}
	#contentarea.pDetail #projectinfo .colSide{}
	#contentarea.pDetail #projectinfo .additionalinfo{width:100%;float:none;clear:both;padding:1px 6px 40px;}
	#contentarea.pDetail #projectinfo #mainText{padding-bottom:20px;}
	#contentarea.pDetail #projectinfo #mainText h5{padding:12px;margin-bottom:5px;font-size:14px;}
	#contentarea.pDetail #projectinfo h5{}
	#contentarea.pDetail #projectinfo #mainText p{padding:12px;font-size:14px;}
	#contentarea.pDetail #projectinfo #share{width:inherit;padding:0px;height:36px;right:12px;margin:0 6px;}
	#contentarea.pDetail #projectinfo #share h5{padding:12px;display:inline-block;font-size:14px;}
	#contentarea.pDetail #projectinfo #share ul{}
	#contentarea.pDetail #projectinfo #related{padding:12px 6px;margin:0;}
	#contentarea.pDetail #projectinfo #related li a{line-height:1.6em;font-size:14px;}
	#contentarea.pDetail #projectinfo #client{padding:12px;border-top:solid 3px;}
	#contentarea.pDetail #projectinfo #client p{font-size:14px;}
	
	#contentarea #approachlist{margin:6px;}
	#contentarea #approachlist li.mainitem .img{height:280px;}
	#contentarea #approachlist li.mainitem .copy{padding:21px 10px;}
	#contentarea #approachlist li.mainitem .copy h5{font-size:20px;margin-bottom:14px;}
	#contentarea #approachlist li.mainitem .copy p{font-size:13px;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.2){
	/*#contentarea.pList #projectlist.pList li .info{background-image:url(../assets/main/t_pointer_down_white_xsmall_x2.png);background-size:12px 6px;}*/
	/*#contentarea.pList #projectlist.pList li .info.open{background-image:url(../assets/main/t_pointer_up_white_xsmall_x2.png);background-size:12px 6px;}*/
}

/* ----------------------------------------------------- news */
#contentarea.news #viewOptions{display:none;}
#contentarea #newslist{font-size:0px;padding-bottom:50px;}
#contentarea #newslist .contentitem{margin-bottom:10px;}
#contentarea #newslist .contentitem .image{float:left;width:339px;font-size:0px;padding:0;}
#contentarea #newslist .contentitem .copywrap{background:#FFF;margin-left:340px;height:100%;position:relative;padding:0 18px;}
#contentarea #newslist .contentitem .copywrap .date{position:absolute;top:12px;left:18px;color:#BBB;font-size:11px;text-transform:uppercase;}
#contentarea #newslist .contentitem .copywrap .tags{position:absolute;top:12px;right:18px;color:#BBB;font-size:11px;}
#contentarea #newslist .contentitem .copywrap .tags a{color:#BBB;text-transform:uppercase;}
#contentarea #newslist .contentitem .copywrap .headline{margin-bottom:15px;padding-top:36px;}
#contentarea #newslist .contentitem .copywrap .headline p{font-size:22px;line-height:1.2em;font-family:Tin,Arial;color:#000;font-weight:lighter;}
#contentarea #newslist .contentitem .copywrap .description{margin-bottom:30px;}
#contentarea #newslist .contentitem .copywrap .description p{color:#999;padding-right:50px;padding-bottom:30px;font-size:14px;}
#contentarea #newslist .contentitem .copywrap .projectlink{position:absolute;bottom:12px;left:18px;text-transform:uppercase;font-size:12px;}
#contentarea #newslist .contentitem .copywrap .socialsList{position:absolute;bottom:12px;right:18px;display:none;}

#contentarea #newslist.pGrid{position:relative;}
#contentarea #newslist.pGrid .contentitem{width:370px;margin:0;position:absolute;top:0px;left:0px;}
#contentarea #newslist.pGrid .contentitem.itemWrap.imgLoading .image{background:url(../assets/main/ajax-loader.gif) 50% 50% no-repeat;}
#contentarea #newslist.pGrid .contentitem .image{width:100%;float:none;margin-bottom:1px;}
#contentarea #newslist .contentitem .image img{width:100%;
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}
#contentarea #newslist .contentitem .image img.imgLoad{opacity:0;}
#contentarea #newslist.pGrid .contentitem .image img.imgLoaded{opacity:1;}
#contentarea #newslist.pGrid .contentitem .copywrap{margin:0;}
#contentarea #newslist.pGrid .contentitem .projectlink{}

#contentarea #newslist.pGrid .loader{position:absolute;left:0px;top:0px;}

@media screen and (max-width:640px){
}

@media screen and (max-width:640px){
	#contentarea #newslist{padding:0 6px;}
	#contentarea #newslist .contentitem{margin-bottom:20px;width:100%;}
	#contentarea #newslist.pGrid .contentitem{position:none;}
	#contentarea #newslist .contentitem .image{float:none;border:none;border-bottom:1px solid #000;width:100%;}
	#contentarea #newslist .contentitem .image img{width:100%;}
	#contentarea #newslist .contentitem .copywrap{margin:0;padding:0 10px;}
	#contentarea #newslist .contentitem .copywrap .date{font-size:9px;left:8px;top:8px;}
	#contentarea #newslist .contentitem .copywrap .tags{top:8px;font-size:9px;right:8px;}
	#contentarea #newslist .contentitem .copywrap .tags a{font-size:9px;}
	#contentarea #newslist .contentitem .copywrap .headline{margin-bottom:10px;}
	#contentarea #newslist .contentitem .copywrap .description{padding:0;margin-bottom:0px;}
	#contentarea #newslist .contentitem .copywrap .description p{font-size:13px;line-height:1.5em;padding-bottom:20px;}
	#contentarea #newslist .contentitem .copywrap .projectlink{position:inherit;float:left;left:0;}
	#contentarea #newslist .contentitem .copywrap .socialsList{position:inherit;float:right;right:0;}
}


/* ----------------------------------------------------- contact */


/* ------------------------------------------------------------------------------- site default */
*{padding:0px;margin:0px;line-height:1em;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing:antialiased;}
a:focus{-moz-outline:none;outline:none;outline-offset:0px;}
a img{border:none;display:block;}
.hideMe, .temphide{display:none;}
.invisible{visibility:hidden;}
ul,li{list-style-type:none;}
fieldset{border:none;}
.sendleft{float:left;}
.sendright{float:right;}
p{margin-bottom:10px;line-height:1.4em;}
.clearlayout{clear:both;font-size:0px;margin:0;padding:0;overflow:hidden;width:0px;height:0px;line-height:0px;}
.csshardware{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}