/* menu styles */
#jsddm
{	margin: 0;
	padding: 0;
}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #000;
		padding: 0;
		margin: 0;
		text-decoration: none;
		border-right: none;
		height: 33px;
		color: #EAFFED;
		white-space: nowrap}
		
	#jsddm li a.products
	{ 
		background: url(http://gardusinc.com/images/n_product_off.jpg) no-repeat;
		width:130px;
	}
	
	#jsddm li a.about
	{ 
		background: url(http://gardusinc.com/images/n_about_off.jpg) no-repeat;
		width:131px;
	}
	
	#jsddm li a.contact
	{ 
		background: url(http://gardusinc.com/images/n_contact_off.jpg) no-repeat;
		width:129px;	
	}

	#jsddm li a.products:hover
	{	background: url(http://gardusinc.com/images/n_product_on.jpg) no-repeat; 
		width:130px;
	}
	
	#jsddm li a.about:hover
	{	
		background: url(http://gardusinc.com/images/n_about_on.jpg) no-repeat; 
		width:131px;	
	}
		
	#jsddm li a.contact:hover
	{	
		background: url(http://gardusinc.com/images/n_contact_on.jpg) no-repeat; 
		width:129px;
	}
	
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;	
		}
		
			#jsddm li ul li
			{	float: left;
				display: inline;
				text-align: center;	
			}
			#jsddm li ul li.linteater{
				border: 1px solid #666666;
				border-right: 1px solid #CCCCCC;
			}
			
			#jsddm li ul li.sooteater
			{
				border: 1px solid #666666;
				border-left: none;
			}
			
			#jsddm li ul li a
			{	width: 130px;
				height: 15px;
				background: #eeeeee;
				color: #333333;
				padding: 3px 0px;
				
			}
			
			#jsddm li ul li a:hover
			{	background: #333333;
				color: #eeeeee;			
			 }