/*~  1. Reset
----------------------------------------------------------------------*/
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;line-height:1em;font-family:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}

body { background: #e6e6e6; padding-top: 97px; font-family: Tahoma, "Times New Roman", sans-serif; }
body.homepage { background: #fff; }


#body-wrp { width: 808px; margin: 0 auto; }

#footer { clear: both; width: 685px; float: left;  padding-top: 10px; margin-left: 115px; text-align: center; font-size: 10px; color: #999999; }

#footer3 {
    margin-left: 125px;
    width: 685px;
}

#footer3 .social {
    float: right;
}

#footer3 .social ul {
    list-style: none;
    margin: 10px 0px 0px;
    padding-top: 5px;
}

#footer3 .social li {
    float: left;
    margin-right: 8px;
}

#footer3 .social img {
    border: 0px;
	padding-top: 1px;
}

#footer3 .copyright {
    color: #999;
    font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
    line-height: 32px;
    margin-left: 200px;
    margin-top: 10px;
    text-align: center;
}

#navcontainer
{
margin-top: 10px;
margin-left: 42px;
margin-bottom: 15px;
overflow: hidden;
width: 460px;
}

#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 12px;
}

#navlist li
{
border-left: 1px solid #BCBEC0;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
color: #939598;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}

#navlist li a
{
text-decoration:none;
color: #939598;
}

#navlist img {
    border: 0px;
	margin-top: 1px;
}

body.homepage #footer { width: auto; padding-top: 50px; float: none; margin-left: 0px; }

h1 { clear: both; }
h1 a { display: block; outline: none; text-indent: -9999px; float: left; height: 112px; width: 112px; background: transparent url(/images/logo.png) top left no-repeat; }

ul.menu { margin: 0 0 4px 2px; float: left; width: 685px; overflow: hidden; }
ul.menu li { float: left; display: block; }
ul.menu li a { text-indent: -9999px; display: block; height: 41px; background-image: url(/images/menu_off.png); background-repeat: none; }
ul.menu li.on a { background-image: url(/images/menu_on.png); cursor: default; height: 39px; border: 1px #ccc solid; }
ul.menu li a:hover { background-image: url(/images/menu_on.png); }

ul.menu li a.about-us { background-position: 0px 0px; width: 113px; }
ul.menu li.on a.about-us { background-position: 0px 41px; width: 111px; }
ul.menu li a.about-us:hover { background-position: 0px 41px; }
ul.menu li a.projects { background-position: -113px 0px; width: 115px; }
ul.menu li.on a.projects { background-position: -113px 41px; width: 113px; }
ul.menu li a.projects:hover { background-position: -113px 41px; }
ul.menu li a.case-study { background-position: -228px 0px; width: 114px; }
ul.menu li.on a.case-study { background-position: -228px 41px; width: 112px; }
ul.menu li a.case-study:hover { background-position: -228px 41px; }
ul.menu li a.news { background-position: -342px 0px; width: 115px;}
ul.menu li.on a.news { background-position: -342px 41px; width: 113px; }
ul.menu li a.news:hover { background-position: -342px 41px; }
ul.menu li a.contact-us { background-position: -457px 0px; width: 115px; }
ul.menu li.on a.contact-us { background-position: -457px 41px; width: 113px; }
ul.menu li a.contact-us:hover { background-position: -457px 41px; }
ul.menu li a.client-login { background-position: -572px 0px; width: 113px;}
ul.menu li.on a.client-login { background-position: -572px 41px; width: 111px; }
ul.menu li a.client-login:hover { background-position: -572px 41px; }


#content { float: left; width: 684px; background: #fff; margin-left: 3px; position: relative; }

@font-face {
    font-family: Interstate;
	font-stretch:condensed;
    src: url('Interstate-LightCondensed.bmap');
}

/* ABOUT US MENU */

#aboutus_submenu {
	position:relative;
	background-color:#ffffff;
	float:left;
	width:684px; 
	height:224px; 
	margin:0px 0px 0px 0px;
	border-bottom:solid 2px #dfdfdf;
}	
.the_studio {
	margin:1px 0px 0px 0px;
}	

/* CASE STUDIES MENU */

#casestudy_submenu {
	position:relative;
	background-color:#ffffff;
	float:left;
	width:684px; 
	height:224px; 
	margin:0px 0px 0px 0px;
	border-bottom:solid 2px #dfdfdf;
}	
.target_case {
	margin:1px 0px 0px 0px;
}		

/* NEWS MENU */

#news_submenu {
	position:relative;
	background-color:#ffffff;
	float:left;
	width:340px; 
	height:224px; 
	margin:0px 0px 0px 0px;
	border-bottom:solid 2px #dfdfdf;	
}	
.exhibitions {
	border-left:solid 2px #dfdfdf;
	padding-left:.5px;
}		
.press {
	border-top:solid 2px #dfdfdf;
}
.talks {
	border-left:solid 2px #dfdfdf;
	padding-left:.5px;
}

/* CONTACT MENU */

#contact_submenu {
	position:relative;
	background-color:#ffffff;
	float:left;
	width:340px; 
	height:224px; 
	margin:0px 0px 0px 0px;
	border-bottom:solid 2px #dfdfdf;	
}	
.phone {
	border-left:solid 2px #dfdfdf;
	padding-left:.5px;
}		
.twitter {
	border-top:solid 2px #dfdfdf;
}
.email {
	border-left:solid 2px #dfdfdf;
	padding-left:.5px;
}
	
/* PROJECTS MENU */

#projects_submenu {
	position:relative;
	background-color:#ffffff;
	float:left;
	width:340px; 
	height:224px; 
	margin:0px 0px 0px 0px;
	border-bottom:solid 2px #dfdfdf;	
}	
.target {
	border-left:solid 2px #dfdfdf;
}
.logos {
	border-left:solid 2px #dfdfdf;
}		
.firstaid {
	border-left:solid 2px #dfdfdf;
}
.idmag {
	border-left:solid 2px #dfdfdf;
}
.medline {
	border-top:solid 2px #dfdfdf;
}
.kiehls {
	border-top:solid 2px #dfdfdf;
}

	/* two-column */
.two-columns .column{
	width:404px;
	float:left;
	margin:0 11px 0 0;
	padding:0 0 12px;
}

.clear {
    clear: both;
	}
	
.content-holder{
	float:left;
	width:808px;
}

/* GENERAL */

.homepage p { clear: both; font-family: Georgia,Palatino,"Times New Roman",Times,sans-serif; font-size: 24px; padding-top: 47px; color: #a7a9ac; line-height: 1.3; text-indent: -9999px; background: url(/images/homepage_text.png) 5px 47px no-repeat; height: 180px; width: 798px; }
.homepage p i { font-style: italic; }
.homepage ul.menu li a { background-image: url(/images/menu_homepage.png); background-repeat: none; }
.homepage #boxes { float: left; width: 687px; background: transparent url(/images/homepage_bars.png) top left repeat-y; height: 67px; display: block; margin-left: 2px; }
.homepage #boxes img { margin-right: 2px; }

ul.menu:after,
ul.menu li a.client-login:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

ul.list { display: block; position: absolute; top: 8px; background: #e6e6e6;}
ul.list li { display: block; float: left; height: 43px; }
ul.list li a { text-indent: -9999px; display: block; height: 43px; width: 85px; }
ul.list li.off a { background-image: none; height: 1px; }
ul.list li.off a:hover { background-image: none; }

ul#project-list { height: 86px; width: 430px; margin-left: 114px; background: transparent url(/images/menu_projects_off.png) top left no-repeat; }
ul#project-list li.on a { background-image:  url(/images/menu_projects_on.png); height: 43px; width: 86px; }
ul#project-list li a:hover { background-image: url(/images/menu_projects_roll.png); }
ul#project-list li a { width: 86px; }
ul#project-list li.merkin a { background-position: 0px 0px; }
ul#project-list li.target a { background-position: -86px 0px; }
ul#project-list li.glaser a { background-position: -172px 0px; }
ul#project-list li.logos-stat a { background-position: -258px 0px; }
ul#project-list li.medline a { background-position: 0px 43px; }
ul#project-list li.fab a { background-position: -86px 43px; }
ul#project-list li.kiehls a { background-position: -172px 43px; }
ul#project-list li.id-mag a { background-position: -258px 43px; }

ul#about-us-list { height: 86px; width: 87px; margin-left: 127px; background: transparent url(/images/menu_about_off.png) top left no-repeat; }
ul#about-us-list li.on a { background-image: url(/images/menu_about_on.png);  }
ul#about-us-list li a:hover { background-image: url(/images/menu_about_roll.png); }
ul#about-us-list li.da a { width: 87px; background-position: 0px 0px; }
ul#about-us-list li.team a { width: 86px; background-position: -87px 0px; }
ul#about-us-list li.studio a { width: 87px; background-position: 0px 43px; }
ul#about-us-list li.mission a { width: 86px; background-position: -87px 43px; }

ul#news-list { height: 86px; width: 173px; margin-left: 422px; background: transparent url(/images/menu_news_off.png) top left no-repeat; }
ul#news-list li.on a { background-image: url(/images/menu_news_on.png);  }
ul#news-list li a:hover { background-image: url(/images/menu_news_roll.png); }
ul#news-list li.books a { width: 87px; background-position: 0px 0px; }
ul#news-list li.exhibition a { width: 86px; background-position: -87px 0px; }
ul#news-list li.press a { width: 87px; background-position: 0px 43px; }
ul#news-list li.speech a { width: 86px; background-position: -87px 43px; }

ul#case-study-list { height: 86px; width: 88px; margin-left: 358px; background: transparent url(/images/menu_case_off.png) top left no-repeat; }
ul#case-study-list li.on a { background-image: url(/images/menu_case_on.png);  }
ul#case-study-list li a:hover { background-image: url(/images/menu_case_roll.png); }
ul#case-study-list li.medline a { width: 88px; background-position: 0px 0px; }
ul#case-study-list li.target a { width: 88px; background-position: 0px 43px; }

#content:after,
.homepage #boxes:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content ul.list { position: relative; margin-left: 10px !important; }
#content ul.list:after,
#content ul.project-dot-menu:after {
	content: ".";
	display: block;
	height: 15px;
	clear: both;
	visibility: hidden;
	}

ul.project-menu { float: left; height: 23px; background: #fff; width: 685px; margin-left: 3px; }
ul.project-menu li { float: left; margin: 3px 0 0 8px; }
ul.project-menu li a { color: #d9d9d9; outline: none; background: url(/images/icons.png) 0px -13px no-repeat; padding-left: 16px; font-size: 12px; font-family: Tahoma, "Times New Roman", sans-serif;  text-decoration: none; }
ul.project-menu li a:hover { text-decoration: underline; }
ul.project-menu li a:hover,
ul.project-menu li.on a { color: #999999; background: url(/images/icons.png) 0px 3px no-repeat; }

#content ul.project-dot-menu { clear: both; margin: 30px 0 0 10px; position:absolute; right:10px; top:-47px; font-size: 13px; }
#content ul.project-dot-menu li { float: left; height: 15px; width: 11px; }
#content ul.project-dot-menu li#counter { color:#999999; font-size:12px; width:50px; text-align: center; margin: 0 7px; }
#content ul.project-dot-menu li a { display: block; height: 15px; width: 10px; text-indent: -9999px; outline: none; }
#content ul.project-dot-menu li a.prev { background: url(/images/icons.png) 0px -87px no-repeat; }
#content ul.project-dot-menu li a.prev:hover { background: url(/images/icons.png) 0px -100px no-repeat; }
#content ul.project-dot-menu li a.next { background: url(/images/icons.png) 0px -73px no-repeat; }
#content ul.project-dot-menu li a.next:hover { background: url(/images/icons.png) 0px -60px no-repeat; }

#content .block-on { display: block; }
#content .project-item { display: none; margin-bottom: 20px; }
#content .project-item p { font-size: 12px;  color: #999999; margin: 10px 0 0 10px; padding: 0 40px 0 5px; line-height: 1.4; }
#content .project-item p span {font-weight: bold; padding-right: 5px; }
#content .item-on { display: block; }


.clients #content { min-height: inherit; padding-bottom: 20px; }
.clients #content form { margin: 23px 0 0 15px; }
.clients #content form label { margin-left: 22px; color: #999999; font-size: 13px; }
.login #content { height: 67px; padding-bottom: 0; }

.external-link { position: absolute; bottom: 10px; right: 10px; }
.external-link a {font-size: 12px; }
ul.speech_lists { padding: 10px; }
ul.speech_lists li { padding: 3px 0px; list-style-type: disc; margin: 0px 10px; }