#navigation {
    background-image: url("images/navigation.png");
    height: 37px;
    margin: auto;
    width: 956px;
}

#buttons ul {
    display: block;
    list-style: none;
}

#buttons li {
    display: inline-block;
    margin: 5px 0;
}

#button-home {
	background: url("images/buttons/home.png");
	height: 24px;
	width: 50px;
}

#button-home:hover { background: url("images/buttons/home-hover.png"); }

#button-blog {
	background: url("images/buttons/blog.png");
	height: 24px;
	width: 68px;
}

#button-blog:hover { background: url("images/buttons/blog-hover.png"); }

#button-gallery {
	background: url("images/buttons/gallery.png");
	height: 24px;
	width: 60px;
}

#button-gallery:hover { background: url("images/buttons/gallery-hover.png"); }

#button-board {
	background: url("images/buttons/board.png");
	height: 24px;
	width: 50px;
}

#button-board:hover { background: url("images/buttons/board-hover.png"); }

#button-tutorials {
	background: url("images/buttons/tutorials.png");
	height: 24px;
	width: 68px;
}

#button-tutorials:hover { background: url("images/buttons/tutorials-hover.png"); }

#button-resources {
	background: url("images/buttons/resources.png");
	height: 24px;
	width: 79px;
}

#button-resources:hover { background: url("images/buttons/resources-hover.png"); }

#button-about {
	background: url("images/buttons/about.png");
	height: 24px;
	width: 53px;
}

#button-about:hover { background: url("images/buttons/about-hover.png"); }

#about-contacts {
	background: url("images/buttons/about-contacts.png");
	height: 22px;
	width: 16px;
}

#button-contacts {
	background: url("images/buttons/contacts.png");
	height: 24px;
	width: 70px;
}

#button-contacts:hover { background: url("images/buttons/contacts-hover.png"); }

.div-line {
	background: url("images/buttons/div-line.png");
	height: 20px;
    margin: 0 150px;
	width: 2px;
}