Špatně zarovnaný jQuery slider

FYP:
„při tvorbě webu sem se zastavil u problému s pozicováním“
Zastavit by ses měl i jinde, v kódu máš dost zbytečných věcí.

U #logo ti stačí jen
height: 151px;, šířka ne - element se natáhne přes celou šířku, floatování ne - element chceš mít přes celou šířku, margin ne - ten co tam máš, se používá k centrování a to je tady zbytečné

Ta levá část s ikonkou domečku přesahuje 55px, proto floatovaný slider nezačíná od kraje. Vyřešit se to dá .domu img { vertical-align: bottom; }
Kromě toho ikonka domečku není obsahový obrázek, tak není důvod ho mít jako img, ale spíš jako pozadí přes CSS background. Naopak zase logo patří do obsahu.

U #slider si dej ukončení plovoucích (floatovaných) elementů clear: left;

Slider pak můžeš vycentrovat, když u .container odebereš float: left; a vycentruješ pomocí margin: 0 auto;.

menu pak odebereš margin: 0 auto; ale nastavíš mu margin-bottom: 20px;