﻿

#top-menu-container
{
	text-align: center;
		background-image: url(../images/bg.gif) ;
	background-repeat:repeat-x;
	width: 980px;
	margin-top:-30px;
	
}
#top-menu
{
	width: 980px;
	height: 47px;
	margin: 0px auto;	
	position: relative;		
	text-align: left;
}
ul#topnav {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style: none;
	z-index:99;
	

		
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Important--*/
	z-index: 99999;
	color:White;


}

ul#topnav li a 
{
	float: left;
	
	text-align:center;	
	vertical-align: middle;

	font-size: 15px;
	
	line-height:50px;
	text-decoration:none;
	color: White ; 
font-family:Tahoma;

	
	
}
ul#topnav li:hover a, ul#topnav li a:hover 
{
	background: url(../images/menu-hover.gif) repeat-x;
	height:50px;
	line-height:50px;
	color:White;
	
}
ul#topnav li ul li a:hover 
{
	background-image: none;
	border: none;
	
}
ul#topnav li.active 
{
	    background: url("../images/menu-hover.gif") repeat-x ;
    color: White; 
 vertical-align: middle;
	margin: 0px auto;	


}
.active span
{
	color:White;	
	
}
ul#topnav li .sub 
{
	position: absolute; 
	top: 54px;

 display: none;
 	 
z-index: 99;
width: 178px;

}

ul#topnav li .sub ul.column 
{
	list-style: none;
	
	width: 178px;
	float: left;
	list-style-type: none;	
padding: 10px 0;
text-align: center; width: 178px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background-image:url(../images/testbotron2.png);
background-repeat:repeat;
behavior: url(http://tracomeco.com/PIE.htc);


 
}

ul#topnav .sub ul.column li 
{
	width:178px;
	color:White;	
	

}



ul#topnav .sub ul.column li a {
	float: left; /*--Override text-indent from parent list item--*/
	border: none;
	background-image: none;
	height: 34px;
	line-height: 34px;	


	font-family:Tahoma;
	font-size: 12px;
	padding-left:15px;

	overflow: hidden;
	text-transform: none;
	font-weight: normal;
	color:White;
	width:178px;
	text-align:left;
	margin-left:8px;
	
	


}

ul#topnav .sub ul.column li a:hover
 {
	
	background-image:url(../images/sub-hover.png);
	background-repeat:no-repeat;
	
	
}

/*--------------------------*/


ul#topnav li.style1 a{	width:182px;	height:48px;	line-height:48px;	text-align:center;}
ul#topnav li.style1 a:hover,ul#topnav li.style1 a.active {background-image:url(../images/nut1.png);	background-repeat:no-repeat;}
ul#topnav li.style2 a{	width:229px;margin-left:-16px;text-align:center;height:48px;line-height:48px;	}
ul#topnav li.style2 a:hover,ul#topnav li.style2 a.active{background-image:url(../images/nut2.png);	background-repeat:no-repeat;}
ul#topnav  li.style3 a{	width:221px;	height:50px; margin-left :-16px;	line-height:48px;text-align:center;	}
ul#topnav  li.style3 a:hover,ul#topnav li.style3 a.active{background-image:url(../images/nut3.png);	background-repeat:no-repeat;}
ul#topnav li.style4 a{	width:229px;	height:48px;margin-left:-16px;	line-height:48px;text-align:center;	}
ul#topnav li.style4 a:hover,ul#topnav li.style4 a.active{background-image:url(../images/nut4.png);text-align:center;	background-repeat:no-repeat;}
ul#topnav li.style5 a{	width:182px;	height:48px;	line-height:48px;margin-left:-15px;	text-align:center;}
ul#topnav li.style5 a:hover,ul#topnav li.style5 a.active{background-image:url(../images/nut5.png);	background-repeat:no-repeat;}


