/***********************/
/***** show/hide *******/
/***********************/
.show {
  display:block;
}
.hide {
  display:none;
}

/***********************/
/***** :hover anything */
/***********************/
#nav {
  behavior:url(/js/csshover.htc);
}

/***********************/
/***** nav *************/
/***********************/
#nav {
  position:relative;
  margin:0;
  padding:0;
  border:0;
  height:33px;
  list-style-type:none;
}
#nav li {
  position:absolute;
  top:0;
  display:block;
  float:left;
  margin:0;
  padding:0;
}
#nav li a {
  display:block;
  text-decoration:none;
	color:#fff;
	font-size:11px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
}
#nav li a:hover,
#nav li.hover a,
#nav li.on a {
	color:#ccc;
}

#navcompany      { left:0px;   width:130px; }
#navtechnology   { left:130px; width:103px; }
#navledcooling   { left:233px; width:101px; }
#navproducts     { left:334px; width:90px; }
#navnews         { left:424px; width:75px; }
#navcontact      { left:499px; width:82px; }

/***********************/
/***** dhtml ***********/
/***********************/
#nav li ul,
#nav li ul li {
  width:160px;
}
#nav li li > ul {
	top:auto;
	left:auto;
}
#nav li ul {
  position:relative;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  border-right:solid 1px #494949;
}
#nav li li ul {
  background-color:#666;
  display:none !important;
  position:absolute; 
  top:0;
  left:100%;
}
#nav li li:hover ul { display: block !important; }
#nav li li.over ul { display: block !important; }

#nav li ul li {
  position:relative;
  display:block;
  float:left;
  margin:0;
  padding:0;
  height:auto;
  top:0;
}
#nav li ul li a {
  text-align:left;
  display:block;
  margin:0;
  padding:3px 18px;
  height:100%;
  font: normal 11px/18px "Trebuchet MS",sans-serif;
  text-indent:0px;
  background-color:#666;
  border:solid 1px #909090;
  border-left-color:#919191;
  border-bottom-color:#575757;
  border-right:none;
}
#nav li ul li a:hover {
	background:#1e5386;
	color:#fff;
}