/* navtop ---------------- */

.container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	background: #565619 url(/img/pix/nav_blank.png) no-repeat;
}
ul#navtop {
	margin: 0; padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	font-size: 0.9em;
	padding-left: 5px;
	background: url(/img/pix/nav_blank.png) top no-repeat;
}
ul#navtop li {
	float: left;
	margin: 0; 
	padding: 0;
	position: relative;
}
ul#navtop li a {
	float: left; 
	text-indent: -9999px;
	height: 43px;
}
ul#navtop li:hover a, ul#navtop li a:hover { background-position: left bottom; 
}
ul#navtop a.what {
	background: url(/img/pix/nav_what.png) no-repeat;
	width: 120px; 
}
ul#navtop a.products {
	background: url(/img/pix/nav_products.png) no-repeat;
	width: 96px; 
}
ul#navtop a.difference {
	background: url(/img/pix/nav_difference.png) no-repeat;
	width: 193px; 
}
ul#navtop a.approach {
	background: url(/img/pix/nav_approach.png) no-repeat;
	width: 91px; 
}
ul#navtop a.library {
	background: url(/img/pix/nav_library.png) no-repeat;
	width: 143px; 
}
ul#navtop a.newsevents {
	background: url(/img/pix/nav_newsevents.png) no-repeat;
	width: 130px; 
}
ul#navtop a.blog {
	background: url(/img/pix/nav_blog.png) no-repeat;
	width: 68px; 
}
ul#navtop a.company {
	background: url(/img/pix/nav_company.png) no-repeat;
	width: 91px; 
}
ul#navtop a.support {
	background: url(/img/pix/nav_support.png) no-repeat;
	width: 81px; 
}
ul#navtop a.login {
	background: url(/img/pix/nav_login.png) no-repeat;
	width: 82px; 
	height: 28px; 
	color: #777;
}

/* sub ---------------- */

ul#navtop li .sub {
	position: absolute;	
	top: 43px; left: 0;
	z-index: 1;
	background: url(/img/pix/sub_bg.png) repeat-x; 
	border: 1px solid #ddd;
	border-top: 0px solid #ececec;
/*	background-color: #fcfcfc; filter: alpha(opacity=90); opacity: 0.90; -moz-opacity: 0.90; */
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#navtop li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#navtop li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 200px;
	float: left;
}
ul#navtop .sub ul li {
	width: 100%;
	color: #555;
}
ul#navtop .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#navtop .sub ul li h2 {
/*	padding: 6px 0; */
	background-image: none;
	color: #6269a1;
}
ul#navtop .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
/*	background: url(/img/pix/navlist_arrow.png) no-repeat 5px 12px; */
	padding: 1px 0;
	display: block;
	text-decoration: none;
	color: #555;
}
ul#navtop .sub ul li a:hover {
/*	font-weight: bold; */
	padding-left: 3px;
	color: #b22; 
	background-color: #fff;
}