.showe a, .showe a:hover, .showe a:active, .showe a:focus{
text-decoration: none;
}
.showe img {border:none;}
.select li {
margin:0px;
padding:0px;
width:180px;
}

html>body #staffnav li a{display:block;margin:0;}

.select li a {
display:block;
position:relative;
color:#fff;
text-decoration:none;
font:900 12px Verdana, Arial, Helvetica, sans-serif;
width:auto;
margin:0px;
padding:5px;
}

.select li a:hover {
display:block;
background-color:#cccc99;
color:#000;
}

.select li a:active, .select li a:focus {
display:block;
background-color:#7E7E5C;
color:#fff;
}

#employees .hide {
display:none;
 }

#employees .showe {
display:block;
position:relative;
width:500px;
height:400px;
}

#stafflist {
display:block;
position:absolute;
left:10px;
width:500px;
height:400px;
z-index:36;
overflow:hidden;}


.showe ul {
display:block;
margin:0; padding:0;
overflow:hidden; /* Clears the floats */
width:500px; /* IE and older Opera fix for clearing, they need a dimension */
list-style:none;}

.showe li {
display:inline;
color:#000;
float:left;
text-decoration:none;
position: static;
background:#cccc99 url(images/picback.gif) no-repeat;
padding:0px;
margin:5px 20px 20px;
width:120px;
height:164px;
font-size:0pt;
border: none; 
}



html>body #employees li a .span {width:auto;z-index:35;text-decoration: none;}

.showe li a em{
display:block;
font:900 10px Verdana, Arial, Helvetica, sans-serif;;
color:#ff0000;
position: absolute;
width: 140px;
margin-top:145px;
margin-left:-10px;
text-align:center;
}

.showe li a img{
margin:5px;
width:110px;
height:140px
}

.showe li a p{font-size:0pt; display:none; }

html>body #employees .showe ul li a:hover {width:auto;}
.showe li a:hover span{
  z-index:200;
  display:block;
  position: absolute;
  padding-left:10px;
  padding-top:10px;
  width:300px;
  height:300px;
  border:1px solid #000;
  background-color: #cccc99;
  font: 100 12px Verdana, Arial, Helvetica, sans-serif;
  overflow:auto;
  }
.showe ul li a:hover, .showe ul li a:active, .showe ul li a:focus{
display:block;
z-index:201;
position: absolute;
width:300px;
height:300px;
}

.showe ul li a:hover span img {
  display:inline;
  position:absolute;
  top:0px;
  left:0px;
}

.showe ul li a:hover span em {
display:block;
font:900 14px Verdana, Arial, Helvetica, sans-serif;
color:#930;
position: relative;
width: 110px;
margin-top:145px;
margin-left:-10px;
text-align:center;
}

.showe ul li a:hover span p{
display:block;
position: absolute;
margin:0px;
top:5px;
left:120px;
width: 165px;
font:100 12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
padding-bottom:5px;
}

.showe ul li a.a1:hover span{
   z-index:1000;
   margin:5px;}

.showe ul li a.a2:hover span{
   margin:5px -96px; }

.showe ul li a.a3:hover span{
  margin:5px -192px; }

.showe ul li a.b1:hover span{
  margin:-98px 5px; }

.showe ul li a.b2:hover span{
  margin:-98px -96px;}

.showe ul li a.b3:hover span{
  margin:-98px -192px;}