/*    Styles for the main page, not needed on other pages    */

body { background: url('/images/background.png') repeat-y top center; }       

#tt3header { width: 750px; height:380px; margin: 0 auto; overflow: hidden; position: relative; background: #606E76; }
#nextarrow { text-align: right; padding: 3px 6px 6px;}

#scroller { width:12000px; height:380px; position: relative; }
.scrollrow { width: 100%; clear:left; }
.pane { width: 750px; height: 380px; position: relative; float: left; background: transparent url('/images/loading.png') no-repeat; overflow:hidden; }
.pane .fakeBg { position: absolute; top: 0; left: 0; background: transparent url('/images/loading.png'); }   /* for the dynamically inserted fading backgrounds */
.panecontent { position: absolute; bottom: 30px; width: 100%; }
.panebg { background: #090; position: absolute;  z-index:0; height: 100%; width: 100%; opacity: 0; } /* IE! */
.panetext { position: relative; padding: 16px 24px; width: 640px; font: 10px Verdana, Arial, sans-serif; line-height: 1.3em; color: #fff; }
.pane h2 { margin-bottom: 0.25em; }
.panetext a { color: #9cf; }
.panenav { position: absolute; width: 100%; height: 5px; bottom: 0px; text-indent: -1500px; }
.panenav .prev { height: 20px; width: 26px; margin: 6px; position: absolute; bottom: 0; left: 0; background: url('/img/nav/arrow_left.off.gif'); opacity: 0.5; }
.panenav .next { height: 20px; width: 26px; margin: 6px; position: absolute; bottom: 0; right: 0; background: url('/img/nav/arrow_right.off.gif'); opacity: 0.5; }
.panenav .prev:hover { background: url('/img/nav/arrow_left.on.gif'); opacity: 1; }
.panenav .next:hover { background: url('/img/nav/arrow_right.on.gif'); opacity: 1; }

.panenav a.uparrow { background: url('/img/nav/arrow_up.off.gif'); }
.panenav a.uparrow:hover { background: url('/img/nav/arrow_up.on.gif'); }
.panenav a.downarrow { background: url('/img/nav/arrow_down.off.gif'); }
.panenav a.downarrow:hover { background: url('/img/nav/arrow_down.on.gif'); }

#tt3nav { width: 750px; margin: 5px auto; }

#news { background: url('/img/tt3.pencils.jpg'); }

#navlogotype { margin-bottom: 10px; }

.navcol { float: left; }
.navcol a { display: block; text-indent: -5000px; font-size: 8px; height: 18px; outline: none; }

#navcol1 { width: 131px; }
#navcol2 { width: 82px; }
#navcol3 { width: 140px; }
#navcol4 { width: 120px; }
#navcol5 { width: 135px; }
#navcol6 { width: 125px; }

#navcol1 a { background-color: #222; }
#navcol2 a,
#navcol3 a,
#navcol4 a,
#navcol5 a,
#navcol6 a { background-color: #999; }

#tt3nav .navparenton { background-color: #847C54; }
#tt3nav .navhover { background-color: #5E5B4C;}
#tt3nav .navselected { background-color: #900; }

/*    navcol1   */
#navschool { background: transparent url('/images/nav/schoolofthought.png'); }
#navcredentials { background: transparent url('/images/nav/credentials.png'); }
#navmatter { background: transparent url('/images/nav/matter.png'); border-bottom: 18px solid #fff; }
#navcontact { background: transparent url('/images/nav/contact.png'); }

/*    navcol2     */
#navtheory { background: transparent url('/images/nav/theory.png'); }
#navpurpose { background: transparent url('/images/nav/purpose.png'); }
#navprocedure { background: transparent url('/images/nav/procedure.png'); }
#navtrigger { background: transparent url('/images/nav/trigger.png'); }
#navculture { background: transparent url('/images/nav/culture.png'); }
#navart { background: transparent url('/images/nav/art.png'); }

/*    navcol3     */
#navoptimist { background: transparent url('/images/nav/mscreativedirector.png'); }
#navpessimist { background: transparent url('/images/nav/mrpresident.png'); }
#navtrendmonger { background: transparent url('/images/nav/trendmonger.png'); }
#navcto { background: transparent url('/images/nav/cto.png'); }
#navoperative { background: transparent url('/images/nav/operative.png'); }
#navddj { background: transparent url('/images/nav/digitaldesignjedi.png'); }
#navguyfriday { background: transparent url('/images/nav/guyfriday.png'); }
#navcfo { background: transparent url('/images/nav/cfo.png'); }
#navaccount { background: transparent url('/images/nav/accountexperience.png'); }
#navagency { background: transparent url('/images/nav/adagencyexperience.png'); }
#navawards { background: transparent url('/images/nav/fancyawards.png'); }

/*    navcol4     */
#navbarnetwork { background: transparent url('/images/nav/barnetwork.png'); }
#navcitystreets { background: transparent url('/images/nav/citystreets.png'); }
#navtotalimmersion { background: transparent url('/images/nav/totalimmersion.png'); }
#navmxyplyzyk { background: transparent url('/images/nav/mxyplyzyk.png'); }
#navheebmagazine { background: transparent url('/images/nav/heebmagazine.png'); }
#navsafespace { background: transparent url('/images/nav/safespace.png'); }
#navcocacola { background: transparent url('/images/nav/cocacola.png'); }
#navcomedycentral { background: transparent url('/images/nav/comedycentral.png'); }
#navjewishboxers { background: transparent url('/images/nav/jewishboxers.png'); }

/*    navcol5     */
#navvh1 { background: transparent url('/images/nav/vh1.png'); }
#navkerhonksongeneral { background: transparent url('/images/nav/kerhonksongeneral.png'); }
#navriverkeeper { background: transparent url('/images/nav/riverkeeper.png'); }
#navbarratrumbore { background: transparent url('/images/nav/barratrumbore.png'); }
#naviicf { background: transparent url('/images/nav/iicf.png'); }
#navaina { background: transparent url('/images/nav/aina.png'); }
#navthinktank3 { background: transparent url('/images/nav/thinktank3.png'); }
#navstoneridgeorchard { background: transparent url('/images/nav/stoneridgeorchard.png'); }

/*    navcol6     */
#navcol6 a { height: 54px; }
#navaddress { background: transparent url('/images/nav/address.png'); border-bottom: 18px solid #fff; }
#navphone { background: transparent url('/images/nav/phone.png'); }
#navinfo { background: transparent url('/images/nav/info.png'); }
#navsignup { background: transparent url('/images/nav/signup.png'); }