<SCRIPT language=JavaScript src="key.js" type=text/javascript></SCRIPT>
<?php
/*
<div id="nav"> 
<ul> 
<li><a href="#">Home</a></li> 
<li><a href="#">About Us</a></li> 
<li><a href="#">Our Portfolio</a></li> 
<li><a href="#">One Dropdown</a> 
        <ul> 
        <li><a href="#">Level 2.1</a></li> 
        <li><a href="#">Level 2.2</a></li> 
        <li><a href="#">Level 2.3</a></li> 
        <li><a href="#">Level 2.4</a></li> 
        <li><a href="#">Level 2.5</a></li> 
        </ul> 
</li> 
<li><a href="#">Three Levels</a> 
        <ul> 
        <li><a href="#">Level 2.1</a></li> 
        <li><a href="#">Level 2.2</a></li> 
        <li><a href="#">Level 2.3</a> 
                <ul> 
                <li><a href="#">Level 2.3.1</a></li> 
                <li><a href="#">Level 2.3.2</a></li> 
                <li><a href="#">Level 2.3.3</a></li> 
                <li><a href="#">Level 2.3.4</a></li> 
                <li><a href="#">Level 2.3.5</a></li> 
                <li><a href="#">Level 2.3.6</a></li> 
                <li><a href="#">Level 2.3.7</a></li> 
                </ul> 
        </li> 
        <li><a href="#">Level 2.4</a></li> 
        <li><a href="#">Level 2.5</a></li> 
        </ul> 
</li> 
<li><a href="#">Services</a></li> 
<li><a href="#">Contact Us</a></li> 
</ul> 
</div>
*/
?> 
<style>
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		/*width: 960px;*/
		position: fixed;
		top: 5px; 
		left: 140px;
		margin: 5px auto;
		border: 1px solid #222;
		background-color: #AAA;
		background-image: -moz-linear-gradient(#DDD, #AAA); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#AAA));	
		background-image: -webkit-linear-gradient(#DDD, #AAA);	
		background-image: -o-linear-gradient(#DDD, #AAA);
		background-image: -ms-linear-gradient(#DDD, #AAA);
		background-image: linear-gradient(#DDD, #AAA);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #DDD;
		-webkit-box-shadow: 1px 0 0 #DDD;
		box-shadow: 1px 0 0 #DDD;
		position: relative;
	}
	
	#menu a {
		float: left;
		padding: 8px 15px;
		color: #111;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#menu li:hover > a {
		color: #1111ff;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #1111ff;
	}
	
	#menu ul {
		margin: 10px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 9999;    
		background: #DDD;
		background: -moz-linear-gradient(#DDD, #AAA);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#AAA));
		background: -webkit-linear-gradient(#DDD, #AAA);    
		background: -o-linear-gradient(#DDD, #AAA);	
		background: -ms-linear-gradient(#DDD, #AAA);	
		background: linear-gradient(#DDD, #AAA);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-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;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		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 ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #AAA, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #AAA, 0 2px 0 #666;
		box-shadow: 0 1px 0 #AAA, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		min-width: 130px;
		/*width: 130px;*/
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		background-color: #EEE;
		background-image: -moz-linear-gradient(#FFF,  #EEE);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
		background-image: -webkit-linear-gradient(#FFF, #EEE);
		background-image: -o-linear-gradient(#FFF, #EEE);
		background-image: -ms-linear-gradient(#FFF, #EEE);
		background-image: linear-gradient(#FFF, #EEE);
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li: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 #DDD;
	}
	
	#menu ul ul li: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 ul li:first-child a:hover:after {
		border-bottom-color: #FFF; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li: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: 40px) {

		/* 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 #222;
			color: #fafafa;
			font-weight: bold;
			background-color: #111;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111); 
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111);	
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111);
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
			-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
			box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		}
		
		/* main nav */
		#menu {
		    left: 0px;
			margin: 0; padding: 10px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			background-color: #444;
			display: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;				
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;			
		}

		#menu ul li{
			margin-left: 20px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu a{
			display: block;
			float: none;
			padding: 0;
			color: #999;
		}

		#menu a:hover{
			color: #fafafa;
		}	

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;	
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}		

	}

	@media screen and (min-width: 40px) {
		#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 li:hover > .no-transition {
		display: block;
	}
</style>
<?php
require_once 'database.inc.php';
if(Test_User($lg_user,$lg_password)==True)
{
  echo "<div>\n";
  echo "<nav id=\"menu-wrap\">\n";
  echo "<ul id=\"menu\">\n";
  if(As_Right_Groupe(1))
  {
    echo "  <li><a href=\"#\">Articles</a>\n";
	echo "    <ul>\n";
    Menu_Fonction_CSS(1,1);
    Menu_Fonction_CSS(1,2);
    Menu_Fonction_CSS(1,3);
    Menu_Fonction_CSS(1,4);
    Menu_Fonction_CSS(1,5);
    Menu_Fonction_CSS(1,8);
    Menu_Fonction_CSS(1,6);
    Menu_Fonction_CSS(1,7);
    if(As_Right_Fonction(1,91)||As_Right_Fonction(1,92))
    {
	  echo "  <li><a href=\"#\">Inventaire</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(1,91);
      Menu_Fonction_CSS(1,92);
	  echo "    </ul>\n";
	  echo "  </li>\n";
    }
    Menu_Fonction_CSS(1,10);
    Menu_Fonction_CSS(1,12);
    Menu_Fonction_CSS(1,11);
    Menu_Fonction_CSS(1,13);
    Menu_Fonction_CSS(1,14);
	echo "    </ul>\n";
	echo "  </li>\n";
  }
  if(As_Right_Groupe(2))
  {
    echo "  <li><a href=\"#\">Vehicules</a>\n";
	echo "    <ul>\n";
    Menu_Fonction_CSS(2,1);
    Menu_Fonction_CSS(2,2);
    Menu_Fonction_CSS(2,3);
    Menu_Fonction_CSS(2,4);
    Menu_Fonction_CSS(2,5);
    Menu_Fonction_CSS(2,6);
    if(As_Right_Fonction(2,7)||As_Right_Fonction(2,8)||As_Right_Fonction(2,9)||As_Right_Fonction(2,12))
    {
	  echo "  <li><a href=\"#\">Vehicules location</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(2,7);
      Menu_Fonction_CSS(2,8);
      Menu_Fonction_CSS(2,9);
      Menu_Fonction_CSS(2,12);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    Menu_Fonction_CSS(2,10);
    Menu_Fonction_CSS(2,11);
    Menu_Fonction_CSS(2,13);
    Menu_Fonction_CSS(2,14);
    Menu_Fonction_CSS(2,15);
	echo "    </ul>\n";
	echo "  </li>\n";
  }
  if(As_Right_Groupe(3))
  {
    echo "  <li><a href=\"#\">Clients</a>\n";
	echo "    <ul>\n";
    Menu_Fonction_CSS(3,1);
    Menu_Fonction_CSS(3,2);
    Menu_Fonction_CSS(3,3);
    Menu_Fonction_CSS(3,4);
    Menu_Fonction_CSS(3,5);
    Menu_Fonction_CSS(3,6);
    Menu_Fonction_CSS(3,7);
    Menu_Fonction_CSS(3,8);
    Menu_Fonction_CSS(3,9);
    Menu_Fonction_CSS(3,10);
    Menu_Fonction_CSS(3,11);
    Menu_Fonction_CSS(3,12);
    Menu_Fonction_CSS(3,13);
    Menu_Fonction_CSS(3,14);
    Menu_Fonction_CSS(3,15);
    Menu_Fonction_CSS(3,20);
	echo "    </ul>\n";
	echo "  </li>\n";
  }
  if(As_Right_Groupe(4))
  {
    echo "  <li><a href=\"#\">Commandes</a>\n";
	echo "    <ul>\n";
    Menu_Fonction_CSS(4,1);
    Menu_Fonction_CSS(4,101);
    if(As_Right_Fonction(4,201)||As_Right_Fonction(4,202)||As_Right_Fonction(4,203)||As_Right_Fonction(4,204)||As_Right_Fonction(4,205)||As_Right_Fonction(4,206)||As_Right_Fonction(4,207))
	{
	  echo "  <li><a href=\"#\">Facture</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(4,201);
      if(As_Right_Fonction(4,201))
      {
	    echo "      <li><a href=\"javascript:set_default(4,104)\">Acompte pièces</a></li>\n";
      }
      Menu_Fonction_CSS(4,202);
      Menu_Fonction_CSS(4,203);
      Menu_Fonction_CSS(4,204);
      Menu_Fonction_CSS(4,205);
      Menu_Fonction_CSS(4,206);
      Menu_Fonction_CSS(4,207);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    if(As_Right_Fonction(4,208)||As_Right_Fonction(4,209)||As_Right_Fonction(4,210)||As_Right_Fonction(4,211)||As_Right_Fonction(4,212)||As_Right_Fonction(4,213))
	{
	  echo "  <li><a href=\"#\">Devis et offre</a>\n";
	  echo "    <ul>\n";
      if(As_Right_Fonction(4,208)||As_Right_Fonction(4,209))    
	  {
	    echo "  <li><a href=\"#\">Devis</a>\n";
	    echo "    <ul>\n";
        Menu_Fonction_CSS(4,208);
        Menu_Fonction_CSS(4,209);
	    echo "    </ul>\n";
	    echo "  </li>\n";
	  }
      if(As_Right_Fonction(4,210)||As_Right_Fonction(4,211))    
	  {
	    echo "  <li><a href=\"#\">Offre pieces</a>\n";
	    echo "    <ul>\n";
        Menu_Fonction_CSS(4,210);
        Menu_Fonction_CSS(4,211);
	    echo "    </ul>\n";
	    echo "  </li>\n";
	  }
      if(As_Right_Fonction(4,212)||As_Right_Fonction(4,213))    
	  {
	    echo "  <li><a href=\"#\">Offre vehicule</a>\n";
	    echo "    <ul>\n";
        Menu_Fonction_CSS(4,212);
        Menu_Fonction_CSS(4,213);
	    echo "    </ul>\n";
	    echo "  </li>\n";
	  }
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    if(As_Right_Fonction(4,214)||As_Right_Fonction(4,215)||As_Right_Fonction(4,216))
	{
	  echo "  <li><a href=\"#\">Commande</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(4,214);
      Menu_Fonction_CSS(4,215);
      Menu_Fonction_CSS(4,216);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    if(As_Right_Fonction(4,217)||As_Right_Fonction(4,218))
	{
	  echo "  <li><a href=\"#\">Garantie</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(4,217);
      Menu_Fonction_CSS(4,218);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    if(As_Right_Fonction(4,219))
	{
	  echo "  <li><a href=\"#\">Reprise vhc</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(4,219);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    if(As_Right_Fonction(4,220)||As_Right_Fonction(4,221)||As_Right_Fonction(4,222)||As_Right_Fonction(4,223)||As_Right_Fonction(4,224))
	{
	  echo "  <li><a href=\"#\">Note de credit</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(4,220);
      Menu_Fonction_CSS(4,221);
      Menu_Fonction_CSS(4,222);
      Menu_Fonction_CSS(4,223);
      Menu_Fonction_CSS(4,224);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    if(As_Right_Fonction(4,230))
	{
	  echo "  <li><a href=\"#\">Modèle</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(4,230);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
	echo "      <li><a href=\"javascript:set_default(4,70)\">Liste commandes</a></li>\n";
    Menu_Fonction_CSS(4,30);
    Menu_Fonction_CSS(4,31);
    Menu_Fonction_CSS(4,32);
	echo "    </ul>\n";
	echo "  </li>\n";
  }
  if(As_Right_Groupe(5))
  {
    echo "  <li><a href=\"#\">Calendrier</a>\n";
	echo "    <ul>\n";
    Menu_Fonction_CSS(5,1);
    Menu_Fonction_CSS(5,2);
    Menu_Fonction_CSS(5,3);
    if(As_Right_Fonction(5,2))
      Menu_Fonction_CSS(5,4);
	echo "    </ul>\n";
	echo "  </li>\n";
  }
  if(As_Right_Groupe(6))
  {
    echo "  <li><a href=\"#\">Comptabilité</a>\n";
	echo "    <ul>\n";
    Menu_Fonction_CSS(6,1);
    if(As_Right_Fonction(6,21)||As_Right_Fonction(6,22)||As_Right_Fonction(6,23)||As_Right_Fonction(6,24)||As_Right_Fonction(6,25))
	{
	  echo "  <li><a href=\"#\">Compta</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(6,21);
      Menu_Fonction_CSS(6,22);
      Menu_Fonction_CSS(6,23);
      Menu_Fonction_CSS(6,24);
      Menu_Fonction_CSS(6,25);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    Menu_Fonction_CSS(6,7);
    if(As_Right_Fonction(6,7))
	{
	  echo "      <li><a href=\"javascript:set_default(6,71)\">Reprises non vendues</a></li>\n";
	}
    Menu_Fonction_CSS(6,3);
    Menu_Fonction_CSS(6,4);
    Menu_Fonction_CSS(6,6);
    if(As_Right_Fonction(6,51))
	{
	  echo "  <li><a href=\"#\">Caisse</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(6,51);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    if(As_Right_Fonction(6,61)||As_Right_Fonction(6,62))
	{
	  echo "  <li><a href=\"#\">Rappels</a>\n";
	  echo "    <ul>\n";
      Menu_Fonction_CSS(6,61);
      Menu_Fonction_CSS(6,62);
	  echo "    </ul>\n";
	  echo "  </li>\n";
	}
    Menu_Fonction_CSS(6,8);
    Menu_Fonction_CSS(6,9);
	echo "    </ul>\n";
	echo "  </li>\n";
  }
  if(Is_Admin())
  {
    echo "  <li><a href=\"#\">Configuration</a>\n";
	echo "    <ul>\n";
    echo "      <li><a href=\"#\">Utilisateurs</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,11)\">Nouvel utilisateur</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,12)\">Modifier utilisateur</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,13)\">Supprimer utilisateur</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">Groupes</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,14)\">Nouveau groupe</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,15)\">Modifier groupe</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,16)\">Supprimer groupe</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">Champs de formulaire</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,21)\">Champs formulaire articles</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,22)\">Champs formulaire vehicules</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,23)\">Champs formulaire clients</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,24)\">Types formulaire articles</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,25)\">Types formulaire vehicules</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,26)\">Types formulaire clients</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">Champs de recherche</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,31)\">Champs recherche articles</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,32)\">Champs recherche vehicules</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,33)\">Champs recherche clients</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,34)\">Champs recherche commandes</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,313)\">Champs recherche cash</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,316)\">Champs recherche atelier</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,35)\">Types recherche articles</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,36)\">Types recherche vehicules</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,37)\">Types recherche clients</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,38)\">Types recherche commandes</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,314)\">Types recherche cash</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,317)\">Types recherche atelier</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,39)\">Resultat recherche articles</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,310)\">Resultat recherche vehicules</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,311)\">Resultat recherche clients</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,312)\">Resultat recherche commandes</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,315)\">Resultat recherche cash</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,318)\">Resultat recherche atelier</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">Rabais</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,41)\">Groupe</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,42)\">Nouveau</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,43)\">Modifier</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,44)\">Supprimer</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,45)\">Affecter</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    // echo "      <li><a href=\"#\">Methodes de payement</a>\n";
	// echo "        <ul>\n";
	// echo "        </ul>\n";
	// echo "      </li>\n";
    echo "      <li><a href=\"#\">Employés</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,51)\">Nouvel</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,52)\">Modifier</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,53)\">Supprimer</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">Poste</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,61)\">Configuration</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">Catégorie location</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,71)\">Nouvelle</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,72)\">Modifier</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,73)\">Supprimer</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">GM à compte comptable</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,81)\">Vente</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,82)\">Achat</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
    echo "      <li><a href=\"#\">Services</a>\n";
	echo "        <ul>\n";
	echo "          <li><a href=\"javascript:set_default(10,91)\">Modifier</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,92)\">Nouveau</a></li>\n";
	echo "          <li><a href=\"javascript:set_default(10,93)\">Supprimer</a></li>\n";
	echo "        </ul>\n";
	echo "      </li>\n";
	echo "      <li><a href=\"javascript:set_default(10,99)\">Nettoyage factures</a></li>\n";
	echo "    </ul>\n";
	echo "  </li>\n";
  }
  echo "  <li><a href=\"javascript:logout();\">Logout</a>\n";
  echo "  </li>\n";
  echo "</ul>\n";
  echo "</nav>\n";
  echo "</div>\n";
}

?>
<script type="text/javascript">
		// listen for scroll
		/*var positionElementInPage = $('#menu').offset().top;
		$(window).scroll(
			function() {
				if ($(window).scrollTop() >= positionElementInPage) {
					// fixed
					$('#menu').addClass("floatable");
				} else {
					// relative
					$('#menu').removeClass("floatable");
				}
			}
		);*/
/*$(function() {
  if ($.browser.msie && $.browser.version.substr(0,1)<7)
  {
    $('li').has('ul').mouseover(function(){
        $(this).children('ul').css('visibility','visible');
        }).mouseout(function(){
        $(this).children('ul').css('visibility','hidden');
        })
  }
});*/ 
		/* Mobile */
		$('#menu-wrap').prepend('<div id="menu-trigger">Menu</div>');		
		$("#menu-trigger").on("click", function(){
			$("#menu").slideToggle();
		});

		// iPad
		var isiPhone = navigator.userAgent.match(/iPhone/i) != null;
		var isiPad = navigator.userAgent.match(/iPad/i) != null;
		var isiPod = navigator.userAgent.match(/iPod/i) != null;
		//alert(navigator.userAgent);
		if (isiPhone || isiPad || isiPod) $('#menu ul').addClass('no-transition');
		</script>