div#infographic_bg {
  margin: 0 auto;
  text-align: left;
  background: url(../images/full_life_of_loan.jpg) no-repeat;
  width: 940px;
  height: 267px;
  padding-top: 0px;
}

ul#infographic_services {
  list-style:none;
  width: 940px;
  margin: 0;
  padding: 52px 0 0 21px;
}


ul#infographic_services li{
  float: left;
  margin: 0;
  width: 100px;
  height: 144px;
  z-index: 0;
}

li.service-popup1,
li.service-popup2,
li.service-popup3,
li.service-popup4,
li.service-popup5,
li.service-popup6,
li.service-popup7,
li.service-popup8,
li.service-popup9 {
  margin: 0px 0px;
  padding: 0;
  width: 100px;
  height: 144px;
  position: relative;
}


li.service-popup1 div,
li.service-popup2 div,
li.service-popup3 div,
li.service-popup4 div,
li.service-popup5 div {
  background: url(../images/bubble-right.png) no-repeat;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0px;
  left: 115px;
  text-align: left;
  text-indent: 0px;
  padding-left: 40px;
  padding-top: 10px;
  padding-right: 15px;
  z-index: 4;
  display: none;
  font-size: 10px;
  font-family: arial;
  font-style: normal;
/*  border: 1px red solid;
*/  
}



li.service-popup6 div,
li.service-popup7 div,
li.service-popup8 div,
li.service-popup9 div {
  background: url(../images/bubble-left.png) no-repeat;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0px;
  left: -215px;
  text-align: left;
  text-indent: 0px;
  z-index: 4;
  display: none;
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 20px;
  font-size: 10px;
  font-family: arial;
  font-style: normal;
/*  border: 1px solid green;  
*/
}

a#service-icon1,
a#service-icon2,
a#service-icon3,
a#service-icon4,
a#service-icon5,
a#service-icon6,
a#service-icon7,
a#service-icon8,
a#service-icon9 {
  width: 100px;
  height: 144px;
  text-indent: -9999px;
  margin: 0 auto;
  display: block;
  z-index: 0;
}

/*
a#service-icon1 {
  background: url(../images/icon1.jpg) no-repeat 0 -144px;
}
a#service-icon2 {
  background: url(../images/icon2.jpg) no-repeat 0 -144px;
}
a#service-icon3 {
  background: url(../images/icon3.jpg) no-repeat 0 -144px;
}
a#service-icon4 {
  background: url(../images/icon4.jpg) no-repeat 0 -144px;
}
a#service-icon5 {
  background: url(../images/icon5.jpg) no-repeat 0 -144px;
}
a#service-icon6 {
  background: url(../images/icon6.jpg) no-repeat 0 -144px;
}
a#service-icon7 {
  background: url(../images/icon7.jpg) no-repeat 0 -144px;
}
a#service-icon8 {
  background: url(../images/icon8.jpg) no-repeat 0 -144px;
}
a#service-icon9 {
  background: url(../images/icon9.jpg) no-repeat 0 -144px;
}
*/

a:hover#service-icon1 {
  background: url(../images/icon1.jpg) no-repeat 0px 0px;
}
a:hover#service-icon2 {
  background: url(../images/icon2.jpg) no-repeat 0px 0px;
}
a:hover#service-icon3 {
  background: url(../images/icon3.jpg) no-repeat 0px 0px;
}
a:hover#service-icon4 {
  background: url(../images/icon4.jpg) no-repeat 0px 0px;
}
a:hover#service-icon5 {
  background: url(../images/icon5.jpg) no-repeat 0px 0px;
}
a:hover#service-icon6 {
  background: url(../images/icon6.jpg) no-repeat 0px 0px;
}
a:hover#service-icon7 {
  background: url(../images/icon7.jpg) no-repeat 0px 0px;
}
a:hover#service-icon8 {
  background: url(../images/icon8.jpg) no-repeat 0px 0px;
}
a:hover#service-icon9 {
  background: url(../images/icon9.jpg) no-repeat 0px 0px;
}