body {
	background-color:#FFF;
	margin-top:5px;
/*	behavior:url("csshover.htc");*/
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 1022px;
	height: 24px;
	background: #FFF url(../images/menu_bar.png) no-repeat;
}

a, a:link, a:visited {
	text-decoration: none;
}

p, p a {
	color:#999;
	font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 24px;
	background: url(../images/menu_bar.png) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(../images/menu_bar_over.png);
}	

/*</group>*/

/*<group=level 1 ids>*/

li#home a {
	margin-left:152px;
	width: 70px;
 }
 
li#home a:link,
li#home a:visited,
li#home a:hover {
	background-position: -152px 0px;
}
 
li#about a {
	 width: 95px;
 }
 
li#about a:link,
li#about a:visited,
li#about a:hover {
	background-position: -222px 0px;
}

li#products a {
	 width: 160px;
 }
 
li#products a:link,
li#products a:visited,
li#products a:hover {
	background-position: -317px 0px;
}

li#faqs a {
	 width: 70px;
 }
 
li#faqs a:link,
li#faqs a:visited,
li#faqs a:hover {
	background-position: -477px 0px;
}

li#contact a {
	 width: 100px;
 }
 
li#contact a:link,
li#contact a:visited,
li#contact a:hover {
	background-position: -547px 0px;
}

li#worldwide a {
	 width: 135px;
 }
 
li#worldwide a:link,
li#worldwide a:visited,
li#worldwide a:hover {
	background-position: -647px 0px;
}

li#media a {
	 width: 70px;
}
 
li#media a:link,
li#media a:visited,
li#media a:hover {
	background-position: -782px 0px;
}

/*</group>*/

/*<group=level 2>*/

#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	width: 1022px;
	/*left: auto;
	right:auto;*/
	left:50%;
	margin: 0;
}

/*
extend the submenu width to 1022px left/right
on load set all to hidden
on moouseover event, set z-index to 1000
mouse out event set z-index to 100
define all these into 2 classes on (mouseover) and off (mouse out)
do not hide the submenus anymore after mouseover one submenus
*/

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}
/*
#navigation li#about ul {
	background: none;
	height: 24px;
	margin-left: -500px;
}
*/

#navigation li#products ul {
	background: none;
	height: 24px;
	margin-left: -350px;
}

#navigation li#media ul {
	background: none;
	height: 24px;
	margin-left: 220px;
}
/*
* html #navigation li#products ul {
	margin-left: 0 auto;
}

* html #navigation li#products ul {
	margin-left: 0 auto;
}

* html #navigation li#media ul {
	margin-left: 0 auto;
}
*/

/*</group>*/

/*<group=level 2 ids>*/

/*
ul#navigation li#about ul li#whyadiamond a:link, 
ul#navigation li#about ul li#whyadiamond a:visited {
	width: 82px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat 0px 0px;
}

ul#navigation li#about ul li#whyadiamond a:hover {
	width: 82px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat 0px -24px;
}

ul#navigation li#about ul li#beginnings a:link, 
ul#navigation li#about ul li#beginnings a:visited {
	width: 61px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -82px 0px;
}

ul#navigation li#about ul li#beginnings a:hover {
	width: 61px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -82px -24px;
}

ul#navigation li#about ul li#singapore a:link, 
ul#navigation li#about ul li#singapore a:visited {
	width: 57px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -143px 0px;
}

ul#navigation li#about ul li#singapore a:hover {
	width: 57px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -143px -24px;
}

ul#navigation li#about ul li#visionnfuture a:link, 
ul#navigation li#about ul li#visionnfuture a:visited {
	width: 78px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -200px 0px;
}

ul#navigation li#about ul li#visionnfuture a:hover {
	width: 78px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -200px -24px;
}

ul#navigation li#about ul li#ourcustomers a:link, 
ul#navigation li#about ul li#ourcustomers a:visited {
	width: 79px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -278px 0px;
}

ul#navigation li#about ul li#ourcustomers a:hover {
	width: 79px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -278px -24px;
}

ul#navigation li#about ul li#ourpartners a:link, 
ul#navigation li#about ul li#ourpartners a:visited {
	width: 99px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -357px 0px;
}

ul#navigation li#about ul li#ourpartners a:hover {
	width: 99px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -357px -24px;
}

ul#navigation li#about ul li#ourstaffs a:link, 
ul#navigation li#about ul li#ourstaffs a:visited {
	width: 50px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -456px 0px;
}

ul#navigation li#about ul li#ourstaffs a:hover {
	width: 50px;
	height: 24px;
	background: url(../images/menu_bar_about_sub.png) no-repeat -456px -24px;
}

*/




ul#navigation li#products ul li#diamond a:link, 
ul#navigation li#products ul li#diamond a:visited {
	width: 75px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat 0px 0px;
}

ul#navigation li#products ul li#diamond a:hover {
	width: 75px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat 0px -24px;
}

ul#navigation li#products ul li#promise a:link, 
ul#navigation li#products ul li#promise a:visited {
	width: 110px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -75px 0px;
}

ul#navigation li#products ul li#promise a:hover {
	width: 110px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -75px -24px;
}

ul#navigation li#products ul li#transformation a:link, 
ul#navigation li#products ul li#transformation a:visited {
	width: 125px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -185px 0px;
}

ul#navigation li#products ul li#transformation a:hover {
	width: 125px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -185px -24px;
}

ul#navigation li#products ul li#order a:link, 
ul#navigation li#products ul li#order a:visited {
	width: 90px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -310px 0px;
}

ul#navigation li#products ul li#order a:hover {
	width: 90px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -310px -24px;
}

ul#navigation li#products ul li#service a:link, 
ul#navigation li#products ul li#service a:visited {
	width: 90px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -400px 0px;
}

ul#navigation li#products ul li#service a:hover {
	width: 90px;
	height: 24px;
	background: url(../images/menu_bar_products_sub.png) no-repeat -400px -24px;
}







ul#navigation li#media ul li#press a:link, 
ul#navigation li#media ul li#press a:visited {
	width: 75px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat 0px 0px;
}

ul#navigation li#media ul li#press a:hover {
	width: 75px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat 0px -24px;
}

ul#navigation li#media ul li#video a:link, 
ul#navigation li#media ul li#video a:visited {
	width: 35px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat -75px 0px;
}

ul#navigation li#media ul li#video a:hover {
	width: 35px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat -75px -24px;
}

ul#navigation li#media ul li#event a:link, 
ul#navigation li#media ul li#event a:visited {
	width: 35px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat -110px 0px;
}

ul#navigation li#media ul li#event a:hover {
	width: 35px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat -110px -24px;
}
/*
ul#navigation li#media ul li#brouchures a:link, 
ul#navigation li#media ul li#brouchures a:visited {
	width: 50px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat -115px 0px;
}

ul#navigation li#media ul li#brouchures a:hover {
	width: 50px;
	height: 24px;
	background: url(../images/menu_bar_media_sub.png) no-repeat -115px -24px;
}
*/
