﻿/* The container */
#cssmenu > ul{
	
}

#cssmenu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 0;
}

/* The list elements which contain the links */
#cssmenu > ul li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 220px;	
}

/* General link styling */
#cssmenu > ul li a {
	/* Layout */
	border-bottom: 1px solid #222;
	border-right: 1px solid #1B1B1B;
	border-top: 1px solid #555;
	color: #ebebeb;
	display: block;
	padding: 14px 0px 14px 0px;
	        
            
	/* Typography */
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	font: bold 22px Arial, Arial;
	text-align:center;
    /*text-transform: uppercase;*/

	/* Background & effects 
	background: #eaeaea;
	background: url(../images/ss/menu_bg.png) no-repeat; */
}

/* The hover state of the menu/submenu links  */
#cssmenu > ul li a:hover, #cssmenu > ul li:hover>a {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
	background: #fd9536;
	background: -webkit-linear-gradient(bottom, #fd9536, #e67c1b);
	background: -ms-linear-gradient(bottom, #fd9536, #e67c1b); 
	background: -moz-linear-gradient(bottom, #fd9536, #e67c1b);
	background: -o-linear-gradient(bottom, #fd9536, #e67c1b);
	border-color: transparent;
	
   /*
       background-color: #fd9536;
      -webkit-transition-property: background-color, color;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: linear;

      background: linear-gradient(left, #fd9536, #e67c1b);
      background: -moz-linear-gradient(180deg,  #fd9536,  #e67c1b); 
   */
}

.menu_arrow
{
    position:absolute;
    width:8px;
    height:9px; 
    float:right;
    margin-left:190px;
    margin-top:25px;
}
	
/* THE SUBMENUS */
#cssmenu > ul ul {
	position: absolute;
	left: 220px;
	top: -9999px;
	padding-left: 0px;
	opacity: 0;
	background: url(../images/ss/menu_bg.png) no-repeat;
	/* The fade effect, created using an opacity transition */
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	-ms-transition: opacity .1s ease-in;
}

/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover>ul {
	top: 0px;
	opacity: 1;
