/* for changing the hover state background color */	
#menu dl dd:first-child a:hover:after { 
    /* #menu dl dd:first-child a:hover:after = the pointer on top of the drop down box during hover */
	border-bottom-color: #b3b3b3; 
}
#menu dl a:hover { 
    /* this is the hover state of the drop down */
    background-color: #b3b3b3;
}
/*@media screen and (max-width: 1280px) {
    #menu { background-color: #b3b3b3; }
    #menu a { border:0px transparent none !important; }
}*/


/* For changing items in the first layer */
#menu dd:first-child a { 
    border-left-style:solid; 
    border-left-width:1px;
}
#menu a { 
    border-right-style:solid; 
    border-right-width:1px;
}
    .rgba #menu dd:first-child a 
        { border-left-color:rgba(255,255,255,0.50); }
    .rgba #menu a 
        { border-right-color:rgba(255,255,255,0.50); }
    .no-rgba #menu dd:first-child a 
        { border-left-color:#fff; }
    .no-rgba #menu a 
        { border-right-color:#fff; }


/* The normal styles */
    #menu, #menu dl {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu {
		width:100%;
		margin:0px auto;
	}
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	#menu:after { clear: both; }
	#menu { zoom:1; }
	#menu dd {
		float: left;
		position: relative;
        padding:3px 0px 2px 0px;
        margin:0px;
	}
	#menu a {
		float: left;
		padding:2px 18px 3px 18px;
		text-decoration: none;
        font-weight:700;
        white-space:nowrap;
	}
	#menu dd:hover > a { color: #fafafa; }
	*html #menu dd a:hover { /* IE6 only */
		color: #fafafa;
	}
	#menu dl {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top:30px;
		left: 0;
		z-index: 8888;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		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: 0px 0px 5px 0px rgba(0,0,0,.30);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.30);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,.30);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}
        .ie9 #menu dl, .ie8 #menu dl, .ie7 #menu dl, .ie6 #menu dl { top:24px; }


	#menu dd:hover > dl {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	#menu dl dl {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	#menu dl dd {
		float: none;
		display: block;
		border: 0px solid transparent;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
        margin:0px;
        padding:0px;
	}
	#menu dl dd:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
        #menu dl dd:first-child, #menu dl dd:first-child > a { border-top:0px !important; }
	#menu dl a {    
		padding: 10px;
		/*width: 130px;*/
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
        font-weight:300;
        border:0px none transparent;
	}
	
	#menu dl a:hover { /* this is the hover state of the drop down */
        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
        background-image:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background-image:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background-image:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	}
        #menu dl dd:first-child a { border-left:0px none transparent; }


	#menu dl dd:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu dl dd:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu dl dl dd:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	
	#menu dl dl dd:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu dl dd:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger { display:none; }

	/*@media screen and (max-width: 1280px) {*/
		/* nav-wrap */
		/*#menu-wrap { position: relative; }

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}*/

		/* menu icon */
		/*#menu-trigger {
			display: block; /* show menu icon */
			/*height: 40px;*/
			/*line-height: 40px;*/
			/*cursor: pointer;*/		
			/*padding: 0 0 0 35px;*/
			/*border: 1px solid transparent;*/
			/*color: #fff;*/
			/*font-weight: bold;*/
			/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center;*/ 
		/*}*/
		
		/* main nav */
		  

	/*@media screen and (min-width: 600px) {
		#menu { display: block !important; }
	}*/	

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}


	/* #menu dd:hover > .no-transition {
		display: block;
	} */