@charset "utf-8";
/* CSS Document */

#wrap{width: 822px; margin: 0 auto}

/* HEADER STYLES */
h1#logo{background: url(../images/logo.gif);display:block;width: 141px;height: 79px;margin: 22px 0;padding:0;float: left}
h1#logo a{display:block;width: 141px;height: 79px;margin: 0;padding: 0}
span#workForUs, span#workWithUs, span#workForUs.plain{background: url(../images/workForUs.gif) left no-repeat;display:block;width: 191px;height: 112px;margin: 5px 0;padding:0;float: right}
span#workForUs a,span#workWithUs a, span#workForUs.plain a{display:block;width: 191px;height: 112px;margin: 0;padding:0}
span#workWithUs{background: url(../images/submitDoor.gif)}
span#workForUs.plain{background: url(../images/submitDoorWith.gif)}
span#workForUs.home{width:210px;position:relative}
span#workForUs.home embed{right:2px;position:absolute}

/* NAVIGATION STYLES */
#nav{width: 822px;margin: 0 3px 10px 0;display: block;float: left}
#nav li{display: block;float: left;height: 36px}
#nav a{display: block;float: left;width: 137px;height: 36px;background-image: url(../images/navBg.gif)}
#nav a.tab1{background-position: 0px top}
#nav a.tab1:hover{background-position: 0px bottom}
#nav a.tab2{background-position: 680px top}
#nav a.tab2:hover{background-position: 680px bottom}
#nav a.tab3{background-position: 544px top}
#nav a.tab3:hover{background-position: 544px bottom}
#nav a.tab4{background-position: 408px top}
#nav a.tab4:hover{background-position: 408px bottom}
#nav a.tab5{background-position: 272px top;width:136px}
#nav a.tab5:hover{background-position: 272px bottom}
#nav a.tab6{background-position: 137px top;width:138px}
#nav a.tab6:hover{background-position: 137px bottom}
#nav .noPointer{cursor:default}
#nav li ul{border:2px solid #ccc;width:160px}
#nav li li{height:auto}
#nav li li a{background-image:none;background:#333;color:#eee;font-size:12px;height:auto;padding: 7px 3px;width:154px}
#nav li li a:hover{background:#ddd;color:#222}

/* INTRO CONTENT */
#introContent{display: inline;float: left;width: 822px}
#introContent h2{text-align: center;font-size: 2.8em;font-weight:normal}
#introContent p{padding: 0 45px;color: #444;display: inline-block}

/* IMAGE HEADERS */
.imgHeader{text-indent:-10000em;display:block;width:816px;height:30px;padding:10px 0 5px;background-position: center center;background-repeat:no-repeat}
.imgSubHeader{text-indent:-10000em;display:block;width:255px;height:15px;padding:10px 0 5px;background-position: center center;background-repeat:no-repeat}
#middle .imgHeader{width:349px}
.imgHeader.twoLine{height:55px}
.imgHeader.threeLine{height:83px}
.homeHeader{background-image:url(../images/homeHeader.gif)}
.portfolioHeader{background-image:url(../images/portfolioHeader.gif)}
.wfu-retailHeader{background-image:url(../images/wfu-retailHeader.gif)}
.wfu-retailSubHeader{background-image:url(../images/wfu-retailSubHeader.gif);height:36px}
.wfu-mainHeader{background-image:url(../images/wfu-mainHeader.gif)}
.wfu-b2bHeader{background-image:url(../images/wfu-b2bHeader.gif)}
.wfu-b2bSubHeader{background-image:url(../images/wfu-b2bSubHeader.gif);height:36px}
.wfu-consumerHeader{background-image:url(../images/wfu-consumerHeader.gif)}
.wfu-consumerSubHeader{background-image:url(../images/wfu-consumerSubHeader.gif)}
.wwu-retailHeader{background-image:url(../images/wwu-retailHeader.gif)}
.wwu-eventHeader{background-image:url(../images/wwu-eventHeader.gif)}
.wwu-b2bHeader{background-image:url(../images/wwu-b2bHeader.gif)}
.wwu-consumerHeader{background-image:url(../images/wwu-consumerHeader.gif)}
.servicesHeader{background-image:url(../images/servicesHeader.gif)}
.newsHeader{background-image:url(../images/newsHeader.gif)}
.contactHeader{background-image:url(../images/contactHeader.gif);width:345px !important}
.ethicsHeader{background-image:url(../images/ethicsHeader.gif)}
.cultureHeader{background-image:url(../images/cultureHeader.gif)}
.aboutHeader{background-image:url(../images/aboutHeader.gif);width:550px !important}

/* CONTENT BOX */
#contentBox{display: block;float: left;width: 811px;margin: 0 5px 0 6px;background:url(../images/contentBoxBg.gif) repeat-y}
#contentBox.noBg{background:none;border-bottom: 1px dotted #ccc;padding-bottom: 10px}
#contentBoxTop{float: left;width: 811px;margin: 0;height: 7px;background:url(../images/contentBoxTop.gif) no-repeat;overflow: hidden}
#contentBoxBot{float: left;width: 811px;margin: 0;height: 6px;background:url(../images/contentBoxBot.gif) no-repeat;overflow: hidden}
#contentBoxInner{float: left;width: 789px;margin: 0 11px;display: inline}
#contentBoxInner.noMargin{float: left;width: 811px;margin: 0}
#video{float:right;margin:15px 0 50px 10px;width:544px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#353535;border:2px solid #545454;padding:10px;color:#fff;}
#video .otherVideos{display:block;margin:10px 0 0;padding:0}
#video .otherVideos li{display:block;float:left;margin:0}
#video .otherVideos li + li{margin:0 0 0 36px}
#video .otherVideos li a{background-position:left top;background-repeat:no-repeat;width:155px;display:block;height:22px !important;float:left;color:#666;text-transform:uppercase;text-align:center;padding:87px 0 0}
#video .otherVideos li a.conVidTn{background-image:url(/video/conSalesVidTn.jpg);width:159px}
#video .otherVideos li a.busVidTn{background-image:url(/video/b2bSalesVidTn.jpg)}
#video .otherVideos li a.retVidTn{background-image:url(/video/retSalesVidTn.jpg)}
#video .otherVideos li a:hover{background-position:right top;background-repeat:no-repeat;background-color:#353535}
#video .watchMore{float:right}
a.submitResume{float:left; width:195px;height:38px; background:url(../images/submitResume.gif)}
a.submitResume:hover{background:url(../images/submitResume.gif) !important}

/* PORTFOLIO */
.portfolio{display:block;margin:0 !important;padding:0 !important;width:811px;position:relative;height:420px}
.portfolio li{display:block;margin:0;padding:0;position:absolute}
.portfolio .att{top:0;left:176px}
.portfolio .cox{top:0;left:470px}
.portfolio .century{top:63px;left:0}
.portfolio .comcast{top:90px;left:308px}
.portfolio .officemax{top:90px;right:0}
.portfolio .verizon{top:164px;left:176px}
.portfolio .direct{top:165px;left:462px}
.portfolio .frontier{top:253px;left:0}
.portfolio .clear{top:250px;left:316px}
.portfolio .time{top:258px;right:0}
.portfolio .green{top:336px;left:173px}
.portfolio .sears{top:346px;left:454px}
.teaserBox{float:left;width:144px;background:url(../images/rightBoxBg.gif) repeat-x #fff;border:1px solid #ddd;overflow:hidden;padding:15px;margin:0 0 0 15px;color:#666;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:360px}
.teaserBox.wide{width:220px;height:275px}
.teaserBox h3{color:#ed1c24;font-size:14px;padding:0;line-height:1em}
.teaserBox ul{margin:10px 0 0 15px !important}
.teaserBox small{color:#616464}

/* NEWS PAGE */
.newsTable{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#353535;border:2px solid #545454;padding:20px;color:#fff;width:100%}
.newsTable th{padding:25px 25px 10px;background:url(../images/tableBorder.gif) repeat-x bottom}
.newsTable td{padding:25px;background:url(../images/tableBorder.gif) repeat-x bottom}
.newsTable .downloadPDF{display:block;background:url(../images/pdfIcon.gif) no-repeat;color:#fff;padding:5px 5px 5px 32px;width:100px}
.newsTable .downloadPDF:hover{background:url(../images/pdfIcon.gif) no-repeat #353535 !important;text-decoration:underline !important}
.newsTable .greycell{background-color:#434343;line-height:normal}
.newsTable .last td{background:none;padding:3px}
.newsTable .last .greycell{background-color:#434343}

/* CONTACT PAGE */
.contactForm{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#353535;border:2px solid #545454;padding:20px;color:#fff;width:400px;float:right;margin:10px 0 50px 15px}
.contactForm .inputRow{width:400px;clear:both;margin: 5px 0;float:left;position:relative}
.contactForm .inputRow span{position:absolute;left:0;bottom:-12px;text-align:right;width:120px}
.contactForm .inputRow #revAttach{bottom:-25px;line-height:normal}
.contactForm label{color:#a5a5a5;display:block;width:110px;float:left;text-align:right;position:relative}
.contactForm input,.contactForm select{border:#a5a5a5 solid 2px;color:#a5a5a5;background:#353535;width:250px;float:left;margin:0 0 0 15px;padding:3px}
.contactForm select{width:254px}
.contactForm .file{width:75px !important}
.contactForm .submitButton{background:#a5a5a5;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#353535;width:auto;margin:0 0 0 125px;padding:0px;float:right}
.contactForm .required{color:#fff;position:absolute;right:-8px;top:0;width:120px !important}

/* LEADERSHIP PAGE */
.leadership{background:url(../images/leadership.gif) no-repeat;padding:8px 0 15px 50px}
.leadership p{line-height:14px}

/* HOME - CAPABILITIES */
ul.capabilities{float: left;width: 811px;margin: 0 !important;display: block;list-style-type:none}
ul.capabilities li{display: block;float: left}
ul.capabilities li.consumerSales{width:211px}
ul.capabilities li.busToBus{width:197px}
ul.capabilities li.eventMarketing{width:198px}
ul.capabilities li.retailStaffing{width:205px}
ul.capabilities li h3{text-align: center;font-size:11px;font-weight:normal !important;display:block;width:100%;padding:0px 0 5px;text-transform: uppercase}
ul.capabilities li h3 span{color: #fff;text-decoration: none;display:block;height: 25px;width: 100%;padding: 0 0 226px;background-repeat: no-repeat;background-position: left bottom;position:relative}
ul.capabilities li h3 span a.toplink{display:inline}
ul.capabilities li h3 span a.wwu{display:block;position:absolute;width: 69px;height:54px;left: -10000em;bottom: 22px;background:url(../images/wwu.gif) bottom center}
ul.capabilities li h3 span a.wfu{display:block;position:absolute;width: 69px;height:54px;left: -10000em;bottom: 22px;background:url(../images/wfu.gif) bottom center}
ul.capabilities li h3 span:hover a.toplink{display:inline}
ul.capabilities li h3 span:hover a.wwu{left: 39px}
ul.capabilities li h3 span:hover a.wfu{left: 108px}
ul.capabilities li.consumerSales h3 span{background-image:url(../images/consumer.jpg)}
ul.capabilities li.busToBus h3 span{background-image:url(../images/b2b.jpg)}
ul.capabilities li.busToBus h3 span:hover a.wwu{left: 29px}
ul.capabilities li.busToBus h3 span:hover a.wfu{left: 98px}
ul.capabilities li.eventMarketing h3 span{background-image:url(../images/event.jpg)}
ul.capabilities li.eventMarketing h3 span:hover a.wwu{left: 29px}
ul.capabilities li.eventMarketing h3 span:hover a.wfu{left: 98px}
ul.capabilities li.retailStaffing h3 span{background-image:url(../images/retail.jpg)}
ul.capabilities li.retailStaffing h3 span:hover a.wwu{left: 35px}
ul.capabilities li.retailStaffing h3 span:hover a.wfu{left: 104px}
ul.capabilities li p{padding: 0 10px;color: #fff;line-height: 1.4em}
ul.capabilities li a{color: #fff;font-weight:bold}
ul.capabilities li p a:hover{color: #bbb;text-decoration: underline}

/* MISC STYLES */
#left{float:left;width:234px;height:377px}
#left h2{display:block;width:234px;height:367px;float:left;color:#fff;text-align:center;font-size:1.3em;padding: 10px 0 0 0;font-weight:normal !important;text-transform: uppercase}
#left h2.b2b{background:url(../images/with-b2b.jpg)}
#left h2.consumer{background:url(../images/with-consumer.jpg)}
#left h2.event{background:url(../images/with-event.jpg)}
#left h2.retail{background:url(../images/with-retail.jpg)}
#middle{float:left;width:349px;margin:0 10px}
#middle h4{font-weight:normal !important;font-size:13px;line-height:normal}
#right{float:right;width:208px}
#right .rightBox{float:left;width:198px;background:url(../images/rightBoxBg.gif) repeat-x #fff;border:1px solid #ddd;overflow:hidden;padding:5px;margin:0 0 15px;color:#666;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#right .rightBox .quote{padding:10px 25px;line-height:normal;line-height:20px;font-size:14px;text-align:center;background:url(../images/blueQuote.gif) no-repeat 15px 10px !important;position:relative}
#right .rightBox .quote p{display:block;background:none !important}
#right .rightBox .quote.fader{height:225px;background:none !important}
#right .rightBox .quote.fader .quoteWrap{padding:10px 25px;background:url(../images/blueQuote.gif) no-repeat 15px 10px !important;}
#right .rightBox .quote.fader .quoteWrap p{position:relative}
#right .rightBox .redQuote{position:absolute;right:-14px;bottom:0px;display:block;width:14px;height:14px;background:url(/images/redQuote.gif)}
#right .rightBox .redQuote.special{right:14px;bottom:15px;}
#right .rightBox h3{font-size:1.2em;padding:0}
#right .rightBox p{padding:0;line-height:normal; line-height:20px}
#right .rightBox a.more{float:right}

/* FOOTER STYLES */
#footer{float: left;width: 822px;margin: 10px 0;display: inline}
ul.work{display:block;float:left;line-height: normal;margin: 8px 0 0 0}
ul.work li{display:block;float:left;border:none;padding:0 5px}
ul.work li + li{border-left:1px solid #3a447a}
ul.work a{font-size:1.3em}
ul.work a:hover span{color:#fff !important;background:#ed1c24}
ul.work a:hover{color:#fff;background-color:#3a447a}
ul.foot{display:block;float:right;line-height: normal;color:#999}
ul.foot li{display:block;float:left;border:none}
ul.foot li.copyright{margin: 8px 5px 0 0}
ul.foot a{color:#999;border-left:1px solid #999;display:block;float:left;padding: 0 5px;margin: 8px 0 0 0}
ul.foot a.first{border-left:0px;}
ul.foot a:hover{color:#fff;background-color:#999}
ul.foot a.facebook{width:24px;height:24px;background:url(../images/facebook.gif);border:none;padding:0;margin:0 0 0 5px}
ul.foot a.twitter{width:24px;height:24px;background:url(../images/twitter.gif);border:none;padding:0;margin:0 0 0 5px}.