/* =================================================================================== */

	ul.menu {
		display: block; float: left;
		left: 0px; top: 0; margin: 0; padding: 0;
		width: 104px; list-style-type: none;
		}

		ul.menu li.sep {
			display: none; visibility: hidden; float: none; position: absolute;
			margin: 0; padding: 0; width: 15px; height: 24px;
			background: transparent top left no-repeat url(../img/nav/sep.jpg);
			}

		ul.menu li.end {
			display: none; visibility: hidden; float: none; position: absolute;
			margin: 0; padding: 0; width: 5px; height: 24px;
			background: transparent top right no-repeat url(../img/nav/end.jpg);
			}

			ul.menu li a img {
				display: block; position: relative;
				width: 100%; height: 100%;
				border: none;
				}


	.menu ul {
		border: none; display:block;
		list-style-type:none; margin:0pt; padding:0pt;
		}
		
	.menu li {
		display: block; float: left; clear: both; position: relative; 
		margin: 0; padding: 0 0 0 0; width: 104px;
		z-index: 5; cursor: pointer;
		background-color: #000;
		font-weight: bold; text-transform: uppercase;
		z-index:5;
		}
	
	.menu li:hover {
		white-space:normal;
		z-index:10000;
		}

	.menu ul {
		position:absolute; left: 0; top: 0;
		visibility:hidden; z-index:10; min-height:0pt;
		}
		
	.menu li:hover > ul {
		left:100%; visibility:visible;
		}
		
	.menu:after, .menu ul:after {
		clear:both;
		content:".";
		display:block;
		height:0pt;
		overflow:hidden;
		visibility:hidden;
		}
		
	.menu ul {
		background-image: url(../img/nav/transparent.gif);
		margin:-30px 0pt 0pt -10px;
		padding:30px 30px 30px 10px;
		}
		
	.menu li.submenu a {
		color: #eee;
		}		
		
	.menu a {
		display: block !important; margin: 0; padding: 0; width: 104px; text-indent: -5000px;
		outline: none !important; text-decoration: none !important;
		color: #ccc; text-align: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif;
		background-position: top left;
		background-repeat: no-repeat;
		}

	.menu a:hover  {
		background-position: top right;
		}

	.menu li:hover > a {
		color: #fff;
		background-color: #606060;
		}
		
/*	SPECIFIC MENU ITEMS
---------------------------------------------------------------- */		

	li.home a { height: 28px; background-image: url(../img/nav/home.png); }
	li.aboutus a { height: 29px; background-image: url(../img/nav/aboutus.png); }
	li.productsservices a { height: 44px; background-image: url(../img/nav/productsservices.png); }
	li.gallery a { height: 31px; background-image: url(../img/nav/gallery.png); }
	li.contactus a { height: 31px; background-image: url(../img/nav/contactus.png); }


/*	SECOND TIER ITEMS
---------------------------------------------------------------- */		
		
	.menu li li {
		width: 120px;
		padding: 0 0 0 0; font-weight: normal; text-transform: none;
		}
		
	.menu li li:hover {
		}	
	
	.menu li li a {
		width: 120px; background-color: #606060; color: #999999 !important;
		}
		
	.menu li li a:hover {
		color: #fff !important;
		}	
		
	.menu > li + li, .menu ul > li + li {
		}

	.menu li:hover > ul {
		left:100%; top: 0px;
		margin-left: -33px;
		}
		
	.menu li a.active, .menu li a.current {
		color: #fff !important;
		background-color: #606060 !important;
		background-position: top right;
		}
		
	.menu li li a.active, .menu li li a.current {
		color: #fff !important;
		}