function res()
{
	var el = document.getElementById("main");
	if((document.documentElement.clientWidth | document.body.clientWidth) < 953)
		el.style.left = "3px";
	else
		el.style.left = (((document.documentElement.clientWidth | document.body.clientWidth) - 950) >> 1) + "px";
	
	var mainpic = document.getElementById("mainpic");
	var btn_serv = document.getElementById("btn_serv");
	var btn_hard = document.getElementById("btn_hard");
	var btn_soft = document.getElementById("btn_soft");
	var btn_des = document.getElementById("btn_des");
	
	var mpPos = findPos(mainpic);
	var iPos = findPos(document.getElementById('info'));
	
	// .SERVICES button
	btn_serv.style.left = mpPos[0] - iPos[0] + 47 + "px";
	btn_serv.style.top = mpPos[1] - iPos[1] + 14 + "px";
	
	// .HARDWARE button
	btn_hard.style.left = mpPos[0] - iPos[0] + 327 + "px";
	btn_hard.style.top = mpPos[1] - iPos[1] + 36 + "px";
	
	// .SOFTWARE button
	btn_soft.style.left = mpPos[0] - iPos[0] + 307 + "px";
	btn_soft.style.top = mpPos[1] - iPos[1] + 253 + "px";
	
	// .DESIGN button
	btn_des.style.left = mpPos[0] - iPos[0] + 37 + "px";
	btn_des.style.top = mpPos[1] - iPos[1] + 316 + "px";	
}

function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft, curtop];
}

function mouseOverMainPageBtn(el)
{
	el.style.border = "solid 1px #767676";
}

function mouseOutMainPageBtn(el)
{
	el.style.border = "none";
}