/* CSS Document */
#bar-menu { cursor:pointer; width: 650px; height: 65px; padding: 0; margin: 10px auto 0 auto; display: table; }

#bar1 { width: 100px; height: 65px; padding: 0; margin: 0; background-image: url(images/bar/bar1.gif); background-position: -100px; background-repeat: no-repeat; display: block; float: left; }
#bar1:hover { background-position: 0; }

#bar2 { width: 100px; height: 65px; padding: 0; margin: 0 0 0 10px; background-image: url(images/bar/bar2.gif); background-position: -100px; background-repeat: no-repeat; display: block; float: left; }
#bar2:hover { background-position: 0; }

#bar3 { width: 100px; height: 65px; padding: 0; margin: 0 0 0 10px; background-image: url(images/bar/bar3.gif); background-position: -100px; background-repeat: no-repeat; display: block; float: left; }
#bar3:hover { background-position: 0; }

#bar4 { width: 100px; height: 65px; padding: 0; margin: 0 0 0 10px; background-image: url(images/bar/bar4.gif); background-position: -100px; background-repeat: no-repeat; display: block; float: left; }
#bar4:hover { background-position: 0; }

#bar5 { width: 100px; height: 65px; padding: 0; margin: 0 0 0 10px; background-image: url(images/bar/bar5.gif); background-position: -100px; background-repeat: no-repeat; display: block; float: left; }
#bar5:hover { background-position: 0; }

#bar6 { width: 100px; height: 65px; padding: 0; margin: 0 0 0 10px; background-image: url(images/bar/bar6.gif); background-position: -100px; background-repeat: no-repeat; display: block; float: left; }
#bar6:hover { background-position: 0; }

