как элемент найти мне и так понятно, мне единственный вопрос не ясен, как его свободно двигать в лево право верх низ, тоесть простыми командами left right понятно указываю в место них 56px все стоит на месте.
и еще не ясно как разные блоки обеднять, как в данном примере лого отдельный блок шапка отдельный. как их в один засунуть ,или как один блок на другого наложить???

так, сделал чуть проще, перенес морду в блок с логотипом.
но это не решило проблемы.
как остальные элементы поднять ?
ребят ну подскажите. совсем ведь дерево я.

господа, если вы не хотите помогать бесплатно, то тогда хотя бы напишите в личку сколько это будет стоить.

господа знающие.
скажите в чем ошибка ?
#header {
<div id="one">
float: left;
color: red;
height:221px;
width: 99%;
text-align: right;
padding-top: 35px;
padding-left: 15px;
background: url('../img/headernew.jpg') no-repeat left top;

}

h1#logo {
<div id="two"></div>
float: none;
width: 680px;
margin-top: 0.02em;
padding-left:24px;
padding-bottom:15px;
padding-top:3px;

#one{
position: absolute;

z-index: 10;
}
#two{
position: absolute;
left: 50px;
top: 30px;
z-index: 15;
}

и так тоже на накладываются объект
#header {
float: left;
color: red;
height:221px;
text-align: right;
padding-top: 35px;
padding-left: 15px;
background: url('../img/headernew.jpg') no-repeat left top;
width: 200px;
height: 200px;
border: solid 1px #ccc;
position: relative;
z-index: 1;
}
h1#logo {
float: none;
margin-top: 0.02em;
padding-left:24px;
padding-bottom:15px;
padding-top:3px;
position: relative;
width: 200px;
height: 200px;
border: solid 1px #4a7497;
z-index: 2;

}

что не так делаю?

Уважаемый Алекс!
подскажите, все праздники на чтиво потратил. чую что где-то близко и по мелочи. а не знаю где.

Поставьте плагин Firebug для Mozilla Firefox и пробуйте менять стили онлайн, так проще править.

можно удалить тему, или адрес сайта.
спасибо всем за помощь.