/* ckandco.net - created 3/25/2008 */

/*RESET----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym{border:0}
:focus{outline:0}

/*DEFAULT----------*/
em{font-style:italic}
strong{font-weight:700}
u{text-decoration:underline}
th[nowrap],td[nowrap]{white-space:nowarp}
.bold{font-weight:700}
.normal{font-weight:400}
.textcenter{text-align:center}
.textleft{text-align:left}
.textright{text-align:right}
.floatleft{float:left}
.floatright{float:right}
.hide{display:none}
.clear{clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
* html .clearfix{height:1%}/* Hides from IE-mac */

/*BASE FORMATS----------*/  
body{}
th,td{}
a,a:link,a:active{text-decoration:none}
a:visited{}
a:hover{text-decoration:underline}
li{font-size:14px}
h1,.h1{font-size:28px;font-weight:700}
h2,.h2{color:#7f7f7f;font-size:22px;font-weight:700;line-height:22px;padding-bottom:10px}
h3,.h3{font-size:18px;font-weight:700;line-height:26px;}
h4,.h4{color:#7f7f7f;font-size:16px;font-weight:700;line-height:24px;padding-bottom:10px}
h5,.h5{color:#222;font-size:14px;font-weight:700;padding-bottom:2px;text-transform:uppercase;}
input.text,input.title,textarea,select{border:1px solid #bbb;margin:0.5em 0;}
input.text:focus,input.title:focus,textarea:focus,select:focus{border:1px solid #666}

/*BASE COLORS----------*/
body{background:#000 url(../images/bg-home.jpg) no-repeat 50% 0;color:#111;font:14px/21px Rockwell,helvetica,arial,sans-serif;}
th,td{color:#111;font:14px/21px Rockwell,helvetica,arial,sans-serif;}
a,a:link,a:active{color:#111}
a:visited{color:#111}
a:hover{color:#222}
blockquote,code,pre{color:#333}
.grey{color:#888}
.red{color:#900}
.highlight{background-color:#FFC}
.quiet{color:#555;font-size:90%}
.required{background-color:#FCC}
tr.even td{background-color:#F6F6F6}

/*PAGE LAYOUT----------*/
body.recent-work{background:#000 url(../images/bg-nonprofit.jpg) no-repeat 50% 0}
body.corp-communications{background:#000 url(../images/bg-vidprod.jpg) no-repeat 50% 0}
body.marketing{background:#000 url(../images/bg-marketing.jpg) no-repeat 50% 0}
body.tradeshows{background:#000 url(../images/bg-vidprod.jpg) no-repeat 50% 0}
body.non-profit{background:#000 url(../images/bg-nonprofit.jpg) no-repeat 50% 0}
body.tv-spots{background:#000 url(../images/bg-marketing.jpg) no-repeat 50% 0}

#wrapper{margin:0 auto;padding:0 0 0 1px;width:1000px}
#header{background:url(../images/header-bg.png) repeat-x 0 0;height:97px;margin-top:75px}
#layout{clear:left;height:442px;width:100%}
    #layout .left-col{background:url(../images/side-nav-bg.png) repeat-y 0 0;float:left;height:442px;width:240px}
    #layout .middle-col{background:transparent;color:#111;float:left;height:440px;padding:2px 0 0 3px;width:582px}
    #layout .middle-col .stage{padding:4px 0 0 4px}
    .home #layout .middle-col{padding:5px 0 0 6px}
    #layout .right-col{background:#fff;float:right;height:442px;width:171px}
#footer{background:url(../images/footer-bg.png) repeat-x 0 0;height:97px}
.company #layout .middle-col,.news #layout .middle-col,.training #layout .middle-col{background:#fff !important}

/*HEADER----------*/
#header a img{float:left;height:97px;width:240px}

/*NAVIGATION----------*/
.main-nav ul{float:left;padding-left:0;margin-top:40px;width:740px}
.main-nav li{display:inline;font-size:18px;padding-left:40px}
.main-nav li a{color:#ddd}
.main-nav li a:hover{color:#fff;text-decoration:none}
.side-nav,.side-nav li{list-style:none;margin:0;padding:0}
.side-nav{display:block;height:394px;margin:20px 0 0 36px;width:166px}
.side-nav ul{float:left;padding-left:0}
.side-nav li a{display:block;height:55px;margin-bottom:15px;text-indent:-999em;width:166px;}
.side-nav li.nav-recent-work a{background:transparent url(../images/side-nav.png) 0 0 no-repeat;}
    body.recent-work .side-nav li.nav-recent-work a{background:transparent url(../images/side-nav.png) -400px 0 no-repeat !important;}
    .side-nav li.nav-recent-work a:hover{background:transparent url(../images/side-nav.png) -200px 0 no-repeat;}
    .side-nav li.nav-recent-work a:active{background:transparent url(../images/side-nav.png) -400px 0 no-repeat;}
.side-nav li.nav-corp-communications a{background:transparent url(../images/side-nav.png) 0 -100px no-repeat;}
    body.corp-communications .side-nav li.nav-corp-communications a{background:transparent url(../images/side-nav.png) -400px -100px no-repeat !important;}
    .side-nav li.nav-corp-communications a:hover{background:transparent url(../images/side-nav.png) -200px -100px no-repeat;}
    .side-nav li.nav-corp-communications a:active{background:transparent url(../images/side-nav.png) -400px -100px no-repeat;}
.side-nav li.nav-marketing a{background:transparent url(../images/side-nav.png) 0 -200px no-repeat;}
    body.marketing .side-nav li.nav-marketing a{background:transparent url(../images/side-nav.png) -400px -200px no-repeat !important;}
    .side-nav li.nav-marketing a:hover{background:transparent url(../images/side-nav.png) -200px -200px no-repeat;}
    .side-nav li.nav-marketing a:active{background:transparent url(../images/side-nav.png) -400px -200px no-repeat;}
.side-nav li.nav-tradeshows a{background:transparent url(../images/side-nav.png) 0 -300px no-repeat;}
    body.tradeshows .side-nav li.nav-tradeshows a{background:transparent url(../images/side-nav.png) -400px -300px no-repeat !important;}
    .side-nav li.nav-tradeshows a:hover{background:transparent url(../images/side-nav.png) -200px -300px no-repeat;}
    .side-nav li.nav-tradeshows a:active{background:transparent url(../images/side-nav.png) -400px -300px no-repeat;}
.side-nav li.nav-non-profit a{background:transparent url(../images/side-nav.png) 0 -400px no-repeat;}
    body.non-profit .side-nav li.nav-non-profit a{background:transparent url(../images/side-nav.png) -400px -400px no-repeat !important;}
    .side-nav li.nav-non-profit a:hover{background:transparent url(../images/side-nav.png) -200px -400px no-repeat;}
    .side-nav li.nav-non-profit a:active{background:transparent url(../images/side-nav.png) -400px -400px no-repeat;}
.side-nav li.nav-tv-spots a{background:transparent url(../images/side-nav.png) 0 -500px no-repeat;}
    body.tv-spots .side-nav li.nav-tv-spots a{background:transparent url(../images/side-nav.png) -400px -500px no-repeat !important;}
    .side-nav li.nav-tv-spots a:hover{background:transparent url(../images/side-nav.png) -200px -500px no-repeat;}
    .side-nav li.nav-tv-spots a:active{background:transparent url(../images/side-nav.png) -400px -500px no-repeat;}

/*PAGE-CONTENT----------*/
#layout p{margin-bottom:12px}
.middle-col .col{padding:40px}
.right-col .col{background:#fff;padding:40px 15px 0 15px}
.tagline{font:15px/23px Rockwell,helvetica,arial,sans-serif;margin-top:80px}
.scrollable{height:340px;overflow:auto;}

/*VIDEO PLAYER----------*/
x#playerContainer{background:#7f7f7f;border-left:1px solid #7f7f7f;border-right:1px solid #7f7f7f;border-top:1px solid #7f7f7f}
#playerContainer{background:transparent}
.player{float:left;width:291px}

/*Home page*/
.home-logo{background:#fff  url(../images/home-logo.jpg) no-repeat 0 0;height:430px;width:575px}
.wethink{display:none}

.social{padding:15px 0 0 15px;}
.social a{display:block;height:25px;margin-bottom:10px;padding-left:30px;}
.social a span{color:#fff;}
.social a:hover span{color:#111;}
.social .linkedin{background:url(../images/linkedin24.png) no-repeat 0 0;}
.social .facebook{background:url(../images/facebook24.png) no-repeat 0 0;}

/*Bios*/
.bios a img{border:2px solid #fff;}
.bios a:hover img{border:2px solid #333;}
#fancy_div img.profile-img{float:left;padding-right:10px;}

/*News*/
.news li.pdf{background:url(../images/icon-pdf.gif) no-repeat 0 50%;line-height:48px;padding-left:40px}

/*Training*/
.training .middle-col li{padding-top:15px}

/*Newsletter*/
a.newsletter{background:url(../images/newsletter.png) no-repeat 5px 5px;display:block;min-height:75px;margin-top:20px;padding:5px 10px 5px 120px;}
a:hover.newsletter{background:#eee url(../images/newsletter.png) no-repeat 5px 5px;text-decoration:none;}

/*Videos*/
a.video{background:transparent;float:left;height:218px;margin:0 2px 2px 0;position:relative;text-decoration:none;width:289px}
a.video span{display:none;width:145px;z-index:100}
#video1 a.video span{position:absolute;top:38px;left:601px}
#video2 a.video span{position:absolute;top:38px;left:310px}
#video3 a.video span{position:absolute;top:-182px;left:601px}
#video4 a.video span{position:absolute;top:-182px;left:310px}
a:hover.video span{display:block}

.recent-work #video1 a.video{background:url(../video/stills/StickItToTheFlu.jpg) no-repeat 0 0}
.recent-work #video2 a.video{background:url(../video/stills/AnswersForIndustry.jpg) no-repeat 0 0}
.recent-work #video3 a.video{background:url(../video/stills/RedCross.jpg) no-repeat 0 0}
.recent-work #video4 a.video{background:url(../video/stills/e-Work.jpg) no-repeat 0 0}

.corp-communications #video1 a.video{background:url(../video/stills/CorporateExpress_00194.jpg) no-repeat 0 0}
.corp-communications #video2 a.video{background:url(../video/stills/SIEMENSOverview_00675.jpg) no-repeat 0 0}
.corp-communications #video3 a.video{background:url(../video/stills/NovartisOverview.jpg) no-repeat 0 0}
.corp-communications #video4 a.video{background:url(../video/stills/VanWyk_00165.jpg) no-repeat 0 0}

.marketing #video1 a.video{background:url(../video/stills/AmwayGlobalNutrilite_00300.jpg) no-repeat 0 0}
.marketing #video2 a.video{background:url(../video/stills/BissellPOD_00944.jpg) no-repeat 0 0}
.marketing #video3 a.video{background:url(../video/stills/FreshFoodCo_00178.jpg) no-repeat 0 0}
.marketing #video4 a.video{background:url(../video/stills/SafetytheMovie_00950.jpg) no-repeat 0 0}

.tradeshows #video1 a.video{background:url(../video/stills/IRISHighlights_00205.jpg) no-repeat 0 0}
.tradeshows #video2 a.video{background:url(../video/stills/DEMATIC_00693.jpg) no-repeat 0 0}
.tradeshows #video3 a.video{background:url(../video/stills/SaintMarys_01689.jpg) no-repeat 0 0}
.tradeshows #video4 a.video{background:url(../video/stills/CorporateOptions_01607.jpg) no-repeat 0 0}

.non-profit #video1 a.video{background:url(../video/stills/RedCross_00199.jpg) no-repeat 0 0}
.non-profit #video2 a.video{background:url(../video/stills/PublicMuseum_00078.jpg) no-repeat 0 0}
.non-profit #video3 a.video{background:url(../video/stills/MSUOldCollegeField_00349.jpg) no-repeat 0 0}
.non-profit #video4 a.video{background:url(../video/stills/HopeCollege_02481.jpg) no-repeat 0 0}

.tv-spots #video1 a.video{background:url(../video/stills/Aquinas.jpg) no-repeat 0 0}
.tv-spots #video2 a.video{background:url(../video/stills/HuntingtonSpot_01613.jpg) no-repeat 0 0}
.tv-spots #video3 a.video{background:url(../video/stills/GRPress_00047.jpg) no-repeat 0 0}
.tv-spots #video4 a.video{background:url(../video/stills/DingemanDancerChristopherson_00106.jpg) no-repeat 0 0}

/*FOOTER----------*/
#footer{color:#ddd;font-size:14px;padding-top:24px;text-align:center}
#footer p span{padding-right:10px}
#footer a{color:#ddd;text-decoration:none}
#footer a:hover{color:#fff}
#footer .tel a{cursor:default}
#footer .tel a:hover{color:#ddd}

/*OTHER----------*/
/*TIP*/
a.tip{cursor:help;height:1px;width:100%;margin:0;padding:0;position:relative;text-decoration;none}
a.tip span{background:#333;color:#fff;font:11px arial,sans-serif;padding:5px;width:250px;display:none;position:absolute;left:45px;top:20px;z-index:100}
a:hover.tip span{display:block}
/*BUTTONS*/
.button{padding:1px 8px}