@charset "utf-8";
/* CSS Document */



#menu ul li { float:left; display:inline-block; height:75px; overflow:hidden; }
#menu ul li a { display:block; height:75px; background-position:top center; background-repeat:no-repeat; text-indent:-5000em; overflow:hidden; }

#menu ul li.but_logo a { background:url(../images/but_logo.jpg); width:265px;  }
#menu ul li.but_logo a:hover { background:url(../images/but_logo.jpg); background-position:center -75px;  }

#menu ul li.but_art a { background:url(../images/but_art_b.jpg); width:60px;  }
#menu ul li.but_art a:hover  { background:url(../images/but_art_b.jpg); background-position:center -75px;  }

#menu ul li.but_graphic a { background:url(../images/but_graphic_b.jpg); width:182px;  }
#menu ul li.but_graphic a:hover  { background:url(../images/but_graphic_b.jpg); background-position:center -75px;  }

#menu ul li.but_web a { background:url(../images/but_web_b.jpg); width:139px;  }
#menu ul li.but_web a:hover  { background:url(../images/but_web_b.jpg); background-position:center -75px; }

#menu ul li.but_photo a { background:url(../images/but_photo_b.jpg); width:83px;  }
#menu ul li.but_photo a:hover  { background:url(../images/but_photo_b.jpg); background-position:center -75px; }

#menu ul li.but_blog a { background:url(../images/but_blog_b.jpg); width:74px;  }
#menu ul li.but_blog a:hover  { background:url(../images/but_blog_b.jpg); background-position:center -75px; }

#menu ul li.but_about a { background:url(../images/but_about_b.jpg); width:82px;  }
#menu ul li.but_about a:hover  { background:url(../images/but_about_b.jpg); background-position:center -75px; }

#menu ul li.but_contact a { background:url(../images/but_contact_b.jpg); width:115px;  }
#menu ul li.but_contact a:hover  { background:url(../images/but_contact_b.jpg); background-position:center -75px; }