BODY{
}

.index {
  background-image: url(../images/logo.gif); background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center 150px;
  height: 400px;
  margin-left: 10%; 
  margin-right: 10%; 
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px;

}

.index a, a:hover, a:visited, a:active {
  display: block;
  text-indent: -2000px;
}

#i1 {
  background-image: url(../images/abouti.gif); 
  background-repeat: no-repeat;
  position: absolute;
  height: 25px;
  width: 164px;
  margin-top:   324px;
  margin-left:  60px;
}

#i2 {
  background-image: url(../images/servicesi.gif); 
  background-repeat: no-repeat;
  position: absolute;
  height: 23px;
  width: 143px;
  margin-top:  341px;
  margin-left:  203px;
}

#i3 {
  background-image: url(../images/clientelei.gif); 
  background-repeat: no-repeat;
  position: absolute;
  height: 31px;
  width: 225px;
  margin-top:   320px;  
  margin-left:  500px;
}

#i4 {
  background-image: url(../images/teami.gif); 
  background-repeat: no-repeat;
  position: absolute;
  height: 28px;
  width: 84px;
  margin-top:   340px;  
  margin-left:  700px;
}

#i5 {
  background-image: url(../images/contacti.gif); 
  background-repeat: no-repeat;
  position: absolute;
  height: 28px; 
  width: 84px;    
  margin-top:   340px;  
  margin-left:  774px;
}

#i6 {
  background-image: url(../images/blogi.gif); 
  background-repeat: no-repeat;
  position: absolute;
  height: 28px; 
  width: 78px;    
  margin-top:   340px;  
  margin-left:  848px;
}

a#i1:hover{
background-image: url(../images/abouti1.gif);   
background-repeat: no-repeat;
height: 30px;  
width: 197px;
z-index: 1;
}

a#i2:hover{
background-image: url(../images/servicesi1.gif);   
background-repeat: no-repeat;
height: 28px;  
width: 172px;
z-index: 1;
}

a#i3:hover{
background-image: url(../images/clientelei1.gif);   
background-repeat: no-repeat;
height: 37px;  
width: 270px;
z-index: 1;
}

a#i4:hover{
background-image: url(../images/teami1.gif);   
background-repeat: no-repeat;
height: 34px;  
width: 101px;
z-index: 1;
}

a#i5:hover{
background-image: url(../images/contacti1.gif);   
background-repeat: no-repeat;
height: 34px;  
width: 101px;
z-index: 1;
}

a#i6:hover{
background-image: url(../images/blogi1.gif);   
background-repeat: no-repeat;
height: 34px;  
width: 94px;
z-index: 1;
}

.footer {
  margin-top: 10px;
  border-top: dotted thin Grey;
  text-align: center;
}