*{
  margin: 0;
  padding: 0;
}

a img{
  border: 0;
}
p{
  text-indent:30px;
}
body { 
  font-family:  Verdana, Helvetica, sans-serif;
  font-size: 13px;
  color: #707070;
  background: url(../images/mobaks-left.jpg) 0px 0px repeat-x;
} 

#main a{
  display: block;
  position: absolute;
  color: #ccc;
  text-decoration: none;
  font-size: 20px;
  font-style: italic;
  text-indent: 150px;
  overflow: hidden;
  width: 150px;
  height: 30px;
  z-index: 110;
  overflow: hidden;
  background: url('images/0.gif') no-repeat;
}
a:active, a:focus {
  outline: none;
}
a:hover{
  color: #eee;
}

#main { 
  width: 1000px;
  height: 850px;
  background-image: url(../images/mobaks-left.jpg);
  position: absolute;
  left : 50%;
  right : 50%;
  margin-left : -500px;
  z-index: 1;
} 
#right{
  position: absolute;
  right : 0;
  top : 0;
  background: url(../images/mobaks-right.jpg) 0px 0px repeat-x;
  width: 500px;
  height: 855px;
  background-color: #eee;
  z-index: 0;
  
}
object{
  display: block;
  position: absolute;
  z-index: 0;
}


a.about{
  top: 725px;
  left: 820px;
}
a.shop{
  
  top: 195px;
  left: 20px;
}
a.action{
  top: 385px;
  left: 860px;
}
a.repair{
  
  top: 185px;
  left: 290px;
}
a.contact{
  top: 665px;
  left: 70px;
}
div.slogan{
  display: block;
  position: absolute;
  color: #eee;
  text-decoration: none;
  font-size: 24px;
  font-style: italic;
  top: 65px;
  left: 0px;
  width: 300px;
  height: 30px;
  overflow: hidden;
  text-indent: 1000px;
}
i { display: block; position: absolute; bottom:0; right: 10px; width: 200px; color: #eee; z-index: 9999; font-style: normal; color: #777;}
i a { color: #777; }
