/* Thanks to the Tango icon-theme for the colors! */

html, body {
    margin: 0px 0px 0px 0px;
  }


body {
    background-attachment : fixed;
    background-image : url('index.jpg');
    background-position : bottom right;
    background-repeat : no-repeat;
  }


.link a, .link a:link {
    text-decoration: none;
    color: inherit;
  }


.link {
    height: 12.5%;
    min-height: 70px;
    margin: 0px 0px 0px 0px;
    background-color : transparent;
    border-bottom-color : #fce94f;
    border-bottom-style : solid;
    border-bottom-width : 20px;
    color: #babdb6;
    font-size: 50px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
    font-family : 'Tahoma', sans-serif;
    font-variant : small-caps;
    font-weight : lighter;
  }


.link:hover {
    background-color: #fce94f;
    border-bottom-color: #c4a000;
    color: #fff;
  }


.link#l2 {
    border-bottom-color: #fcac3e;
  }


.link#l2:hover {
    background-color: #fcac3e;
    border-bottom-color: #ce5c00;
  }


.link#l3 {
    border-bottom-color: #e9b96e;
  }


.link#l3:hover {
    background-color: #e9b96e;
    border-bottom-color: #8f5902;
  }


.link#l4 {
    border-bottom-color: #8ae234;
  }


.link#l4:hover {
    background-color: #8ae234;
    border-bottom-color: #4e9a06;
  }


.link#l5 {
    border-bottom-color: #729fcf;
  }


.link#l5:hover {
    background-color: #729fcf;
    border-bottom-color: #204a87;
  }


.link#l6 {
    border-bottom-color: #ad7fa8;
  }


.link#l6:hover {
    background-color: #ad7fa8;
    border-bottom-color: #5c3566;
  }


.link#l7 {
    border-bottom-color: #ef2929;
  }


.link#l7:hover {
    background-color: #ef2929;
    border-bottom-color: #a40000;
  }


.link#l8 {
    border-bottom-color: #888a85;
  }


.link#l8:hover {
    background-color: #888a85;
    border-bottom-color: #2e3436;
  }