


#nav-bg {
   width: 764px;
   height: 41px;
   background: url(images/osam_navback3.jpg) top left no-repeat;
}

#nav {
   float: left;
   list-style: none;
   padding: 0;
   margin: 0;
   width: 764px;
   text-align: left;
}

#nav ul {
   list-style: none;
   line-height: 1;
   padding: 0;
   margin: 0;
}

#nav a {
   display: block;
   text-decoration: none;
   padding: 16px 0 0 0;
   margin: 0;
   color: #FFFFFF;
   font-family: Arial, Tahoma, Verdana, sans-serif;
   font-size: 10px;
   height: 41px;
   height/**/:/**/ 25px;
}

#nav a:hover {
   display: block;
   text-decoration: none;
   padding: 16px 0 0 0;
   margin: 0;
   color: #2B2B2B;
   height: 41px;
   height/**/:/**/ 25px;
}

#nav li {
	float: left;
	padding: 0;
   margin: 0;
}

#nav li.homenav {
   width: 90px;
}

#nav li.homenav a, #nav li.homenav a:hover {
   padding-left: 41px;
}

#nav li.aboutnav {
   width: 95px;
}

#nav li.aboutnav a, #nav li.aboutnav a:hover {
   padding-left: 28px;
}

#nav li.productsnav {
   width: 169px;
}

#nav li.productsnav a, #nav li.productsnav a:hover {
   padding-left: 29px;
}

#nav li.servicesnav {
   width: 95px;
}

#nav li.servicesnav a, #nav li.servicesnav a:hover {
   padding-left: 29px;
}

#nav li.supportnav {
   width: 90px;
}

#nav li.supportnav a, #nav li.supportnav a:hover {
   padding-left: 29px;
}

#nav li.eventsnav {
   width: 85px;
}

#nav li.eventsnav a, #nav li.eventsnav a:hover {
   padding-left: 29px;
}

#nav li.contactnav {
   width: 140px;
}

#nav li.contactnav a, #nav li.contactnav a:hover {
   padding-left: 29px;
}

/* SUBNAV */

#nav ul li ul li a.subnav {
   display: block;
   text-decoration: none;
   font: 10px Arial, Tahoma, Verdana, sans-serif;
   color: #000000;
   background: #CCCBAE url(images/osam_subnav.gif) top left no-repeat;
   margin: 0;
   padding: 4px 4px 0 28px;
   height: 24px;
   width: 186px;
   height/**/:/**/ 20px;
   width/**/:/**/ 154px;
}


#nav ul li ul li a:hover.subnav {
   color: #000000;
   background-color: #F4F5EF;
   margin: 0;
   padding: 4px 4px 0 28px;
   height: 22px;
   height/**/:/**/ 20px;
   width/**/:/**/ 154px;
}

#nav ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 186px;
	margin: 0;
   padding: 5px 0 5px 0;
   background-color: #CCCBAE;
}


#nav ul li li {
	width: 186px;
}

#nav ul li ul a {
	width: 186px;
}

#nav li:hover ul ul {
	left: -999em;
}





/*******SUB_SUBNAV*********/

#nav ul li ul li ul li a.subnav {
   display: block;
   text-decoration: none;
   font: 10px Arial, Tahoma, Verdana, sans-serif;
   color: #000000;
   background: #CCCBAE url(images/osam_subnav.gif) top left no-repeat;
   margin: 0;
   padding: 4px 4px 0 28px;
   height: 24px;
   width: 186px;
   height/**/:/**/ 20px;
   width/**/:/**/ 154px;
}


#nav ul li ul li ul lia:hover.subnav {
   color: #000000;
   background-color: #F4F5EF;
   margin: 0;
   padding: 4px 4px 0 28px;
   height: 22px;
   height/**/:/**/ 20px;
   width/**/:/**/ 154px;
}

#nav ul li ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 186px;
	margin: 0;
   padding: 5px 0 5px 0;
   background-color: #CCCBAE;
}



#nav ul li li li {
	width: 186px;
}

#nav ul li ul li ul a {
	width: 186px;
}





#nav li:hover ul {
	left: auto;
}

#nav li li:hover ul {
	left: 170px;
	top:60px;
}




#nav li li.sfhover ul {
	left: 170px;
	top:60px;
}

#nav li li li.sfhover ul {
	left: 170px;
	top:60px;
}

#nav ul li ul li:hover {
	background: #F4F5EF;
}

#nav ul li ul li.sfhover {
	background: #F4F5EF;
}*/
