@charset "UTF-8";

/* Main menu */

#menu {
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;  
	background: linear-gradient(#444, #111);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
	border-radius: 25px;
}

#menu li { float: left; padding: 0; position: relative; line-height: 1;}
#menu a  { float: left; height: 20px; padding: 10px 8px; color: #999; text-transform: uppercase; font: bold 12px/25px Arial, Helvetica; text-align:center; text-decoration: none; text-shadow: 0 1px 0 #000;}
#menu li:hover > a { color: #fafafa;}
*html #menu li a:hover { color: #fafafa;} /* IE6 */
#menu li:hover > ul { display: block;}

/* Sub-menu */

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 99999;    
    background: #111;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul ul { top: 0; left: 160px;}
#menu ul li { float: none; margin: 0; padding: 0; display: block;   -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;}
#menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#menu ul a { padding: 10px; height: 10px; width: 140px; height: auto; line-height: 1; display: block; white-space: nowrap; float: none; text-transform: none; text-align:left}
*html #menu ul a { height: 10px;} /* IE6 */
*:first-child+html #menu ul a { height: 10px;} /* IE7 */

#menu ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child > a { -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after { border-bottom-color: #04acec; }
#menu ul ul li:first-child a:hover:after { border-right-color: #04acec;  border-bottom-color: transparent; 	}
#menu ul li:last-child > a { -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}

/* Clear floated elements */
#menu:after  { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */