/*hide buttons*/
.hide {
	display:none;
}
/* dropdowns functionality dont touch!!!! */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; float: left; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
	/* html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 31px; }
    
#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/*dropdowns*/
#nav_wrapper {
	margin:0px;
	padding:0px 0px 15px 30px;
	float:left;
	width: 874px;
	z-index:10;
	position:absolute;
	top:109px;
	left:0;
}
#nav li li a{ 
	display: block; 
	margin: 0px; 
	padding: 5px 10px 7px 12px; 
	text-decoration: none; 
	color: #FFF;
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
}
#nav li li a:hover{
	background-image:url(../images/nav_bg_ho.jpg);
	background-repeat:repeat-x;
}


/* Styles for pretty buttons */
#btn_enviro {
	width: 175px; height: 31px;
	background: url(../images/enviro.jpg) top left no-repeat;
	float: left;
}
#btn_enviro a {
	width: 100%; height: 100%;
	background: url(../images/enviro.jpg) top left no-repeat;
	display: block;
	margin: 0; padding: 0; border: 0;
	text-decoration: none;
}
#btn_enviro a:hover {
	background: url(../images/enviro.jpg) top right no-repeat;
}
#btn_energy {
	width: 85px; height: 31px;
	background: url(../images/energy.jpg) top left no-repeat;
	float: left;
}
#btn_energy a {
	width: 100%; height: 100%;
	background: url(../images/energy.jpg) top left no-repeat;
	display: block;
	margin: 0; padding: 0; border: 0;
	text-decoration: none;
}
#btn_energy a:hover {
	background: url(../images/energy.jpg) top right no-repeat;
}
#btn_indust {
	width: 107px; height: 31px;
	background: url(../images/indust.jpg) top left no-repeat;
	float: left;
}
#btn_indust a {
	width: 100%; height: 100%;
	background: url(../images/indust.jpg) top left no-repeat;
	display: block;
	margin: 0; padding: 0; border: 0;
	text-decoration: none;
}
#btn_indust a:hover {
	background: url(../images/indust.jpg) top right no-repeat;
}
#btn_system {
	width: 188px; height: 31px;
	background: url(../images/system.jpg) top left no-repeat;
	float: left;
}
#btn_system a {
	width: 100%; height: 100%;
	background: url(../images/system.jpg) top left no-repeat;
	display: block;
	margin: 0; padding: 0; border: 0;
	text-decoration: none;
}
#btn_system a:hover {
	background: url(../images/system.jpg) top right no-repeat;
}
#btn_product {
	width: 99px; height: 31px;
	background: url(../images/product.jpg) top left no-repeat;
	float: left;
}
#btn_product a {
	width: 100%; height: 100%;
	background: url(../images/product.jpg) top left no-repeat;
	display: block;
	margin: 0; padding: 0; border: 0;
	text-decoration: none;
}
#btn_product a:hover {
	background: url(../images/product.jpg) top right no-repeat;
}
#btn_about {
	width: 99px; height: 31px;
	background: url(../images/about.jpg) top left no-repeat;
	float: left;
}
#btn_about a {
	width: 100%; height: 100%;
	background: url(../images/about.jpg) top left no-repeat;
	display: block;
	margin: 0; padding: 0; border: 0;
	text-decoration: none;
}
#btn_about a:hover {
	background: url(../images/about.jpg) top right no-repeat;
}
#btn_news {
	width: 121px; height: 31px;
	background: url(../images/news.jpg) top left no-repeat;
	float: left;
}
#btn_news a {
	width: 100%; height: 100%;
	background: url(../images/news.jpg) top left no-repeat;
	display: block;
	margin: 0; padding: 0; border: 0;
	text-decoration: none;
}
#btn_news a:hover {
	background: url(../images/news.jpg) top right no-repeat;
}

/*drop down custom width*/


#btn_enviro ul li{
	margin-left:45px;
}
#btn_enviro ul li{
	width:110px;
}
#btn_energy ul li{
	width:95px;
}
#btn_indust ul li{
	width:105px;
}
#btn_system ul li{
	width:167px;
}
#btn_product ul li{
	width:105px;
}