body {
  font: 11px Arial, Helvetica, sans-serif;
  background: #ffffff url(rootimages/main-bg.gif);
  padding: 0;
  margin: 0;
}
img {
  border: none;
}

/* dock - top */
.dock-logo {
  position: absolute; 
  height: 50px; 
  text-align: left;
}
.dock-logo-container {
  position: absolute;
  height: 50px;
  padding-left: 4px;
}

/* dock - top */
.dock {
  position: relative; 
  height: 50px; 
  text-align: center;
}

/* dock - top */
.dock-rt {
  position: relative; 
  height: 50px; 
  text-align: right;
}

.dock-container {
  position: absolute;
  height: 50px;
  background: url(rootimages/dock-bg2.gif);
  padding-left: 20px;
}
a.dock-item {
  display: block;
  width: 40px;
  color: #febe10;
  position: absolute;
  top: 0px;
  text-align: center;
  text-decoration: none;
  font: bold 20px Arial, Helvetica, sans-serif;
}
.dock-item img {
  border: none; 
  margin: 5px 10px 0px; 
  width: 100%; 
}
.dock-item span {
  display: none; 
  padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
  width: 100%;
  bottom: 0px;
  position: absolute;
  left: 0px;
}
.dock-container2 {
  position: absolute;
  height: 50px;
  background: url(rootimages/dock-bg.gif);
  padding-left: 20px;
}
a.dock-item2 {
  display: block; 
  font: bold 12px Arial, Helvetica, sans-serif;
  width: 40px; 
  color: #000; 
  bottom: 0px; 
  position: absolute;
  text-align: center;
  text-decoration: none;
}
.dock-item2 span {
  display: none;
  padding-left: 20px;
}
.dock-item2 img {
  border: none; 
  margin: 5px 10px 0px; 
  width: 100%; 
}
/* --------------------------------------- */
#dock-bottom {
  width: 100%;
  bottom: 0px;
  position: absolute;
  left: 0px;
}
#container-bottom {
  display: table-cell;
  width: 500px; /* example width */
  height: 500px; /* example height */
  vertical-align: bottom;
}