#skyline {
 width: 176px;
 height: 388px;
 background: url(../_img/pn_infosys_box.gif);
 margin: 0px auto; padding: 0;
 position: relative;
  background-repeat: no-repeat;
 outline: none;
}


#skyline li {
   margin: 0; padding: 0; list-style: none; display: block; position: absolute;
   }

#skyline a {
   display: block;
 outline: none;
   }

#panel1a {left: 0px; top: 0px; width: 86px; height: 50px;} /*back*/
#panel2a {left: 92px; top: 0px; width: 86px; height: 50px;}/*forward*/

#panel1b {left: 0px; top: 163px; width: 35px; height: 30px;}/*row 1 item 1*/
#panel2b {left: 46px; top: 163px; width: 35px; height: 30px;}/*row 1 item 2*/
#panel3b {left: 93px; top: 163px; width: 35px; height: 30px;}/*row 1 item 3*/
#panel4b {left: 140px; top: 163px; width: 35px; height: 30px;}/*row 1 item 4*/

#panel1c {left: 0px; top: 202px; width: 35px; height: 30px;}/*row 2 item 1*/
#panel2c {left: 46px; top: 202px; width: 35px; height: 30px;}/*row 2 item 2*/
#panel3c {left: 93px; top: 202px; width: 35px; height: 30px;}/*row 2 item 3*/
#panel4c {left: 140px; top: 202px; width: 35px; height: 30px;}/*row 2 item 4*/

#panel1d {left: 0px; top: 241px; width: 35px; height: 30px;}/*row 3 item 1*/
#panel2d {left: 46px; top: 241px; width: 35px; height: 30px;}/*row 3 item 2*/
#panel3d {left: 93px; top: 241px; width: 35px; height: 30px;}/*row 3 item 3*/
#panel4d {left: 140px; top: 241px; width: 35px; height: 30px;}/*row 3 item 4*/


#panel1a a {height: 50px;}
#panel2a a {height: 50px;}

#panel1b a {height: 30px;}
#panel2b a {height: 30px;}
#panel3b a {height: 30px;}
#panel4b a {height: 30px;}

#panel1c a {height: 30px;}
#panel2c a {height: 30px;}
#panel3c a {height: 30px;}
#panel4c a {height: 30px;}

#panel1d a {height: 30px;}
#panel2d a {height: 30px;}
#panel3d a {height: 30px;}
#panel4d a {height: 30px;}


#panel1a a:hover {background: url(../_img/pn_infosys_box.gif) -177px 0px no-repeat;}
#panel2a a:hover {background: url(../_img/pn_infosys_box.gif) -269px 0px no-repeat;}

#panel1b a:hover {background: url(../_img/pn_infosys_box.gif) -176px -163px no-repeat;}
#panel2b a:hover {background: url(../_img/pn_infosys_box.gif) -223px -163px no-repeat;}
#panel3b a:hover {background: url(../_img/pn_infosys_box.gif) -270px -163px no-repeat;}
#panel4b a:hover {background: url(../_img/pn_infosys_box.gif) -317px -163px no-repeat;}

#panel1c a:hover {background: url(../_img/pn_infosys_box.gif) -176px -202px no-repeat;}
#panel2c a:hover {background: url(../_img/pn_infosys_box.gif) -223px -202px no-repeat;}
#panel3c a:hover {background: url(../_img/pn_infosys_box.gif) -270px -202px no-repeat;}
#panel4c a:hover {background: url(../_img/pn_infosys_box.gif) -317px -202px no-repeat;}

#panel1d a:hover {background: url(../_img/pn_infosys_box.gif) -176px -241px no-repeat;}
#panel2d a:hover {background: url(../_img/pn_infosys_box.gif) -223px -241px no-repeat;}
#panel3d a:hover {background: url(../_img/pn_infosys_box.gif) -270px -241px no-repeat;}
#panel4d a:hover {background: url(../_img/pn_infosys_box.gif) -317px -241px no-repeat;}