body {margin:0px;padding:0px;background:#DEDFDA;}
img {border:0px;margin:0px;padding:0px;display:block;}

a, h3, h2, h4, div, span, p {font-family:arial,verdana,helvetica;font-size:12px;color:#000;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration: underline;}

/* loading animation */
#loading-container {position:relative;padding:0px;margin:0px;}
#loading-container #loading {margin:200px auto;width:32px;height:32px;}

/* nav stuff */
#navigation {position:absolute;top:0px;left:28px;width:152px;display:none;}
#navigation .logo-stuff {background:#FDE804;}
#navigation .link-stuff {background:#FDE804;padding-bottom:10px;padding-top:16px;}
#navigation #whiteline {width:100%;height:3px;display:block;overflow:hidden;background:transparent;}
#navigation #createLink {width:152px;height:25px;overflow:hidden;width:152px;height:25px;background:url('../i/nav_create.gif');}
#navigation #learnLink {width:152px;height:25px;overflow:hidden;width:152px;height:25px;background:url('../i/nav_learn.gif');}
#navigation #learnLinkOn {width:152px;height:25px;overflow:hidden;width:152px;height:25px;background:url('../i/nav_learn.gif') 0px -25px;}
#navigation #newsLink {width:152px;height:25px;overflow:hidden;width:152px;height:25px;background:url('../i/nav_news.gif');}
#navigation #newsLinkOn {width:152px;height:25px;overflow:hidden;width:152px;height:25px;background:url('../i/nav_news.gif') 0px -25px;}
#navigation #talkLink {width:152px;height:25px;overflow:hidden;width:152px;height:25px;background:url('../i/nav_talk.gif');}
#navigation #talkLinkOn {width:152px;height:25px;overflow:hidden;width:152px;height:25px;background:url('../i/nav_talk.gif') 0px -25px;}
/* second level navigation */
#navigation .closed {display:none;}
#navigation .opened {display:block;}
#navigation #casestudiesLink {overflow:hidden;width:152px;height:15px;background:url('../i/case-studies.gif');}
#navigation #casestudiesLinkOn {overflow:hidden;width:152px;height:15px;background:url('../i/case-studies.gif') 0px -15px;}
#navigation #identityLink {overflow:hidden;width:152px;height:15px;background:url('../i/identity.gif');}
#navigation #identityLinkOn {overflow:hidden;width:152px;height:15px;background:url('../i/identity.gif') 0px -15px;}
#navigation #printLink {overflow:hidden;width:152px;height:15px;background:url('../i/print.gif');}
#navigation #printLinkOn {overflow:hidden;width:152px;height:15px;background:url('../i/print.gif') 0px -15px;}
#navigation #interactiveLink {overflow:hidden;width:152px;height:15px;background:url('../i/interactive.gif');}
#navigation #interactiveLinkOn {overflow:hidden;width:152px;height:15px;background:url('../i/interactive.gif') 0px 15px;}
#navigation #environmentLink {overflow:hidden;width:152px;height:15px;background:url('../i/environment.gif');}
#navigation #environmentLinkOn {overflow:hidden;width:152px;height:15px;background:url('../i/environment.gif') 0px -15px;}
#navigation #clientListLink {margin-bottom:20px;overflow:hidden;width:152px;height:15px;background:url('../i/client-list.gif');}
#navigation #clientListLinkOn {margin-bottom:20px;overflow:hidden;width:152px;height:15px;background:url('../i/client-list.gif') 0px -15px;}

#container {position:relative;padding:0px;margin:0px;display:none;}
#container #content {padding:0px;margin:0px auto;width:844px;background:#fff;}
#container #content #content-talk {background:url('../i/bg-talk.jpg') no-repeat;background-color:#fff001;}
#container #content.garden {background:url('../i/bg-clients.jpg') repeat-y;}

/* home page */
#container #home-page {width:855px;padding:0px 7px;background:#fff;}
#container #home-page .container {background:#fff;padding:20px 0px 20px 112px;}
#container #home-page .container img {display:inline;vertical-align:top;}

/* misc */
.linkOn {text-decoration:underline;}

/* clients container */
#clients {margin:0px 0px 0px 200px;width:415px;padding:0px 15px;background:#fff;}
#clients .header {margin:0px 0px 22px 0px;padding-top:30px;display:block;}
#clients h2 {font-weight:bold;color:#efdb01;padding-bottom:4px;margin:0px;}
#clients .opened {color:#878784;padding-bottom:30px;}
#clients .opened a {color:#878784;text-decoration:underline;}
#clients .opened a:hover {text-decoration:none;}
#clients .closed {display:none;}
#clients h3, #clients h3 a {color:#878784;padding:10px 0px 0px 0px;margin:0px;text-transform:uppercase;}
#clients h3 a {text-decoration:underline;}
#clients h3 a:hover {text-decoration:none;}

/* talk container */
#talk {margin:0px 35px;position:relative;}
#talk .filler {width:600px;height:243px;display:block;clear:both;}
#talk .filler2 {width:600px;height:300px;display:block;clear:both;}
#talk a {font-size:14px;color:#646464;}
#talk .city {font-size:18px;font-weight:bold;color:#646464;}
#talk #newyork {float:left;font-size:16px;color:#646464;}
#talk #losangeles {float:right;text-align:right;font-size:16px;color:#646464;}
#talk #enjoy {clear:both;}
#talk .social {position:absolute;top:40px;right:0px;color:#646464;text-align:right;}
#talk .social a {font-weight:bold;}

/* right side of nav is 180px from left */
.wide {margin:0px;}
.wide .group {padding:30px 0px;}
.wide .group .picture {padding-bottom:20px;}
.wide .group .links  {margin-left:210px;}
.wide .group .links-inline {float:right;margin-right:120px;}
.wide .group .links-inline div, 
	.wide .group .links div {float:left;padding:2px 5px;}
.wide .group h3 {clear:both;color:#3f3f3f;padding:0px;margin:0px;border:0px;}
.wide .group .copy h3.inline {clear:none;}
.wide .group h3 span {color:#909090;}
.wide .group .copy {padding:0px 115px 10px 213px;}
.wide .group .copy p {color:#646464;}
.wide .group .copy p a {color:#3F3F3F;}

/* identity */
.wide .card {clear:both;padding:30px 0px 40px 210px;overflow:hidden;}
.wide .card img {float:left;padding-right:25px;}
.wide .card div {padding:0px 0px 0px 0px;margin:0px;}
.wide .card h3 {padding:0px;margin:0px;color:#3f3f3f;font-weight:bold;}
.wide .card p {color:#646464;padding:0px 50px 0px 0px;display:block;overflow:auto;}

.wide .site {clear:both;padding:30px 0px 10px 210px;display:block;overflow:auto;}
.wide .site img {float:left;padding-right:25px;}
.wide .site div {padding:0px;margin:0px;}
.wide .site h3 a, 
	.wide .site h3 {padding:0px;margin:0px;color:#3f3f3f;font-weight:bold;text-decoration:none;text-transform:uppercase;}
.wide .site p {color:#646464;padding-right:50px;display:block;overflow:auto;}

/* case studies */
.wide .study {padding:35px 0px 0px 210px;display:block;overflow:auto;}
.wide .study-image {padding-bottom:40px;}
.wide .study h3 {padding:0px;margin:0px;color:#3f3f3f;font-weight:bold;}
.wide .study h3 span {color:#909090;}
.wide .study h4 {color:#fde804;}
.wide .study p {color:#646464;margin-right:150px;}

/* learn */
.text .learn {padding:0px 0px 0px 230px;display:block;overflow:hidden;}
.text .learn p {color:#838383;padding-right:140px;}
.text .learn p.intro {color:#a2a3a3;font-size:22px;padding-right:140px;}
.text .learn p.beliefs {font-size:16px;}
.text hr {padding:0px;margin:0px 45px 0px 230px;border:4px solid #fff001;height:8px;background:#fff001;}
.text .learn a {color:#838383;text-decoration:underline;}
.text .learn a.no-decoration {text-decoration:none;}
.text hr.last {padding:0px;margin:0px 45px 0px 230px;border:0px;height:70px;background:#fff001;}