#navWrapper
{
	background-position: right top;
	height: 84px;
	width: 900px;
	background-image: url(../CSS/images/iOMasterPage1/OrangeNavRH.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#navContent 
{
	float: left;
	padding-top: 5px;
	background-image: url(../CSS/images/iOMasterPage1/orangeNavbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 842px;
    
}



/*--- http://veerle.duoh.com/index.php/blog/comments/2_level_horizontal_navigation_in_css_with_images/ ---------*/

body {
	behavior:url("http://www.my-io.com/CSS/csshover.htc");
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	height: 84px;
	position: relative;
}

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

/*p, p a {
	
	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;	*/
	height: 51px;
	width:120px;
	background-image: url(../CSS/images/iOMasterPage1/OrangeNavBtnBG.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
}

ul#navigation li a:link, ul#navigation li a:visited {
	border: 0;
	display: block;
	color: #ffffff;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	text-decoration: none;
	font-weight: 550;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(../CSS/images/iOMasterPage1/orangeNav-over.gif);
	background-repeat: no-repeat;
	background-position: right top;
}	
	
/*</group>*/



/*<group=level 2>*/


#navigation li ul {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 700px;
	margin: 0;
	/*border: 1px solid #CCCCCC;	*/
}




#navigation li#products ul {
	margin-left: 120px;
	
	
}
* html #navigation li#products ul {
	margin-left: 120px;
}
#navigation li#support ul {
	margin-left: 240px;
}
* html #navigation li#support ul {
	margin-left: 240px;
}
#navigation li#register ul {
	margin-left: 430px;
}
* html #navigation li#register ul {
	margin-left: 430px;
}
#navigation li#where ul {
	margin-left: 350px;
}
* html #navigation li#where ul {
	margin-left: 350px;
}



#navigation li#products ul li, #navigation li#support ul li, #navigation li#register ul li, #navigation li#where ul li  {
	/*display: block;
	visibility: hidden;*/ 
	height:28px;
	margin: 0;
	padding: 0;
	background-image: none;
	/*background-color: #FFFFFF; */
	width: auto;
	display: inline;	
}

#navigation li#products ul li a, #navigation li#support ul li a, #navigation li#register ul li a, #navigation li#where ul li a {
	background-image: none;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;	
}
#navigation li#products ul li a:link, #navigation li#products ul li a:visited, #navigation li#support ul li a:link, #navigation li#support ul li a:visited, #navigation li#register ul li a:link, #navigation li#register ul li a:visited, #navigation li#where ul li a:link, #navigation li#where ul li a:visited {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
#navigation li#products ul li a:hover, #navigation li#support ul li a:hover, #navigation li#register ul li a:hover, #navigation li#where ul li a:hover {
	background-image: none;
	text-decoration: underline;	
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}






/*</group>*/

/*<group=level 2 ids>*/
/*
ul#navigation li#extra ul li#icons a:link, 
ul#navigation li#extra ul li#icons a:visited {
	width: 36px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat 0px 0px;
}

ul#navigation li#extra ul li#icons a:hover {
	width: 36px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat 0px -21px;
}

ul#navigation li#extra ul li#desktops a:link,
ul#navigation li#extra ul li#desktops a:visited {
	width: 54px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat -36px 0px;
}

ul#navigation li#extra ul li#desktops a:hover {
	width: 54px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat -36px -21px;
}*/



/*
ul#navigation li#products ul li#hardw a:link, 
ul#navigation li#products ul li#hardw a:visited {
	width: 61px;
	height: 21px;
	background: url(subnavigation_products.gif) no-repeat -56px 0px;
}

ul#navigation li#products ul li#hardw a:hover {
	height: 21px;
	background: url(subnavigation_products.gif) no-repeat -56px -21px;
}
	
/*</group>*/