Как в css сделать кнопку из png изображения и также задать параметры — Курсор на кнопкой, нажатие, активная см детали ↓

Доброго времени суток, т. к я начинающий кодер у меня вопрос к высшим умам. Как в html с css сделать вместо кнопок buttion сделать свои из png. Примеры ниже Например чтобы в бездействии было синее изображение, когда курсор над кнопкой — голубоватое, при нажатии — темно-синее. А когда я уже нажал на кнопку и перешел в раздел хотелось бы чтобы кнопка горела зеленым. В Adobe muse это возможно но как в ручную закодить ?

И ещё небольшой вопросик как сделать шапку из png и при этом чтобы я мог на неё поместить логотип. Когда я пытаюсь так сделать то эта шапка отодвигается либо в сторону либо вниз (увы я не все свойства еще знаю). Пример шапки на картинке хотел немного сделать прозрачной.