body { background:#fdfdfc url("../images/bg_greygrad.jpg") top left repeat-x; font-family:Helvetica, Arial, sans-serif;}

a { color:#333; text-decoration:none; }
.hidden { display:none;}
p { color:#48494C;}
strong { font-weight:bold;}
em { font-style:italic;}
div#container { margin:auto; width:1059px; background:url("../images/bg_bodyshadow.png") top left repeat-y; padding-top:171px;}

/* Header */
div#header { height:171px; position:absolute; top:0; left:0; background:#FFF; width:100%;}
div#header div.container { width:999px; background:#FFF; margin:auto; position:relative; }
div#contact { position:absolute; top:5px; right:5px; text-align:right; width:500px; height:50px; padding:5px; }
div#contact p { font-size:12px; line-height:20px; color:#958f8f;}
div#contact p a { color:#7dbed4;}
img#wtlogo { position:relative; top:15px;}

/* Navigation */
div#navigation { position:absolute; top:90px; left:0px; width:100%;height:50px;}
div#navigation a { color:#968f8f; text-decoration:none;}
div#navigation a:hover { color:#e98024;}
ul#primarynav { width: 949px; padding-left:130px;margin:auto;  }
ul#primarynav li { float:left; display:block; line-height:25px; padding-right:50px;  position:relative;}

ul#primarynav a { font-size:20px;}
ul#primarynav ul.secondary a { font-size:16px; }
ul#primarynav ul.secondary li { line-height:18px;}
li#whatweoffer ul.secondary { position:absolute; top:30px; left:0;  width:500px; padding-bottom:5px;border-bottom:1px solid #d4812f;}
ul#primarynav ul { display:none;}

body.home li#home a.primary,
body.whatweoffer li#whatweoffer a.primary,
body.ourwork li#ourwork a.primary,
body.about li#about a.primary,
body.blog li#blog a.primary {  color:#e98024;}

body.whatweoffer ul#primarynav ul { display:block;}
body.webcasts li#webcasts a.secondary,
body.video li#video a.secondary,
body.programs li#programs a.secondary,
body.packages li#packages a.secondary {color:#e98024;}

/* Content Styles */
div#content { overflow:hidden; background:#FFF; width:951px; margin:0 auto; position:relative; }
div#content h1, h2, h3, h4 { margin:10px 0 5px 0;}
div#content p { margin-bottom:16px;}

div#primarycontent a { text-decoration:none;color:#74bad2;}
div#primarycontent { width: 670px; float:left; padding:301px 20px 300px 40px; }
body.home div#primarycontent { width:730px; padding: 295px 0px 300px 0px;}

div.intro { background:#49494b; height:273px; border-bottom:5px solid #49494b; position:absolute; top:0; left:0; width: 180px; padding:15px 410px 0 140px;}
div.intro h1 { font-size: 26px; color:#FFF; text-transform:lowercase;}
div#content div.intro p { color:#FFF; font-size:14px; line-height:18px; padding-left:20px;}
body.whatweoffer div#content div.intro p { font-size:12px; line-height:16px;}
body.whatweoffer div.intro { background: url("../images/bg_intro_whatweoffer.jpg") top left no-repeat; }
body.webcasts div.intro { background: url("../images/bg_intro_webcasts.jpg") top left no-repeat; padding:15px 430px 0 120px; }
body.video div.intro  { background: url("../images/bg_intro_video.jpg") top left no-repeat; padding:15px 430px 0 120px; }
body.programs div.intro { background: url("../images/bg_intro_programs.jpg") top left no-repeat; width:185px; padding:15px 430px 0 120px;}
body.packages div.intro { background: url("../images/bg_intro_packages.jpg") top left no-repeat;  padding:15px 430px 0 120px;}
body.ourwork div.intro { background: url("../images/bg_intro_ourwork.jpg") top left no-repeat; padding:15px 430px 0 120px; }
body.about div.intro { background: url("../images/bg_intro_about.jpg") top left no-repeat; width:290px; padding:15px 320px 0 120px; }
body.about div.intro h1 { color:#d4812f;}
body.about div#content div.intro p { color:#49494b; font-size:14px;}
body.home div.intro { padding:0; height:290px; width:730px;}
body.home div.intro img { position:absolute; top:0;left:0;}
body.webcasts div#content { background-image:url("../images/bg_content_webcasts.gif"); background-position: top left; background-repeat:repeat-y;}
body.about div#content { background-image:url("../images/bg_content_about.gif"); background-position: top left; background-repeat:repeat-y;}
body.whatweoffer div#content { background-image:url("../images/bg_content_whatweoffer.gif"); background-position: top left; background-repeat:repeat-y;}
body.ourwork div#content { background-image:url("../images/bg_content_ourwork.gif"); background-position: top left; background-repeat:repeat-y;}

div#content h1.homeheadline { border-bottom:2px solid #48494c; padding: 30px 50px; font-size: 28px; line-height:38px; margin:0; color:#978f8f; font-weight:bold;}
div#content h1.homeheadline span { text-transform:uppercase; font-weight:normal; }

div#theworktankway { background:#f4f3f1; padding:20px; overflow:hidden;}
div#content div#theworktankway h2 { margin:0 0 10px 0; padding:0; color:#968f8f; font-size: 22px; text-transform:lowercase; border:0;}
div#theworktankway h2 span { text-transform:uppercase;}
div#theworktankway div { width:223px; margin-right:10px; float:left;}
div#theworktankway div.last { margin-right:0;}
div#theworktankway div h3 { text-transform:lowercase; color:#48494c; font-size:26px; }
div#theworktankway div p { color:#968f8f; font-size:20px; line-height:24px; }

a.morelink { font-size:12px; padding-top:5px; }
a.popout { float:right;}

div#content { background:#f2f1f1; }
div#content h2 { clear:both; color:#48494b; margin-bottom:5px; font-size:24px; text-transform:lowercase; border-bottom:1px solid #bdb7b7; padding:10px 0 5px 0;}
div#content p, div#content li { font-size: 12px; line-height:16px; color:#48494C;}
div#primarycontent ul { list-style:disc; margin-left:10px; padding-left:10px;}

div.offering { background:#FFF url("../images/bg_whatweoffer_box.gif") bottom left repeat-x; padding:10px 10px 10px 10px;border:1px solid #d4d1cc; margin:10px;-moz-border-radius: 10px; border-radius: 10px; position:relative; overflow:hidden; width:290px; float:left; height:150px;}
div#content div.offering h2 { color:#e98024; font-size:24px; text-transform:lowercase;border-bottom:0;}
div#content div.offering p { color:#958f8f; font-size:14px;}
div.offering a.morelink { padding:0; margin:0;position:absolute; bottom:10px; right:10px; text-indent: -5000px; width:114px; height:33px; background:url("../images/btn_learn_more.png") top left no-repeat;}

div.package { padding:160px 10px 50px 10px;border:1px solid #d4d1cc; margin:10px;-moz-border-radius: 10px; border-radius: 10px; position:relative; overflow:hidden; width:180px; float:left; height:440px; background: #FFF url("../images/bg_packages_box.gif") bottom left repeat-x;}
div#content div.package h3 { font-size:16px; line-height:20px;}
div#content div.package ul { padding-left:10px; margin-left:10px; list-style: url("../images/blt_arrow.gif");}
div#content div.package ul li {  line-height:18px; }

div.package h3 { color:#8c9337;}
div.package a.morelink { display:block; position:absolute; bottom:5px; right:10px; width:114px; height:33px; background:url("../images/btn_learn_more.png") top left no-repeat; text-indent:-5000px;; }
div.package img { position:absolute; top:10px; left:10px;}

div.program { padding:10px 10px 10px 10px;border:1px solid #d4d1cc; margin:10px;-moz-border-radius: 10px; border-radius: 10px; } 
div#content div.program h2 { color:#8e933b; border-bottom:0;}
div#webcasts { background:#FFF url("../images/bg_programs_webcast.jpg") top left no-repeat; padding: 10px 10px 10px 350px; }
div#videos { background: #FFF url("../images/bg_programs_video.jpg") top right no-repeat; padding:10px 350px 10px 20px; }
div.program a.morelink { display:block; width:148px; height: 34px;text-indent:-5000px; background:url("../images/btn_tellmemore.gif") top left no-repeat; }
div#content div.program ul { list-style:url("../images/blt_arrow.gif"); padding-left:10px; margin-left:10px; margin-bottom:20px;}
div#content div.program ul li { line-height:18px; padding-bottom:8px;}
div.program ul strong { font-weight:bold;;}

div.service { background:#FFF; padding:10px;border:1px solid #d4d1cc; margin-bottom:10px;-moz-border-radius: 10px; border-radius: 10px; position:relative; overflow:hidden;}
div.service h3 { color:#8c9337; text-transform:lowercase; font-size:22px;}
div.service p { font-size: 12px; line-height:16px;}
div.service div.description {clear:both; }
div.activesvc { cursor:pointer;}
div.secondary div.description { position:relative;}
div.secondary div.expando {}
div.service img { margin-bottom:20px;}
div.secondary { padding:20px;}
div.description { padding-top:40px;}
div.description h3 { margin-top:0;}

div#event_management { background:#FFF url("../images/bg_service_eventmanagement.gif") top left no-repeat;}
div#audience_experience { background:#FFF url("../images/bg_service_audexp.jpg") top right no-repeat;}
div#video_streaming { background:#FFF url("../images/bg_service_video.jpg") top left no-repeat;}
div#metrics { background:#FFF url("../images/bg_service_metrics.jpg") top right no-repeat;}

div#event_management div.description { width:275px; padding-left:350px;  height:145px; }
div#audience_experience div.description { height:200px; padding-right:350px; padding-left:20px;  }
div#video_streaming div.description { height:170px; padding-left:350px; }
div#metrics div.description { height:131px; padding-right:350px; padding-left:20px;}

div#promotion { background:#FFF url("../images/bg_service_demandgen.jpg") top left no-repeat;}
div#promotion div.description { width:275px; padding-left:350px;  height:108px; }
div#registration { background:#FFF url("../images/bg_service_reg.jpg") top right no-repeat;}
div#registration div.description { width:300px; padding-right:350px;padding-left:20px;height:190px; }

div#content_creation { background:#FFF url("../images/bg_service_animated.jpg") top left no-repeat;}
div#video_capture { background:#FFF url("../images/bg_service_capture.jpg") top right no-repeat;}
div#delivery { background:#FFF url("../images/bg_service_delivery.jpg") top left no-repeat;}

div#content_creation div.description { width:300px; padding-left:350px; height:160px;}
div#video_capture div.description { width:300px; padding-right:360px; padding-left:20px; height:215px;}
div#delivery div.description { width:300px; padding-left:350px; height:160px;}

div#primarycontent div.description a.more { font-size:12px;color:#7f8081; display:block; padding-right:10px; background:url("../images/bg_more_closed.gif") right 2px no-repeat; width:60px;}
div#primarycontent div.open div.description a.more { background:url("../images/bg_more_open.gif") right 2px no-repeat;}

div#productionservices { background:#FFF url("../images/bg_service_production.jpg") top right no-repeat; padding-right:370px;}

div.worksample { background:#FFF url("../images/bg_packages_box.gif") bottom left repeat-x; height:300px; padding:10px 10px 10px 10px;border:1px solid #d4d1cc; width: 190px; float:left;margin:10px 10px 10px 0;-moz-border-radius: 10px; border-radius: 10px; position:relative; }
div#content div.worksample h2 { color:#7dbed4; text-transform:none; font-size:18px;line-height:22px; border:0;}
div.worksample p.worktype { text-transform:uppercase; font-size:12px; border-bottom:3px solid;}
div#content div.worksample p.customer { color:#bfc660; border-color:#bfc660; letter-spacing:1px; font-size:11px;}
div.worksample p.tech { color:#d4812f; border-color:#d4812f;}
div.worksample p.results { color:##4f3818; border-color:#4f3818;}
div.worksample a.readmore { display:block; position:absolute; width:115px; height:32px; text-indent:-5000px; background: url("../images/btn_read_more.png") top left no-repeat;bottom:10px; right:10px; }
div.worksample p {color:#958f8f;}

div#expandocontrol { position:absolute; top:305px; right:240px;}
div#expandocontrol a { color:#98928f; font-size:10px;}
div#expandocontrol a#exexpand { padding-left:15px; background:url("../images/bg_more_closed_grey.gif") top left no-repeat;}
div#expandocontrol a#excollapse { padding-left:15px; background:url("../images/bg_more_open_grey.gif") top left no-repeat;}

div.expando { margin: 30px 50px 20px 50px; padding:10px; background:#f4f4e5; overflow:hidden; clear:both; }
div.expando div.item { border-bottom:1px dashed #a7a9ac;}
div.expando div.item ul { padding-bottom:10px;}
div#content div.expando div.item h4 { color:#8e933b;text-transform:uppercase; font-size:12px; font-weight:bold;letter-spacing:1px;}

div#aside { width:206px; padding: 15px 0 15px 15px; float:left; background: #9bd6e0 url("../images/bg_sidebar.gif") top right repeat-y;}
div#aside { padding-bottom:5000px; margin-bottom:-5000px;}
div#aside div { margin-bottom:10px; width:148px;}
div#aside div.grad { background:#82cee5 url("../images/bg_featurednews.jpg") top left repeat-x; width: 175px; padding:10px 0px 10px 5px;}
div#aside div.grad h2 { border-bottom:0;}
div#aside div li {  margin-bottom:20px;}
div#aside div h3 { text-transform:lowercase; color:#48494c; font-weight:bold;font-size:12px; margin:0; padding:0 0 10px 0;}
div#aside div.featurednews img { display:block; padding-bottom:10px;}
div#aside div.featurednews a { font-size:12px; line-height:16px;}
div#aside div.featurednews span.byline { display:block; font-size:11px; color:#515153;}
div#content div#aside li { font-size:12px; line-height:16px;}
div#aside div.latestnews { padding:5px;}
div#aside div.latestnews p.byline { text-transform:uppercase;font-size:11px;}
div#content div#aside div.clients ul li { margin-bottom:5px; text-transform:none;font-size:12px; line-height:18px; }
div#aside div h3 { color:#48494c; padding-bottom:5px; border-bottom:1px solid #7f8081; margin-bottom:5px; text-transform:lowercase;}
div#aside div.article h4 { font-size:12px; line-height:16px;}

div#aside div.cta { background: #8c9337; width:160px; position:relative; padding: 10px 10px  50px 10px;}
div#aside div.cta h3 { color:#FFF; border:0; text-transform:uppercase; margin-bottom:0px; letter-spacing:1px; }
div#aside div.cta p { color:#FFF;   }
div#aside div.cta a.more { display:block; position:absolute; bottom:5px; right:5px;  text-indent:-5000px; }

div#aside div.ctagreen { background: #8c9337 url("../images/bg_cta_green.gif") bottom left repeat-x;}
div#aside div.ctablue {background: #74bad2 url("../images/bg_cta_blue.gif") bottom left repeat-x; }

div#aside div.viewpackages a.more { width: 146px; height:34px; background:url("../images/btn_view_pkgs.png") top left no-repeat;}
div#aside div.learnmore a.more { width: 114px; height:33px; background:url("../images/btn_learn_more.png") top left no-repeat;}



div#content div#servicelist ul { list-style:none;}
div#servicelist ul li { text-transform:none; margin-bottom:0;font-weight:bold;}
div#servicelist ul ul { padding-left:10px;}
div#servicelist ul ul li { font-weight:normal;}

div#awards { background:url("../images/bg_awards.gif") right 40px no-repeat; }
div#aside ul { font-size:12px; color:#48494c; line-height:16px; }
div#awards ul li { margin-bottom:10px; }
div#awards ul ul { text-transform:none; padding-left:10px; }
div#awards ul ul li { margin-bottom:5px; }

div#sidebar { width:300px; float:right; padding-top:20px; }
div#sidebar div { margin-top:30px; }



div.bloglist li { margin-bottom:10px; }

.person { width:115px; height:185px; margin:5px; position:relative; overflow:hidden; float:left;}
div.bio { width:415px; height:398px; overflow:hidden;position:relative; background:#FFF top left no-repeat;}

div#controlbar {color:#48494B;}
div#controlbar span { padding:3px 5px; margin-bottom:10px;border:1px solid #74bad2; color:#74bad2; font-size:12px; text-transform:lowercase; cursor:pointer; background:#FFF;overflow:hidden;}
div#controlbar span.active { border:1px solid #948f8f; color:#d4812f;}

div#people { padding-top:10px;}

div.nametitle p.attr { display:none;}
div.nametitle p.active { display:block;}
div.nametitle { background:#CCC; position:absolute; bottom:0;left:0; width:100%; padding:3%; z-index:10; }
div.producer div.nametitle { background:#025a74; }
div.backoffice div.nametitle { background:#e98024; }
div#content div.nametitle p,
div.nametitle p { color:#FFF; margin:0;padding:0px; font-size:12px;	}
div.nametitle p.name { font-weight:bold;}

div.details { position:absolute; right:10px; top:50px; width:145px;}
div.details p { font-size:10px; line-height:12px; margin-bottom:5px;}
div.details p span { font-weight:bold; display:block;}
div.bio div.nametitle p.attr { display:block;}


div#AaronKorach  { background-image:url("../images/employees/Aaron_large.jpg"); }
div#AdamEggelston { background-image:url("../images/employees/Adam_large.jpg"); }
div#AuroraQueen { background-image:url("../images/employees/Aurora_large.jpg"); }
div#BennettSapin { background-image:url("../images/employees/Bennett_large.jpg"); }
div#BrianLeamon { background-image:url("../images/employees/BrianL_large.jpg"); }
div#BrianSnyder { background-image:url("../images/employees/BrianS_large.jpg"); }
div#CarrieByrne { background-image:url("../images/employees/Carrie_large.jpg"); }
div#ChrisPowell { background-image:url("../images/employees/Chris_large.jpg"); }
div#CoreyPilkington { background-image:url("../images/employees/Corey_large.jpg"); }
div#CoreyPilkington div.details { top: 170px;}
div#CraigRabin { background-image:url("../images/employees/Craig_large.jpg"); }
div#EricOstrowski { background-image:url("../images/employees/Eric_large.jpg"); }
div#EricOstrowski div.details { top:170px;}
div#HeatherCanepa { background-image:url("../images/employees/Heather_large.jpg"); }
div#JillianVandehey { background-image:url("../images/employees/Jillian_large.jpg"); }
div#JonathanBlue { background-image:url("../images/employees/Jonathan_large.jpg"); }
div#JohnMcDonald { background-image:url("../images/employees/John_large.jpg");}
div#KayleeSchneider { background-image:url("../images/employees/Kaylee_large.jpg");}
div#LeslieRugaber { background-image:url("../images/employees/LeslieR_large.jpg"); }
div#LeslieRugaber div.details { top: 160px;}
div#LeslieTysseling { background-image:url("../images/employees/LeslieT_large.jpg"); }
div#MarcyStringfellow { background-image:url("../images/employees/Marcy_large.jpg"); }
div#MichaelTreacy { background-image:url("../images/employees/Michael_large.jpg"); }
div#OttoCate { background-image:url("../images/employees/Otto_large.jpg"); }
div#PhilSmith { background-image:url("../images/employees/Phil_large.jpg"); }
div#ScottCarswell { background-image:url("../images/employees/Scott_large.jpg"); }
div#SydneyEggleston { background-image:url("../images/employees/Sydney_large.jpg"); }
div#TheresaTrinidad { background-image:url("../images/employees/Theresa_large.jpg"); }
div#TinaEstorninos { background-image:url("../images/employees/Tina_large.jpg"); }
div#TobyHolmes { background-image:url("../images/employees/Toby_large.jpg"); }
div#TobyHolmes div.details { top: 100px;}
div#DeborahLahti { background-image:url("../images/employees/Deborah_large.jpg"); }

div#ColtonBarlow { background-image:url("../images/employees/Colton_large.jpg"); }
div#AriSomers { background-image:url("../images/employees/Ari_large.jpg"); }
div#TraceyAdams { background-image:url("../images/employees/Tracey_large.jpg"); }

div#graphs img { float:left;}

.isotope-item {  z-index: 2; }
.isotope-hidden.isotope-item {  pointer-events: none;  z-index: 1;}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

div#content ul#traits li {  padding: 10px; margin:5px 0; display:block; width:177px; height:63px; color:#3498af; text-transform:uppercase; font-size:10px;}
ul#traits li#passionate { background:url("../images/bg_trait_passionate.jpg") top left no-repeat; }
ul#traits li#curious { background:url("../images/bg_trait_curious.jpg") top left no-repeat; }
ul#traits li#authentic { background:url("../images/bg_trait_authentic.jpg") top left no-repeat; }
ul#traits li#smart { background:url("../images/bg_trait_smart.jpg") top left no-repeat; }
ul#traits li#funny { background:url("../images/bg_trait_funny.jpg") top left no-repeat; }

div#footer { position:absolute; bottom:0; left:0; padding:20px;width: 690px;height:230px; background:#48494c; border-top:10px solid #919293;}
div#footer ul { padding-left:15px; margin-left:15px;}
div#footer ul li { clear:both; margin-bottom:5px;}
div#footer ul ul li { float:left; width:145px; padding-right:5px; margin: 5px 0 0 0; clear:none;}
div#footer a { font-weight:bold;}
div#footer a, div#footer p { color:#9da2ac;}

body { position:relative; padding-bottom:100px;}

div#foot { position:absolute; bottom:0; height:100px;left:0; width:100%;background:#FFF;}
div#foot div.container { margin:auto; padding:10px; width:920px; overflow:hidden;}
div#foot p { font-size:11px; line-height:16px; color:#958f8f; margin-bottom:4px; width:500px;}
div#foot p.contact { margin-bottom:0;}
div#foot p a { color:#7dbed4;}
div#foot p.seo { color:#CCC; line-height:13px;}
img#youreon { float:right;}