/*
wonder-red: #a30202
*/

body { background: #acacac; margin: 10px 0; }
#wrap { position: relative; width: 1042px; margin: 0 auto; }

#header { margin-top: 60px; position: relative; background: #a30202 url("../images/header-bg.gif") no-repeat 0 0; }
#header2 { height: 69px; background: transparent url("../images/header-bg-bottom.gif") no-repeat 0 100%; }
#news-scroller { position: absolute; left: 277px; top: 16px; width: 416px; height: 46px; background: transparent url("../images/news-scroller-bg.gif") no-repeat 0 0; }
#news-scroller ul { position: relative; top: 20px; left: 10px; height: 18px; width: 390px; overflow: hidden; list-style: none; margin: 0; padding: 0; }
#news-scroller li { position: absolute; top: 20px; }
#news-scroller li a { color: #939598; text-decoration: none; }
#news-scroller li a:hover { color: #000; }

#logo { display: block; position: relative; top: -55px; left: 30px; }

#wander-toggle { position: absolute; right: 10px; top: 17px; }

#body { }

#sidebar { float: left; width: 217px; margin: 0 0 0 22px; background: #fff; color: #606061; }
#sidebar-bottom { clear: both; height: 8px; overflow: hidden; background: #fff url("../images/sidebar-bottom-bg.gif") no-repeat 0 0; }
#sidebar-content { padding: 0 19px; }
#sidebar-content p { padding: 5px 0; margin: 5px 0; border-bottom: 1px solid #ddd; }
#sidebar-content h3 { color: #606061; font-size: 12px; margin: 10px 0 5px 0; padding: 0; }
#sidebar-content address { border-bottom: 1px solid #ddd; color: #606061; font-size: 12px; margin: 0 0 5px 0; padding: 0 0 5px 0; font-style: normal; }
#sidebar-content ul { padding: 0 0 5px 0; border-bottom: 1px solid #ddd; }
#sidebar-beneath { background: #acacac; padding: 5px 22px; }
#sidebar-beneath a { color: #606061; text-decoration: none; }

#faces { margin: 10px 0 0 0; }

.wonder-profiles { list-style: none; margin: 0; padding: 0; }
.wonder-profiles li { padding: 0 0 0 25px; margin: 5px 0; height: 20px; }
.wonder-profiles li a { color: #606061; text-decoration: none; }
.wonder-profiles li a:hover { color: #333; text-decoration: underline; }
.email-bullet { background: #fff url("../images/email-bullet.gif") no-repeat 0 0; }
.facebook-bullet { background: #fff url("../images/facebook-bullet.gif") no-repeat 0 0; }
.youtube-bullet { background: #fff url("../images/youtube-bullet.gif") no-repeat 0 0; }
.twitter-bullet { background: #fff url("../images/twitter-bullet.gif") no-repeat 0 0; }

#friends { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ddd; }
#friends td { padding: 2px; }
#friends img { border: 1px solid #bcbec0; }
#friends-callout { display: none; background: #fff; width: 250px; border: 1px solid #ddd; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: #000 3px 3px 3px; }
#friends-callout-content { padding: 0 3px; }
#friends-callout-content p { border: none; }
.close { float: right; margin: 2px; }
#other-sites td { padding: 2px;}

#appearances-callout { display: none; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: #000 3px 3px 3px; }
#appearances-callout-content { padding: 0 3px; }
#appearances-callout-content ul { list-style: none; margin: 0; border: none; }
#appearances-callout-content li { padding: 10px 5px; border-bottom: 1px solid #ddd; }
#appearances-callout-content li.last { border: none; }

#purpose-callout { display: none; width: 250px; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: #000 3px 3px 3px; }
#purpose-callout-content { padding: 8px 8px 0 8px; }

#content { float: right; width: 762px; }
.content-section-header { position: relative; margin: 20px 0 0 0; background: #ebebeb url("../images/section-headers/section-header.gif") no-repeat 0 0; }
.content-section-header a { display: block; height: 43px; padding: 21px 0 0 35px; }
.content-section-header .expand { position: absolute; top: 3px; left: 5px; }
.content-section { }
.content-section-content { background: #fff; border: 10px solid #c1c1c1; border-bottom: none; margin: 0 9px; padding: 20px; }
.content-section-content h3 { color: #a30202; }
.close-section { position: relative; top: -12px; background: transparent; border: 10px solid #c1c1c1; border-top: none; margin: 0 9px; text-align: center;}

#about-us .content-section-content { display: block; background: #fff url("../images/space_munky.jpg") no-repeat 5% 100%; padding-bottom: 205px; }
#about-us div.left-30p { margin: 0 0 0 30%; }
#about-us p.books { float: right; margin: -10px 25px 0 0; }

#our-work { margin: 0 auto; position: relative; }
.scroll-nav { font-size: 15px; margin: 0 0 5px 0; }
.scroll-nav a { padding: 2px 4px; text-decoration: none; color: #999; margin: 0 2px; }
.scroll-nav a:hover { color: #a30202; }
.scroll-nav a.current { color: #a30202; }
.scroll { height: 570px; overflow: auto; position: relative; clear: left; }
.scroll-container div.panel { height: 570px; width: 684px; }
.asset-description { text-align: center; }

#our-friends { display: block; }
#work-with-us { display: block; }

#news-bulletins { display: block; }
.bulletin-odd { position: relative; padding: 10px; border: 1px solid #e1e1e1; border-collapse: collapse; }
.bulletin-even { position: relative; padding: 10px; border: 1px solid #e1e1e1; border-collapse: collapse; background: #ebebeb; }
.news-bubble { position: absolute; top: -10px; left: -7px; width: 59px; height: 76px; background: transparent url("../images/news-bubble.png") no-repeat 0 0; padding: 6px 7px; }
.news-date { position: absolute; top: 60px; left: 4px; font-size: 11px; }
.news-content { margin: 0 0 0 70px; }

#work-with-us .content-section-content { display: block; background: #fff url("../images/jacques-suit.jpg") no-repeat 55% 130%; }
.grey-box { background: #ebebeb; border: 1px solid #dcdcdc; padding: 10px; }
#contact-info { width: 50%; }
.get-in-touch { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dcdcdc; }

.rounded-box { background: #fff url("../images/rounded-box-top.gif") no-repeat 0 0; padding: 13px 0 0 0; }
.rounded-box div { background: url("../images/rounded-box-middle.gif") repeat-y 0 0; }
.rounded-box div div { background: url("../images/rounded-box-middle.jpg") no-repeat 50% 50%; min-height: 350px; padding: 10px; }
.rounded-box-bottom { background: url("../images/rounded-box-bottom.gif") no-repeat 0 0; height: 17px; }

.rounded-box-black { background: #fff url("../images/rounded-box-black-top.gif") no-repeat 0 0; padding: 13px 0 0 0; text-align: center; }
.rounded-box-black div { background: url("../images/rounded-box-black-middle.gif") repeat-y 0 0; min-height: 430px; padding: 10px; }
.rounded-box-black-bottom { background: url("../images/rounded-box-black-bottom.gif") no-repeat 0 0; height: 17px; }

.four-column { list-style: none; margin: 0 75px; overflow: auto; }
.four-column li { float: left; margin: 10px; }
.four-column li img { border: 1px solid #acacac; }

.our-work-toolbar { width: 456px; margin: -11px auto 10px auto; padding: 7px 0; overflow: auto; background: #fff url("../images/video-toolbar-background.gif") no-repeat 50% 100%; }
.our-work-toolbar ul { list-style: none; margin: 0; text-align: center; }
.our-work-toolbar ul li { display: inline; }
.our-work-toolbar ul li a { padding: 0 5px; }
.our-work-toolbar ul li a img { border: 1px solid #d7d7d7; }

#case-study-stage #vidPlayer {  }
#interactive-stage #vidPlayer {  }
#television-stage #vidPlayer  { position: relative; top: 40px; }
#print-stage img { position: relative; top: 20px; }

#contact-form { position: relative; top: 28px; height: 375px; width: 295px; overflow: hidden; padding: 10px; background: #fff; border: 1px solid #d7d7d7; }
#contact-form #general { background: #fff; }
#contact-form #employment { background: #fff; }
#contact-form input, #contact-form textarea { border: 1px solid #d9d9d9; }
#contact-form input.no-border { border: none; }
#contact-form p { margin: 4px 0; }

#form-toggle { position: absolute; z-index: 999; width: 317px; margin: 2px 0 0 0; list-style: none; }
#form-toggle li { float: right; margin: 0 0 0 4px; }
#form-toggle li a { display: block; border: 1px solid #d7d7d7; border-bottom: none; background: #d7d7d7; color: #666; text-decoration: none; padding: 4px 7px; }
#form-toggle li a.current { background: #fff; border: 1px solid #d7d7d7; border-bottom: none; }

.clear { clear: both; height: 0px; overflow: hidden; }
p.center { text-align: center; }
img.right { float: right; margin: 0 0 1.5em 1.5em; }