/*~  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; }

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: 685px; background: #fff; margin-left: 3px; position: relative; min-height: 530px; }
.flash #content { min-height: inherit; }

.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.jandj a { background-position: -344px 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 { color: #e31937; 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 { color: #E31937; font-size: 12px; }
ul.speech_lists { padding: 10px; }
ul.speech_lists li { padding: 3px 0px; list-style-type: disc; margin: 0px 10px; }