/* this is the main UL element*/
#nav {
	margin: 0 0 0 1px;
	background-color: #000000;
	margin-left /*\**/: -1px\9
}

:first-child+html #nav { padding: 1px 0 0 0; margin: 0 0 0 -1px; } 

#nav .dropdown{
	width: 744px;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* these are the inner menus*/
#nav .dropdown ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* these are all the LIs in the menu*/
#nav .dropdown li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 1px 0 0;
}

#nav ul li:hover {

}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
#nav .dropdown a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5f5f5f;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#nav .dropdown a:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #1e1e1e;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

	#nav .dropdown a.products {
		display: block;
		width: 176px;
		height: 38px;
		background: url(../img/nav/products.jpg) no-repeat;
	}

		#nav .dropdown a.products:hover { background: url(../img/nav/products_h.jpg) no-repeat; }
		
		
	#nav .dropdown a.technology {
		display: block;
		width: 197px;
		height: 38px;
		background: url(../img/nav/technology.jpg) no-repeat;
	}

		#nav .dropdown a.technology:hover { background: url(../img/nav/technology_h.jpg) no-repeat; }
		
		
	#nav .dropdown a.showcase {
		display: block;
		width: 189px;
		height: 38px;
		background: url(../img/nav/showcase.jpg) no-repeat;
	}

		#nav .dropdown a.showcase:hover { background: url(../img/nav/showcase_h.jpg) no-repeat; }
		
		
	#nav .dropdown a.development {
		display: block;
		width: 138px;
		height: 38px;
		background: url(../img/nav/development.jpg) no-repeat;
	}

		#nav .dropdown a.development:hover { background: url(../img/nav/development_h.jpg) no-repeat; }
		
		
	#nav .dropdown a.references {
		display: block;
		width: 128px;
		height: 38px;
		background: url(../img/nav/references.jpg) no-repeat;
	}

		#nav .dropdown a.references:hover { background: url(../img/nav/references_h.jpg) no-repeat; }
		
		
	#nav .dropdown a.company {
		display: block;
		width: 178px;
		height: 38px;
		background: url(../img/nav/company.jpg) no-repeat;
	}

		#nav .dropdown a.company:hover { background: url(../img/nav/company_h.jpg) no-repeat; }

/* these are the LIs that only belong to submenu*/

#nav .dropdown ul {
	background: url(../img/nav/sub_bg.jpg) top center repeat-x #181818;
	padding: 0;
	margin: 0;
}

#nav .dropdown ul li {
	display: none;
	width: 220px;
	background: url(../img/nav/arr.gif) no-repeat;
	text-align: left;
	border-bottom: 1px solid #4d4d4d;
	padding: 0;
	margin: 0;
}

	#nav .dropdown ul li.sub_last { border: 0; }

	#nav .dropdown ul a {
		width: 207px;
		background: none;
		color: #fff;
		text-align: left;
		padding: 7px 0 7px 18px;
		margin: 0;
	}
	
	#nav .dropdown ul a:hover {
		width: 202px;
		background: url(../img/nav/sub_li_h.jpg) no-repeat;
		color: #fff;
		text-align: left;
		padding: 7px 0 7px 18px;
		margin: 0;
	}
	
	#nav .dropdown ul a.sub_first:hover {
		width: 202px;
		background: url(../img/nav/sub_li_hr.jpg) no-repeat;
		color: #fff;
		text-align: left;
		padding: 7px 0 7px 18px;
		margin: 0;
	}