.our_menu{width:316px; margin:0 auto; float:left}
ul,li{margin:0;padding:0;list-style:none}

.menu .item{float:left;position:relative}
.menu .item .new{background-position:-248px -482px;height:28px;left:-9px;padding:7px 0 0 7px;top:41px;width:55px; background:#F00;color:#FFF;display:block;font-family:"league-gothic",sans-serif;font-size:18px;position:absolute;text-transform:uppercase;z-index:1; }
.menu .item a{background-color:#000000;color:#820922;display:block;overflow:hidden;position:absolute;}
.menu .item a:hover{z-index:2;-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;-o-transition:height .2s ease-in-out;-ms-transition:height .2s ease-in-out;transition:height .2s ease-in-out}
.menu .item:hover .new{z-index:3}
.menu .item a h3{border:0;font-family:"league-gothic",sans-serif;font-size:18px;margin:0 0 .5em 0;padding:0;text-transform:uppercase; }
.menu .item a p{color:#432;font-size:16px;}

.our_menu .menu{float:left;margin:0 0 50px 0}
.our_menu .menu .item{background-position:9px -791px; height:170px; padding:0 0 0 7px;  width:316px}
.our_menu .menu .item a{height:25px;padding:114px 0 0 14px;top:20px;width:295px;text-decoration:none;}
.our_menu .menu .item a:hover{height:132px;padding-top:179px}
.our_menu .menu .item a img{clip:rect(0px,283px,96px,0px);height:164px;position:absolute;top:14px;width:283px}
.our_menu .menu .item a:hover img{clip:auto}



@media only screen and (max-width: 967px) {
.our_menu{ width:316px;margin:0 auto;}
}
@media only screen and (max-width: 620px) {
.our_menu{ width:316px;margin:0 auto;}
}