body {
	font-family: arial, helvetica, serif;
}
#divnav {
    clear: left;
    color: #ccc;
	height:138px;
	margin:auto;
}
/* lists */
#nav{
	width: 960px;
	height: 38px;
	position: relative;
	top:100px;
	left:0px;
	margin: 0;
	padding: 0px;
	z-index:100;
}
#nav li ul {
	position: absolute;
	top: 100%;
	left: -9999px;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: left;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
#nav li:hover ul,
#nav li.sfhover ul {
    left: 0;
    width: 250px;
}
/* items */
#nav li {
    position: relative;
    float: left;
    list-style: none;
    white-space: nowrap;
}
#nav li li {
    float: none;
	text-indent: 1.0em;;
}
/* main links */
#nav li a {
    float: left;
    height: 38px;
    overflow: hidden;
    font-size: 100%;
}
/* sub-links */
#nav li li a {
	color:#000000;
	float: none;
	display: block;
	font-size:12px;
	height: 20px;
	overflow: visible;
	line-height: 1.5;
	text-decoration: none;
}
#nav li li a:hover {
	color:#fff;
	background:#8DAA6C;
	width:250px;
}
/* main link text replacing */
#nav li a span {
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    background: url(../images/navigation_3.jpg) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 100%;
}
li#nav_abt a,
li#nav_abt a span {
    width: 105px;
    background-position: 0 0;
}
li#nav_prod a,
li#nav_prod a  span{
    width: 142px;
    background-position: -105px 0;
}
li#nav_ad a,
li#nav_ad a span {
    width: 65px;
    background-position: -247px 0;
}
li#nav_app a,
li#nav_app a span {
    width: 138px;
    background-position: -312px 0;
}
li#nav_how a,
li#nav_how a span {
    width: 124px;
    background-position: -450px 0;
}
li#nav_cst a,
li#nav_cst a span {
    width: 137px;
    background-position: -574px 0;
}
li#nav_ogc a,
li#nav_ogc a span {
    width: 248px;
    background-position: -711px 0;
}
li#nav_abt a:hover span {
    background-position: 0 -38px;
}
li#nav_prod a:hover span {
    background-position: -105px -38px;
}
li#nav_ad a:hover span {
    background-position: -247px -38px;
}
li#nav_app a:hover span {
    background-position: -312px -38px;
}
li#nav_how a:hover span {
    background-position: -450px -38px;
}
li#nav_cst a:hover span {
    background-position: -574px -38px;
}
li#nav_ogc a:hover span {
    background-position: -711px -38px;
}
#body_abt li#nav_abt span {
    background-position: 0 -76px;
}
#body_prod li#nav_prod span {
    background-position: -105px -76px;
}
#body_ad li#nav_ad span {
    background-position: -247px -76px;
}
#body_app li#nav_app span {
    background-position: -312px -76px;
}
#body_how li#nav_how span {
    background-position: -450px -76px;
}
#body_cst li#nav_cst span {
    background-position: -574px -76px;
}
#body_ogc li#nav_ogc span {
    background-position: -711px -76px;
}
