body {background: #efefef;}
a {text-decoration: none;color: #000;}
a:hover {text-decoration: underline;}
#nk {border-top: 4px solid #000;position: relative;}
#wrapper {display:block;width:950px;margin: 0 auto;padding: 85px 10px 0 10px;position: relative;z-index:10;}

#header {float: left;width:100%;margin-bottom: 84px;position: relative;}
#header h1 {margin: 0;float:left;text-indent: -9999px;padding-left: 40px;border-bottom:3px solid #000;padding:0 0 0 30px;position:relative;width:0px;height:17px;}
#header h1 a {overflow: hidden;left: 40px;display: block;position:absolute;width:108px;height: 24px;background: url(../img/logo.png) top left no-repeat;}
#tagline {float:left;width:230px;margin-left: 280px;padding-top:3px;margin-bottom:0;}

#aside-container {margin-right:-10px;width:280px;position: relative;float:left;}
#aside {width: 280px;position: fixed;}
#section-home #aside {position: relative;}
#navi {margin:0;list-style: none;background: #fff;padding: 36px 10px 28px 40px;}
#navi li {font-size: 1.166em;margin-bottom: 8px;}
#navi li strong {background: url(../img/icons.png) 0 -92px no-repeat;padding-left: 26px;font-weight: normal;}
#navi li a {color: #000;text-decoration: none;padding-left: 40px;background: url(../img/navi-numbers.png) 0 4px no-repeat;}
#navi li a:hover {text-decoration: underline;}
#navi #navi-home a {background-position: 0 4px}
#navi #navi-what a {background-position: 0 -26px}
#navi #navi-how a {background-position: 0 -56px}
#navi #navi-work a {background-position: 0 -86px}
#navi #navi-people a {background-position: 0 -116px}
#navi #navi-contact a {background-position: 0 -146px}
#navi #navi-blog a {background-position: 0 -176px}

#navi a.selected {color: #58baff;font-weight: bold;}
#navi #navi-home a.selected {background-position: -250px 4px}
#navi #navi-what a.selected {background-position: -250px -26px}
#navi #navi-how a.selected {background-position: -250px -56px}
#navi #navi-work a.selected {background-position: -250px -86px}
#navi #navi-people a.selected {background-position: -250px -116px}
#navi #navi-contact a.selected {background-position: -250px -146px}
#navi #navi-blog a.selected {background-position: -250px -176px}

#contact {left:690px;position:absolute;top:0;width:280px;}
#contact a {display:block;padding-left: 26px;margin-left: 40px;margin-bottom: .2em;background: url(../img/icons.png) 0 4px no-repeat;}
#contact .phone {background-position: 0 -46px;}
#contact .phone strong {font-size: 10px;font-variant:small-caps; }

#main {margin-top: 0;}
#main a {font-weight: bold;}
#main p {margin: 0;font-size: 1.166em;}
#main p+p {text-indent: 40px;}
#main #services p+p,#main #people p+p  {text-indent: 0;}
#main #services p, #main #services h4 {padding: 0 4px;}
#main #services p.image {padding: 0;}
#main p.links {text-indent: 0;margin-top: 1.5em;margin-bottom: 1.5em;}

#main h2 {font-size: 72px;line-height: .7;font-family: Sentinel,"Helvetica Neue",Arial,Helvetica,sans-serif;font-weight: bold;margin-bottom: 20px;margin-left:-40px;padding-left:40px;position:relative;background:url(../img/title-numbers.png) 0 0 no-repeat;}
#section-home #main h2 {font-size: 120px;background-position: 10px 50px;}
#section-what #main h2 {background-position: 10px -125px;}
#section-how #main h2 {background-position: 10px -275px;}
#section-work #main h2 {background-position: 10px -425px;}
#section-people #main h2 {background-position: 10px -575px;}
#section-contact #main h2 {background-position: 10px -725px;}
#section-404 #main h2 {background-position: 10px 30px;}

#description {margin-bottom: 3em;}
#description p {font-family: BentonSans,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size: 1.666em;width: 590px;}

#see-our-work {overflow:hidden;text-indent:-9999px;display:block;height:40px;width: 600px;background:url(../img/see-our-work.png) 0 0 no-repeat;}
#see-our-work:hover {background-position: 0 -40px;}
#footer {background: #000;color: #fff;padding-top: 1.5em;padding-bottom: 3em;position:relative;z-index:20;margin-top: 3em;}
#footer .container {position: relative;}
#footer a {color: #fff;}
#footer #sitemap {padding-left: 40px;}
#footer #info {font-size: .917em;margin-top: 2em;padding-left: 40px;}
#footer #extra {left:720px;position:absolute;top:0;}
#footer #extra a {}
#extra p {float:left;padding-top: 3em;margin-right: 10px;}
#extra span {display: block;padding-bottom: 4px;}
#extra .twitter img {padding-top: 4px;}

#designersaccord {margin-top: 1.5em;}

#bg {position:fixed;z-index: 0;width:100%;overflow:hidden;}
#bg img {opacity: 0;}

#projects {margin: 3em 0 0 0;overflow: hidden;width: 100%;}
#projects div {margin-bottom: 1em;}
#projects div div {padding-bottom: 1em;margin-bottom: 0;}
#projects div div:hover {background: rgba(255, 255, 255, 0.5); }
#projects img,#services img, #clients img, #people img {background-color:#fff; padding:3px;border:1px solid #666;}
#projects strong {display: block;}
#projects .info {padding: 0 5px;display: block;line-height: 1;}

#projects.navi {border-top: 2px solid #000;width: 590px;clear:both;float:left;}
#projects.navi h6 {margin-bottom: 1em;font-size: 14px;}
#projects div.selected {background: rgba(255, 255, 255, 0.8);}

#project .client {font-size: 1em;margin-bottom: 1.5em;line-height: 1.2;}
#project p {margin-bottom: 1.5em;}
#project h3 {font-weight: normal;}
#project-content h3 {clear:both; no-repeat scroll 0 0;margin-left:-11px;margin-top:-7px;padding-left:11px;padding-top:7px;position:relative;}


/*#project-content h3 {clear:both;background:transparent url(../img/heading-bg.png) no-repeat scroll 0 0;margin-left:-11px;margin-top:-7px;padding-left:11px;padding-top:7px;position:relative;}*/

#project .subTitle {margin-top: -1em;}
#projects a {font-weight: normal;}

#project #introduction p {font-size: 1.7em;font-weight:lighter;}
#project-content {float:left;width:590px;}
#project.type2 {position: relative;margin-top: -1.5em;margin-left: -40px;padding-left: 40px;background:url(../img/title-numbers.png) 10px -425px no-repeat;height: 60px;}

#slides {position: relative;height: 354px;}
#slides .slide {position:absolute;width:100%;height:100%;opacity: 0;visibility:hidden;}

/*
#slide-controls {position: absolute;height: 354px;width: 630px;}
#slide-controls div {width: 30px;position: absolute; height: 354px;color: #fff;z-index: 100;}
#next-slide {left: 0;}
#prev-slide {left: 600px;}
*/

#slide-controls {margin-bottom: 1.5em;text-align: center;height:33px;background: url(../img/tabs.png) 50% 0 no-repeat;}
#next-slide, #prev-slide {float:left;width:50%;line-height:30px;text-align:left;outline: none;}
#next-slide {text-align: right;}
#slide-controls a {outline: none;}

#tabs {list-style: none;margin: 0;overflow:hidden;width: 100%;font-weight: bold;margin-bottom: 1.5em;}
#tabs li {float: left;margin-right: 20px;padding: 2px 2px 5px 2px;}
#tabs a {padding: 2px;}
#tabs li.selected a {background: #58baff;}
#tabs li.selected {background: url(../img/tab-bullet.png) 50% 100% no-repeat;}

#service-links a {font-size: .786em;}
#people .links {font-size: .917em;}
#service-links a, #people .links a {padding-left: 10px;display:block;font-weight:normal;}
#service-links a:before, #people .links a:before {content: '›› ';margin-left: -8px;}

#services p {font-size: 1.167em;}
#services .service p {font-size: 1em;}
#services h3,#clients h3,#thinking h3,#client-list h3 {font-family:serif;font-weight: bold;font-size:2em;margin-bottom: .4em;position:relative;margin-left:-40px;padding-left:40px;}
#clients h3 {background: url(../img/line.png) 0 3px no-repeat;}
#clients div {height:90px;background: #fff;margin-bottom: 10px;}

#clients, #thinking {margin-top: 20px;} 
#introduction {float: left;width:590px;}
#intro-image, #vimeo {float:left;position:relative;margin-left:-40px;width:630px;margin-bottom:1.5em;}

#thinking h3 {background: url(../img/line.png) 0 3px no-repeat;}
#thinking a {font-weight: bold;}
#thinking a span {font-weight: normal; display: block;}
.service h4,.vcard h4 {font-weight: bold;margin: 2em 0 .5em 0;}
.service img,.vcard img {margin-bottom: 1em;}

.vcard h4 {margin-top: 0;}
.vcard img {margin-bottom: .2em;}
#people .vcard {float:left;margin-right:10px;width:190px;margin-bottom: 1em;}
#people .vcard p {font-size: 1em;}
#people .last {margin-right: 0;}
#people .title {margin: -.7em 0 .5em 0;}

.quote {background: url(../img/quote.png) no-repeat scroll 0 20px;padding:0 10px 0 45px;}
.quote-text {float:left;font-size:1em;font-style:italic;padding-top:10px;border-top: 3px solid #000;}
#main .quote-text {font-size: 18px;line-height:1.2;}
.quote-container {float:left;margin-left:-40px;margin-right:10px;position:relative;width:230px;}

#project .quote p {text-indent: 0;}
#project .quote .quote-by {font-size: 1em;}