var aboutd=document.getElementById("idabout"), catd=document.getElementById("idcat"),
dogd=document.getElementById("idog"), bird=document.getElementById("idbird"), smalld=document.getElementById("idsmall"), 
reptd=document.getElementById("idrept"), aquad=document.getElementById("idaqua"), wild=document.getElementById("idwild"),
board=document.getElementById("idboard"), contactd=document.getElementById("idcontact"), newsd=document.getElementById("idnews"),
offerd=document.getElementById("idoffer");

set_pos();
window.onresize=set_pos;
function set_pos()
{
  winw = document.body.clientWidth;
  if (winw > 770)
    posleft =  (winw - 770)/2;
  else
    posleft = 0;
  offerd.style.left=posleft + 24 + "px";
  newsd.style.left=posleft + 67 + "px";
  aboutd.style.left=posleft + 4 + "px";
  catd.style.left=posleft + 68 + "px";
  dogd.style.left=posleft + 25 + "px";
  bird.style.left=posleft + 64 + "px";
  smalld.style.left=posleft + 7 + "px";
  reptd.style.left=posleft + 65 + "px";
  aquad.style.left=posleft + 18 + "px";
  wild.style.left=posleft + 69 + "px";
  board.style.left=posleft + 4 + "px";
  contactd.style.left=posleft + 66 + "px";
  offerd.style.visibility = "visible";
  newsd.style.visibility = "visible";
  aboutd.style.visibility = "visible";
  catd.style.visibility = "visible";
  dogd.style.visibility = "visible";
  bird.style.visibility = "visible";
  smalld.style.visibility = "visible";
  reptd.style.visibility = "visible";
  aquad.style.visibility = "visible";
  wild.style.visibility = "visible";
  board.style.visibility = "visible";
  contactd.style.visibility = "visible";
}