/* Slider
http://www.freshdesignweb.com/drop-down-responsive-menu-with-css3-and-jquery.html
*/
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic:400,700|Yanone+Kaffeesatz);
/*===== nav style ======*/
#menu
{
	width:100%;
	margin:0 auto;
	background: #4d4d4d; /* Old browsers */
background: -moz-linear-gradient(top, #4d4d4d 0%, #2d2d2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d4d4d 0%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
	
	border-radius:5px;
	border:1px solid #c2c4c4;
	
	
	
	
	
}
#menu nav select {
	display:none; /* this is just for the mobile display */
}
#menu nav ul {
	 display:inline;
    margin: 0;
    padding: 0;
    z-index: 999999;
}
#menu nav ul li {
	display:inline;
	/*margin-left: 15px;
    margin-right: 15px;*/
    padding-bottom: 5px;
    padding-top: 7px;
	position:relative;
	background:url(../images/sap.png) no-repeat left top;
}
#menu nav ul li a:link, #fdw nav ul li a:visited {
	color:#fff;
	font-size:15px;
	font-family:Tahoma;
	display:inline-block;
	position:relative;
	padding:10px 21px 10px 21px;
}
#menu nav ul li a:hover, #fdw nav ul li a:active {
	color:#02b9bc;
	text-decoration:none;
}
#menu nav ul li span {
	position:absolute;
	right:-12px;
	bottom:6px;
	width:7px;
	height:8px;
	margin:0 0 0 3px;
	float:right;
	display:block;
	background:url('images/nav_arrow.png') no-repeat left -8px;
	font:0/0 a;
}
#menu nav ul li.current {
	/*margin-left: 15px;
    margin-right: 15px;*/
    padding-bottom: 5px;
    padding-top:7px;
	/*background:none;*/
	
}
#menu nav ul li.current a {
	color:#02b9bc;
	cursor: pointer;
}
#menu nav ul li.current a span {
	background:url('../images/nav_arrow.png') no-repeat left 0;
}
#menu nav ul li.current ul li a {
	cursor:pointer;
}

/*===== sub_menu Style =======*/
#menu nav ul li ul.sub_menu {
	position:absolute;
	top:34px;
	*top:28px;
	left:0;
	margin:0;
	padding:0;
	background:#fff;
	border:1px solid #ececec;
	/*border-top:3px solid #e25d29;*/
	display:none;
	z-index:999999;
    -moz-box-shadow: 0px 2px 3px #121012;
    -webkit-box-shadow: 0px 2px 3px #121012;
    box-shadow: 0px 2px 3px #121012;
	width:139px;
}

#menu nav ul li ul.sub_menu li {
	float:none;
	margin:0;
	
	padding-bottom:11px;
	border-bottom:1px solid #ececec;
	*border-bottom:1px solid #ececec;
	*padding-bottom:0px;
	background:none;
}
#menu nav ul li ul.sub_menu li a {
	white-space: nowrap;
	width: 116px;
	padding:12px;
	font:13px Arial, tahoma, sans-serif;
	text-transform:capitalize;
	color:#777;
}
#menu nav ul li ul.sub_menu li a:hover {
	background:#f9f9f9;
	color:#333;
	width:116px;
}
#menu nav ul li ul.sub_menu li a.subCurrent {
	color:#e25d29;
	cursor:default;
}
#menu nav ul li ul.sub_menu li a.subCurrent:hover {
	background:none;
}
/*===================== end Header style ======================*/


@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* nav */
		#menu nav ul li{
			margin-left:12px;
		}
}

	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

		/* nav menu ul & select */
		#menu
{
	width:100%;
	margin:0 auto;
	background: none;
	
	
}
		#menu nav ul {
			display:none;
		}
		#menu nav select {
			width:100%;
			display:block;
			margin-bottom:0px;
			cursor:pointer;
			padding:6px;
			background:#f9f9f9;
			border:none;
			
			color: #000000;
    font-family:"Bookman Old Style";
    font-size: 14px;
		}
}