﻿#menu{
	width: 1024px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#e7e6e7;
 	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(188,187,187)), color-stop(0.55, rgb(213,211,212)), color-stop(0.78, rgb(231,230,231)) );
	background: -moz-linear-gradient( center bottom, rgb(188,187,187) 9%, rgb(213,211,212) 55%, rgb(231,230,231) 78% );
	background: -o-linear-gradient( center bottom, rgb(188,187,187) 9%, rgb(213,211,212) 55%, rgb(231,230,231) 78% );
    float: right;
    position: relative;
    top: 25px;
    z-index: 300;
	-moz-box-shadow: 5px 8px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 8px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 8px 6px rgba(0, 0, 0, 0.1);
}
#nav {
    	float: left;
		font-family: 'Armata', sans-serif;
		font-size:16px;
    	overflow: hidden;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-left: 15px;
}

#nav ul li {
	float:left;
}

#nav ul li a {
   	float: left;
	color:#666666;
    padding: 16px 16px;
	text-decoration:none;
    background:#e7e6e7;
 	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(188,187,187)), color-stop(0.55, rgb(213,211,212)), color-stop(0.78, rgb(231,230,231)) );
	background: -moz-linear-gradient( center bottom, rgb(188,187,187) 9%, rgb(213,211,212) 55%, rgb(231,230,231) 78% );
	background: -o-linear-gradient( center bottom, rgb(188,187,187) 9%, rgb(213,211,212) 55%, rgb(231,230,231) 78% );
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#nav ul li a:hover,
#nav ul li:hover > a {
    	color: #919090;
}

#nav li ul a:hover, 
#nav ul li li:hover > a  {
    color: #2c2c2c;
  	background: #e7e6e7;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#nav li ul {
    	background: #bcbbbb;
    	border-radius: 0 0 5px 5px;
    	-moz-border-radius: 0 0 5px 5px;
    	-webkit-border-radius: 0 0 5px 5px;
    	left: -999em;
    	margin: 52px 0 0;
    	position: absolute;
    	width: 200px;
    	z-index: 9999;
}

#nav li:hover ul {
    	left: auto;
		font-size: 12px;
}

#nav li ul a {
    	background: none;
    	border: 0 none;
    	margin-right: 0;
		padding: 15px 20px;
    	width: 160px;
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
}

#nav li li ul {
    	margin: 0 0 0 180px;
    	-webkit-border-radius: 0 0 5px 5px;
    	-moz-border-radius: 0 0 5px 5px;
    	border-radius: 0 0 5px 5px;
    	visibility:hidden;
}

#nav li li:hover ul {
    	visibility:visible;
}

#nav ul ul li:last-child > a {
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

#nav ul ul ul li:first-child > a {
	-moz-border-radius:0 0 0 0;
	-webkit-border-radius:0 0 0 0;
	border-radius:0 0 0 0;
}