/*{{{ =Layout*/ 

* {
  margin: 0; padding: 0;
  border: none;
  list-style: none;
}


html, body {
  height: 100%;
}


.h-container-holder {
  width: expression(document.body.clientWidth > 800 ? '100%' : '800px'); min-width: 800px;
  height: 100%; min-height: 644px;
  text-align: center;
  background: #fff;
}


#dummy {
  float: left;
  width: 1px; height: 50%;
  margin-bottom: -322px;
}


.h-container {
  width: 562px; height: 644px;
  clear: left;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

/*}}}*/


/*{{{ =H-container*/  

h1 {
  width: 276px; height: 277px;
  background: url(../images/h1-bg.png) 0 0 no-repeat;
  text-indent: -9999px;
  position: absolute; top: 183px; left: 143px; z-index: 990;
  font: 13px Arial, sans-serif;
  zoom: 1;
}

h1 a {
  display: block;
  width: 100%; height: 100%;
  outline: none;
  text-decoration: none;
  color: #282525;
}


ul.partners li {
  width: 132px; height: 132px;
  position: absolute; 
  font: 13px Arial, sans-serif;
  zoom: 1;
}

ul.partners li a {
  display: block;
  width: 100%; height: 100%;
  text-decoration: none;
  color: #282525;
  outline: none;
}

li#bbdo-m {
  top: 40px; left: 0;
  background: url(../images/t1-bg.png) 0 0 no-repeat;
}

li#instinct {
  top: 40px; left: 143px;
  background: url(../images/t2-bg.png) 0 0 no-repeat;
  width: 133px;
}

li#omd {
  top: 40px; left: 286px;
  background: url(../images/t3-bg.png) 0 0 no-repeat;
  width: 133px;
}

li#phd {
  top: 40px; left: 430px;
  background: url(../images/t4-bg.png) 0 0 no-repeat;
}

li#media {
  top: 183px; left: 430px;
  background: url(../images/t5-bg.png) 0 0 no-repeat;
  height: 133px;
}

li#code {
  top: 327px; left: 430px;
  background: url(../images/t6-bg.png) 0 0 no-repeat;
  height: 133px;
}

li#brand {
  top: 471px; left: 430px;
  background: url(../images/t7-bg.png) 0 0 no-repeat;
}

li#bbdo-b {
  top: 471px; left: 286px;
  background: url(../images/t8-bg.png) 0 0 no-repeat;
  width: 133px;
  z-index: 999;
}

li#proximity {
  top: 471px; left: 143px;
  background: url(../images/t9-bg.png) 0 0 no-repeat;
  width: 133px;
  z-index: 999;
}

li#pleon {
  top: 471px; left: 0;
  background: url(../images/t10-bg.png) 0 0 no-repeat;
  z-index: 999;
}

li#bbdo-i {
  top: 327px; left: 0;
  background: url(../images/t11-bg.png) 0 0 no-repeat;
  height: 133px;
  z-index: 999;
}

li#word {
  top: 183px; left: 0;
  background: url(../images/t12-bg.png) 0 0 no-repeat;
  height: 133px;
}


span.prompting {
  float: left;
  width: 210px; height: 60px;
  cursor: pointer;
  position: absolute; top: -9999px; left: 68px; z-index: 990;
  text-indent: 0;
}

h1 a span.prompting {
  left: 135px;
}

a:hover {
  position: relative; z-index: 990;
}

a:hover span.prompting {
  top: -40px;
}

span.prompting strong {
  float: left;
  width: 12px; height: 60px;
  background: url(../images/prompt-right-bg.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/prompt-right-bg.png",sizingMethod="scale");
  white-space: nowrap;
}

span.prompting em {
  float: left;
  height: 49px;
  background: url(../images/prompt-left-bg.png) 0 0 no-repeat;
  padding: 11px 0 0 11px;
  font-style: normal;
}

/*}}}*/