/*
PNG fix for IE6
 */
img, a, div, input, h2, ul, li, h1,  { behavior: url(../iepngfix/"iepngfix.htc") }



*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family: "Century Gothic","Lucida Grande",Helvetica,Arial,sans-serif;font-size:12px;cursor:default;background: #000;color:#000; font-weight: normal}
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:16px}
h2,.box div img{padding-bottom:8px}
a{text-decoration:none;color:#000;outline:0}


#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#cont p  { margin-bottom: 10px; }


#menu{ position:absolute;top:0px; z-index:80; width: 100%;line-height:12px; float: right; }
#menu ul{height:56px; width: 600px; position:absolute; right: 0;  list-style: none; float: right; margin: 0 20px 0 0; padding: 0;} 
#menu ul li{float: left; display: block; }
#menu ul li a { background:url(../images/nav-main.png) no-repeat 0 0;display:block;height:56px;text-indent:-9009px;outline: none;}

#menu ul li#nav_1 a{
  width: 100px;	
  background-position: 0 0;
}
#menu ul li#nav_1.here a{
  width: 100px;
  background-position: 0 -57px;
}
#menu ul li#nav_2 a{
  width: 100px;
  background-position: -100px 0;
}
#menu ul li#nav_2.here a{
  width: 100px;
  background-position: -100px -57px;
}
#menu ul li#nav_3 a{
  width: 100px;
  background-position: -200px 0;
}
#menu ul li#nav_3.here a{
  width: 100px;
  background-position: -200px -57px;
}
#menu ul li#nav_4 a{
  width: 100px;
  background-position: -300px 0;
}
#menu ul li#nav_4.here a{
  width: 100px;
  background-position: -300px -57px;
}
#menu ul li#nav_5 a{
  width: 100px;
  background-position: -400px 0;
}
#menu ul li#nav_5.here a{
  width: 100px;
  background-position: -400px -57px;
}

#menu ul li#nav_6 a{
  width: 100px;
  background-position: -500px 0;
}
#menu ul li#nav_6.here a{
  width: 100px;
  background-position: -500px -57px;
}

#AboutsubNav { position:absolute; bottom: 20px; left: 20px; z-index:81; width: 340px; height: 11px; overflow: hidden float: left; }

#AboutsubNav ul {height:11px; width: 240px; position:absolute; left: 20px;  list-style: none; float: left;}
#AboutsubNav ul li{float: left; display: block; }
#AboutsubNav ul li a { background:url(../images/content/aboutus-nav.png) no-repeat 0 0;display:block;height:11px;text-indent:-9009px;outline: none; width: 230px;}

#AboutsubNav ul li#nav_1 a{
  width: 65px;
  background-position: 0 0;
}

#AboutsubNav ul li#nav_1.here a{
  width: 65px;
  background-position: 0 -11px;
}

#AboutsubNav ul li#nav_2 a{
  width: 85px;
  background-position: -66px 0px;
}

#AboutsubNav ul li#nav_2.here a{
  width: 85px;
  background-position: -66px -11px;
}

#AboutsubNav ul li#nav_3 a{
  width: 78px;
  background-position: -150px 0px;
}

#AboutsubNav ul li#nav_3.here a{
  width: 70px;
  background-position: -150px -11px;
}

#NewssubNav { position:absolute; bottom: 20px; left: 520px; z-index:81; width: 251px; height: 11px; overflow: hidden; float: left; }

#NewssubNav ul {height:11px; width: 251px; position:absolute; left: 20px;  list-style: none; float: left;}
#NewssubNav ul li{float: left; display: block; }
#NewssubNav ul li a { background:url(../images/content/news-nav.png) no-repeat 0 0;display:block;height:11px;text-indent:-9009px;outline: none; width: 251px;  }

#NewssubNav ul li#nav_01 a{
  width: 40px;
  background-position: 0 0;
  padding-right: 7px;
}

#NewssubNav ul li#nav_01.here a{
  width: 40px;
  background-position: 0 -12px;
  padding-right: 7px;
}

#NewssubNav ul li#nav_02 a{
  width: 28px;
  background-position: -49px 0;
  margin-left: 5px;
  
}

#NewssubNav ul li#nav_02.here a{
  width: 28px;
  background-position: -49px -11px;
  margin-left: 5px;
}

#NewssubNav ul li#nav_03 a{
  width: 70px;
  background-position: -81px 0;
  margin-left: 5px;
}

#NewssubNav ul li#nav_03.here a{
  width: 70px;
  background-position: -81px -11px;
  margin-left: 5px;
}

#NewssubNav ul li#nav_04 a{
  width: 71px;
  background-position: -158px 0;
  margin-left: 5px;
}




h1 a { position:absolute; top:28px; left: 33px; width:139px; height:95px; text-indent: -5000px; background:url(../images/logo.png); z-index:300; outline: none;}




.switchChannels { position:absolute; height:36px; width: 161px; bottom: 10px; right: 20px; background:url(../images/switch.png) no-repeat; text-indent:-5000px; z-index:70;overflow:auto}
.ContactEngage { position:absolute; height:71px; width: 434px; bottom: 340px; left: 100px; background:url(../images/content/contact-engage.png) no-repeat; text-indent:-5000px; z-index:70;overflow:auto}


.box{position:absolute; top:30%; left:100px; width:347px; text-align: left; font-size:12px; color:#fff; font-weight: normal!important; background: url(../images/background/content/box-top.png) no-repeat;   }
.box#homeBox{top:40%; }
.box#purpose {position: absolute; left: auto!important; right: 5%!important; top: 15%; }
.box#how {position: absolute; left: auto; right: 520px;  top: auto; bottom: 10%; }
.box#contact { width:275px; height: 285px; background: url(../images/background/content/box-contact.png) no-repeat; top: auto; bottom: 40px; line-height: 14px;  }


.box div a{text-decoration:underline} 
.box li {font-size: 11px; list-style-image:url(../images/bullet.gif);  padding-left: 0; margin-left: 0;}
.box ul {float: left; padding-left: 11px;}
.boxHeader {width:347px; height: 26px; }
.boxBody   { background: url(../images/background/content/box-middle.png) repeat-y ; width:365px; clear: both; display:block;  height: 100%; overflow-x: auto; overflow-y:hidden}
#contact div.boxBody   { background: none!important; width:285px; overflow:hidden;}
.boxBody ul { margin: 0 0 5px 0;}
.boxFooter   { background: url(../images/background/content/box-bottom.png) no-repeat; width:347px; clear: both; height: 32px; }
#contact div.boxFooter   { background: none; width:285px;  height: 0; }


.Newsbox{position:absolute; top:30%; left:70px; width:459px; text-align: left; font-size:12px; color:#fff; font-weight: normal!important; background: url(../images/background/content/box-news-top.png) no-repeat; margin: 0; padding: 0;   }
.Newsbox div a{text-decoration:underline} 
.Newsbox li {font-size: 11px; list-style-image:url(../images/bullet.gif);  padding-left: 0; margin-left: 0;}
.Newsbox ul {float: left; padding-left: 11px;}
.NewsboxHeader {width:350px; height: 26px; }
.NewsboxBody   { background: url(../images/background/content/box-news-middle.png) repeat-y ; width:459px; clear: both; display:block;  height: 100%; overflow-x: auto; overflow-y:hidden; margin-left: 5px;}
.NewsboxFooter   { background: url(../images/background/content/box-news-bottom.png) no-repeat; width:459px; clear: both; height: 32px; margin-left: 5px; }


#contact div.boxBody   { background: none!important; width:285px; overflow:hidden;}


#home { width: 285px; padding: 0 0 0 30px; }
#home h2 { text-indent: -9000px; margin: 105px 0 0 0; padding: 0; background: url(../images/content/engange-audience.png) no-repeat; height: 55px;  width:208px; position: relative; }

#aboutUs { width: 285px; padding: 0 0 10px 30px; }
#aboutUs h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/about-us.png) no-repeat; height: 30px;  width:208px; position: relative; }

#aboutUs-purpose { width: 285px; padding: 0 0 10px 30px; }
#aboutUs-purpose h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/purpose.png) no-repeat; height: 30px;  width:116px; position: relative; }

#aboutUs-how { width: 285px; padding: 0 0 10px 30px; }
#aboutUs-how h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/howwedoit.png) no-repeat;  position: relative; height: 30px;}

#aboutUs-purpose { width: 285px; padding: 0 0 10px 30px; }
#aboutUs-purpose h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/purpose.png) no-repeat; height: 30px;  width:116px; position: relative; }

.TheWork { width: 285px; padding: 0 0 10px 30px; }
.TheWork h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/work.png) no-repeat;  position: relative; height: 30px;}

#WorkKey { width: 285px; padding: 30px 0 10px 25px; }
#WorkKey h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/work.png) no-repeat;  position: relative; height: 30px;}





.News { width: 390px; padding: 0 0 10px 30px; }
.News h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/news.png) no-repeat;  position: relative; height: 30px;}
.News h3 { text-indent: -9000px; margin: 40px 0 0 0; padding: 0; background: url(../images/content/newsletters.png) no-repeat;  position: relative; height: 10px;}


.Contact { width: 285px; padding: 0 0 10px 30px; }
.Contact h2 { text-indent: -9000px; margin: 0px 0 0 0; padding: 0; background: url(../images/content/contact.png) no-repeat;  position: relative; height: 30px;}

 a {color: #fff; text-decoration: none!important;}


.HowDiagram {  position:absolute; bottom: 10%; right: 20px; float: right; z-index:70; overflow:auto;  }

div.qtcontent h2.design {background: url(../images/content/channel-design.png) no-repeat;  position: relative; height: 13px; ; margin-top: 15px; padding: 0; } 

div.qtcontent h2.digital {background: url(../images/content/channel-digital.png) no-repeat;  position: relative; height: 13px; ; margin-top: 15px; padding: 0; } 

div.qtcontent h2.experiential {background: url(../images/content/channel-experimental.png) no-repeat;  position: relative; height: 13px; width:85px; margin-top: 15px; padding: 0; } 

div.qtcontent h2.PointOfPurchase {background: url(../images/content/channel-point.png) no-repeat;  position: relative; height: 13px;  margin-top: 15px; padding: 0; } 

div.qtcontent h2.Promotional {background: url(../images/content/channel-promotional.png) no-repeat;  position: relative; height: 13px; ; margin-top: 15px; padding: 0; } 

div.qtcontent h2.Consultation {background: url(../images/content/channels-consultation.png) no-repeat;  position: relative; height: 13px; ; margin-top: 15px; padding: 0; } 



dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;width:430px}
dd{height:0px;overflow:hidden;width:440px}

.post {

padding-top: 10px;
border-top: 1px #FFF solid;
}

.post h3 {

padding-bottom: 10px;
}

.postmetadata {

padding-bottom: 10px;
}

#mc_embed_signup {

	width: 400px;
	margin-top: -60px;
}