#tags {
      background: #D4F1B1 url(../images/bg-intro.jpg) repeat-y right;
  position: relative;
  height: 170px;
  width: 607px;
  text-align: center;
      font-family: trebuchet MS,sans-serif;
}

#tags a {
  text-decoration: none;
}

#tags a:hover {
  color: #FFF;
}


.tag-01, .tag-02, .tag-03, .tag-04, .tag-05, .tag-06, .tag-07, .tag-08, .tag-09, .tag-10, .tag-11, .tag-12, .tag-13{
  position: absolute;
  }

a.tag-01{
  color: #518070;
  left: 2px;
  top: 0px;
  font-size: 1.6em;
  line-height: 1.8em;
}

a.tag-01:hover {
  font-size: 2em;
}

a.tag-02{
  color: #5C8F66;
  left: 70px;
  top: 36px;
  font-size: 1em;
}

a.tag-02:hover {
  font-size: 1.3em;
}

a.tag-03{
  color: #588669;
  left: 22px;
  top: 88px;
  font-size: 1.1em;
}

a.tag-03:hover {
  font-size: 1.4em;
}

a.tag-04{
  color: #3A519A;
  left: 65px;
  top: 135px;
font-size: 1.4em;
}

a.tag-04:hover {
  font-size: 1.7em;
}

a.tag-05{
  color: #456E24;
  left: 100px;
  top: 90px;
  font-size: 1.1em;
}

a.tag-05:hover {
  font-size: 1.4em;
}

a.tag-06{
  color: #FFFFAA;
  left: 280px;
  top: 34px;
  font-size: 1.1em;
}

a.tag-06:hover {
  font-size: 1.4em;
}

a.tag-07{
  color:#3A519A;
        font-size:1.1em;
        left:390px;
        top:68px;
}

a.tag-07:hover {
  font-size: 1.3em;
}

a.tag-08{
  color: #fff;
  left: 210px;
  top: 106px;
  font-size: 1.3em;
}

a.tag-08:hover {
  font-size: 1.6em;
}

a.tag-09{
  color: #FFFFD4;
  left: 350px;
  top: 145px;
  font-size: 1.0em;
}

a.tag-09:hover {
  font-size: 1.3em;
}

a.tag-10{
  color:#FFFFAA;
        font-size:1.9em;
        left:190px;
        top:56px;
}

a.tag-10:hover {
  font-size: 2.2em;
}

a.tag-11{
  color: #3A519A;
  left: 10px;
  top: 60px;
  font-size: 1em;
}

a.tag-11:hover {
  font-size: 1.2em;
}


a.tag-12{
  color: #E8F4DE;
  left: 490px;
  top: 10px;
  font-size: 1.2em;
}

a.tag-13:hover {
  font-size: 1.1em;
}