#menu
{
float:right;
height:150px;
}
#menu ul
{
padding:0px;
margin:0px;

}
#menu>ul>li:last-child
{
border-right:1px solid #e2e2e2;
}
#menu>ul>li
{
position:relative;
list-style-type:none;
display:inline-block;
font-size:22px;
z-index:5;
letter-spacing:1px;
font-family: 'Open Sans Condensed' !important;
font-style: normal;
font-weight: 300;
padding-top: 72px;
cursor:pointer;
border-left:1px solid #e2e2e2;
width:170px;
text-align:center;
float: left;
padding-bottom:4px;
line-height:28px;
}

#menu>ul>li>a
{
text-decoration:none;
display:block;
color:#888888;
text-align:center;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
position:relative;
height:30px;

}
#logo,#menu>ul>li,#menu>ul>li a
{

-webkit-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#menu>ul>li:hover a,#menu>ul>li.active a,#logo:hover
{
-webkit-transform: rotate(10deg); 
-moz-transform: rotate(10deg); 
-ms-transform: rotate(10deg); 
-o-transform: rotate(10deg); 
transform: rotate(10deg); 
-webkit-transform: rotate,top; 
-moz-transform: rotate,top; 
-o-transform: rotate,top;
transform: rotate,top;
-webkit-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}

#menu>ul>li:hover a img,#menu>ul>li.active a img
{
display:block;
}



#menu>ul>li>a span.image-title
{
display:block;
width:100%;
text-align:center;

}

#menu>ul>li>a img
{
position:absolute;
left:50%;
top:-28px;
border:none;
display:none;
margin-left: 22px;
}

.vertical-menu
{
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}