body#hp {
  background: #d2cbbd url(../img/hp-bg.jpg) no-repeat center top;
  height: 100%;
  width: 100%;
}

#containerCenter {
  float: left;
  height: 50%;
  margin-bottom: -280px;
  width: 100%;
}
#container {
  clear: both;
  height: 550px;
  padding: 0 3px;
  width: 954px;
}
* html #container {
  width: 960px;
}

h1 {
  background: url(../img/hp-logo-big.gif) no-repeat left top;
  height: 32px;
  float: left;
  margin: 20px 0;
  text-indent: 140px;
  overflow: hidden;
  width: 140px;
}

#hpNavi {
  background: transparent;
  float: right;
  margin-top: 20px;
  position: relative;
  z-index: 3;
}
#hpNavi li {
  float: left;
  font-size: 1.20em;
  margin-left: 25px;
  padding-bottom: 20px;
  position: relative;
}
#hpNavi li.first {
  margin: 0;
}
#hpNavi li:hover, #hpNavi li:active, #hpNavi li:focus, #hpNavi li.hover {
  background: url(../img/hp-navi.gif) no-repeat center bottom;
}
#hpNavi li span {
  height: 32px;
  overflow: hidden;
}
#hpNavi li strong {
  line-height: 33px;
  padding: 0 45px;
}
#hpNavi li .bAsia strong {
  padding: 0 30px;
}
#hpNavi li .bALatin strong {
  padding: 0 23px;
}
#hpNavi li .bAmerica strong {
  padding: 0 20px;
}
#hpNavi li .bAfrica strong {
  padding: 0 47px;
}
#hpNavi div {
  background: url(../img/navi-li-b.png) no-repeat left bottom;
  display: none;
  left: 1px;
  padding-bottom: 1px;
  overflow: hidden;
  position: absolute;
  top: 52px;
  width: 161px;
}
#hpNavi .col2 div {
  background: url(../img/navi-li-2col-b.png) no-repeat left bottom;
  width: 328px;
}
#hpNavi .col2 ul {
  background: url(../img/navi-li-2col-t.png) no-repeat left top;
}
#hpNavi .last div {
  left: auto;
  right: 1px;
}
#hpNavi li:hover div, #hpNavi li:active div, #hpNavi li:focus div, #hpNavi li.hover div {
  display: block;
}
#hpNavi ul {
  background: url(../img/navi-li-t.png) no-repeat left top;
  padding: 15px 14px 20px;
}
#hpNavi ul li {
  display: inline;
  float: left;
  font-size: 0.75em;
  margin-left: 10px;
  padding: 7px 0 0;
  text-transform: uppercase;
  width: 110px;
}
#hpNavi .col2 ul li {
  width: 135px;
}
#hpNavi ul li:hover, #hpNavi ul li:active, #hpNavi ul li:focus, #hpNavi ul li.hover {
  background: transparent;
}
#hpNavi ul li a {
  text-decoration: none;
}

#hpImgs {
  clear: both;
  height: 401px;
  margin-bottom: 20px;
  position: relative;
}
#hpLink {
  display: block;
  height: 400px;
  left: 0;
  position: absolute;
  top: 0;
  width: 952px;
  z-index: 2;
}
#hp1, #hp2, #hp3, #hp4, #hp5, #hp6, #hp7 {
  background-position: left top;
  background-repeat: no-repeat;
  height: 126px;
  left: 0;
  position: absolute;
  top: 0;
  width: 126px;
}
#hp1 {
  background-image: url(../img/hp-13.jpg);
}
#hp2 {
  background-image: url(../img/hp-23.jpg);
  left: 276px;
}
#hp3 {
  background-image: url(../img/hp-33.jpg);
  left: 413px;
}
#hp4 {
  background-image: url(../img/hp-43.jpg);
  height: 401px;
  left: 552px;
  width: 401px;
}
#hp5 {
  background-image: url(../img/hp-53.jpg);
  height: 263px;
  top: 139px;
  width: 263px;
}
#hp6 {
  background-image: url(../img/hp-63.jpg);
  left: 276px;
  top: 139px;
}
#hp7 {
  background-image: url(../img/hp-73.jpg);
  left: 413px;
  top: 276px;
}

h2 {
  font-size: 3.3em;
  float: left;
  color: #555;
  line-height: 1px;
}
h2 strong {
  color: #d52300;
}
p {
  float: right;
  font-size: 1.33em;
}
a.btnOrange, a.btnBlack {
  height: 32px;
  overflow: hidden;
}
a.btnOrange strong, a.btnBlack strong {
  line-height: 36px;
}