/*
-----------------------------------------------
wordcommunications.com stylesheet
author: Matthew J. Stellato | matthewstellato.com
edited: 2009
----------------------------------------------- */

/* The Meyer Effect(tm) */
@import url("reset.css");
@import url("home.css");
@import url("dropdown.css");

/* Getting Organized 
-----------------------------------------------------*/
body {background:#FFF; font:16px/22px Arial, Helvetica, sans-serif; letter-spacing:-.4px; color:#000;}
#wrap {width:960px; margin:0 auto;}

.clear{line-height:0px; font-size:0; height:0px; clear:both;}

p {padding-bottom:25px;}

a {color:#ff6600; cursor:pointer;}
a:hover {color:#666; text-decoration:none;}

.hidden {display:none;}
.bullets {list-style: disc; padding:0 0 25px 25px;}

/* Header & Navigation Style
-----------------------------------------------------*/
#header {border-bottom:1px solid #999999;}
#header h1 a {background: url(../images/logo02.gif) no-repeat; width:235px; height:163px; text-indent:-9999em; display:block;}

#header ul {height:32px; padding-left:10px;}
#header li {float:left;}
#header li a {height:30px; display:block; background:url(../images/mainNav.jpg) top left no-repeat; text-indent:-9999em;}

#header li.company a {width:73px; background-position: 0 0}
#header li.people a {width:60px; background-position: -75px 0}
#header li.work a {width:48px; background-position: -135px 0}
#header li.news a {width:53px; background-position: -183px 0}
#header li.blog a {width:46px; background-position: -236px 0}
#header li.contact a {width:62px; background-position: -288px 0}
#header li.subscribe a {width:96px; background-position: -357px 0}

#header li.company a:hover {background-position: 0 -30px}
#header li.people a:hover {background-position: -75px -30px}
#header li.work a:hover {background-position: -135px -30px}
#header li.news a:hover {background-position: -183px -30px}
#header li.blog a:hover {background-position: -236px -30px}
#header li.contact a:hover {background-position: -288px -30px}
#header li.subscribe a:hover {background-position: -357px -30px}

#header li#current.company a {background-position: 0 -60px}
#header li#current.people a {background-position: -75px -60px}
#header li#current.work a {background-position: -135px -60px}
#header li#current.news a {background-position: -183px -60px}
#header li#current.blog a {background-position: -236px -60px}
#header li#current.contact a {background-position: -288px -60px}
#header li#current.subscribe a {background-position: -357px -60px}


/* All h2 Styles
-----------------------------------------------------*/
h2 {height:30px; background:url(../images/h2.gif) top left no-repeat; margin-bottom:35px; text-indent:-9999em;}
#home-agility {background-position:0 0}
#home-accountability {background-position:0 -30px}
#home-talent {background-position:0 -60px}
#home-value {background-position:0 -90px}

#company-status {background-position:0 -120px}
#company-tools {background-position:0 -150px}

#people-home {background-position:0 -180px;}
#news-feature {background-position:0 -210px;}

#contact-here {background-position:0 -240px}
#contact-thanks {background-position:0 -270px}
#subscribe-thanks {background-position:0 -300px; margin-bottom:15px;}


#client-innroad {background-position:0 -330px; margin-bottom:15px;}
#client-keycorp {background-position:0 -360px; margin-bottom:15px;}
#client-globalspec {background-position:0 -390px; margin-bottom:15px;}
#client-cmo {background-position:0 -420px; margin-bottom:15px;}
#client-bunheads {background-position:0 -450px; margin-bottom:15px;}
#client-sngc {background-position:0 -480px; margin-bottom:15px;}
#client-victory {background-position:0 -510px; margin-bottom:15px;}
#client-cdphp {background-position:0 -540px; margin-bottom:15px;}
#client-ulster {background-position:0 -570px; margin-bottom:15px;}


/* Company
-----------------------------------------------------*/
.border {border-bottom: 1px solid #999;}
.padding {padding:30px 140px 10px 10px;}

#scrabble {margin:-68px 0 0 -15px;}
.tools {padding: 30px 0px 50px 10px; *height:250px;}
.tools div {float:left; width:180px;}
.tools div.interactive {width:300px;}

h3 {height:30px; background:url(../images/h3.gif) top left no-repeat; text-indent:-9999em;}
#company-branding {background-position:0 0}
#company-advertising {background-position:0 -30px}
#company-design {background-position:0 -60px}
#company-interactive {background-position:0 -90px;}


/* Work
-----------------------------------------------------*/
h5 {color:#0eb5db; font-size:13px; border-bottom:1px solid #999; padding:5px 10px; font-weight:normal; margin-bottom:5px;}
.identity h5, .radio h5, .radio2 h5 {margin-bottom:30px;}
.work div {padding-bottom:20px;}

.radio p {padding-left:10px;}
.radio span {color:#999; font-size:12px;}
.radio strong {padding-left:12px; font-weight:normal;}
.radio span.play {display:block; float:left;}

.tv span {padding:0 5px 5px 0}

/* people
-----------------------------------------------------*/
#people {border-bottom:1px solid #999; padding: 10px 0 0 0; *height:573px;}
#bios {width:350px; float:right; font-size:13px; padding-top:25px; line-height:normal;}
#bios p {padding-bottom:15px;}
#bios span {display:block; margin-bottom:10px; font-weight:normal; color:#999;}
#bios span.letter {padding:4px 8px; font-weight:bold; color:#FFF; background:#AFBD21; float:left;}
#bios p, #bios h6 {margin-left:35px;}

#disclaimer {width:600px; padding:25px 0 50px 0; text-align:center; background:#FFF url(../images/team-gradient.jpg) center -40px no-repeat; float:left; font-size:13px; line-height:normal;}
#disclaimer h6 {padding:0; font-size:14px;}
#disclaimer span {color:#999;}
#disclaimer p {padding-bottom:15px;}


#people ul {width: 600px; height:420px; background: #FFF url(../images/team.jpg) bottom right no-repeat; float:left;  position:relative;}
#people ul li {position:absolute;}
#people ul li a {padding:4px 8px; font-size:12px; font-weight:bold; color:#FFF; background:#AFBD21; text-decoration:none;}
#people ul li a:hover { background:#333; text-decoration:none;}
#people ul li a.current {background:#ff6600;}

#people ul li#a {bottom:300px; left:180px;}
#people ul li#b {bottom:280px; left:350px;}
#people ul li#c {bottom:280px; left:480px;}
#people ul li#d {bottom:120px; right:70px;}
#people ul li#e {bottom:100px; left:280px;}
#people ul li#f {bottom:200px; left:80px;}
#people ul li#g {bottom:200px; left:200px;}
#people ul li#h {bottom:180px; left:380px;}
#people ul li#i {bottom:100px; left:20px;}


/* news
-----------------------------------------------------*/
#ournews {padding:30px 10px; border-bottom:1px solid #999;}
#ournews div {width:420px; float:left; margin:0 50px 30px 0; font-size:14px; line-height:18px}
#ournews div h6 {font-size:22px; font-weight:normal; padding:5px 0 20px 0; letter-spacing:-.45px}
#ournews div span {color:#999; font-size:12px;}


/* Contact
-----------------------------------------------------*/
#contactus {background:url(../images/bg-mouse.jpg) top left no-repeat; padding: 30px 150px 100px 410px; border-bottom:1px solid #999;}
.address {line-height:normal; padding:10px 0 15px 0;}

#contactform {position:relative; padding-top:20px;}
input, textarea {background:#EEEFF2; margin-right:5px; padding:3px; color:#666; font:12px Arial, Helvetica, sans-serif;}
input.textfield {width:157px}
textarea {width:335px; margin-top:10px;}
#submitp {text-align:right; width:345px; line-height:normal; padding:10px 0;}
#submitp input, .text {padding:0;}

#contact_thankyou {background:url(../images/contactthanks.jpg) no-repeat 300px bottom; height:400px; border-bottom:1px solid #999; padding:30px 140px 10px 10px;}

/* MetaFooter
-----------------------------------------------------*/
#metafooter {color:#999; font-size:12px; line-height:normal; padding:30px 0 0 10px;}
#metafooter div {float:left; margin-right:40px;}

.metanews {width:145px;}
.metanews li {padding-bottom:8px;}
.metanews a {color:#999; text-decoration:none; display:block;}
.metanews a:hover {color:#000;}

.metacontact p, .metacontact ul, .metasub p {padding-bottom:15px;}
.metacontact {*width:180px;}

.metasub {width:200px;}
.metasub .textfield {width:154px; float:left;}
.metasub .btn {background:#FFF; padding-left:2px;}

h4 {height:20px; background:url(../images/metafooter-h4.gif) top left no-repeat; margin-bottom:15px; text-indent:-9999em;}
#h4-contact {background-position: 0 -24px}
#h4-subscribe {background-position: 0 -48px}
.metashare {margin-left:65px;}

.privacy {font-size:10px; line-height:normal; padding-top:20px;}
.privacy strong {display:block;}

.follow {padding-bottom:15px;}
.follow span {display:block; float:left; padding:2px 8px 0 0;}


/* Constant Footer
-----------------------------------------------------*/
#footer {background:url(../images/bg-footer.jpg) top left no-repeat; height:260px; position:relative; font-size:10px; margin-bottom:30px;}
#footer h5 {background: url(../images/footer-heading.gif) top left no-repeat; height:34px; margin:0; width:600px; position:absolute; top:77px; text-indent:-9999em; border:none; padding:0;}
#footer p {position:absolute; bottom:10px; left:10px; text-transform:uppercase;}