#logo{
	float: left;
	width: 230px;
	height: 89px;	
	background-image: url('/images/logo.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-color:#e1e1e1;
}

#top_nav_sections{
	margin-left:230px;
}

#top_navbar{
	clear:both;
	width:100%;
	height:89px;
	background-color:#e1e1e1;
	border-bottom-style:solid;
	border-bottom-color:#FFF;
	border-bottom-width:2px;
}

#searchbar{
	margin-bottom:15px;
	margin-right:20px;
	padding-top:15px;
	font-size:90%;
	line-height:35px;
	text-align:right;
}

.search_field{
	width:95px;
	height:16px;
	font-size:90%;
	padding-left:5px;
	padding-top:4px;
	border-style: solid;
	border-color: #b7b7b7;
	border-width: 1px;
	background-color: #e1e1e1;	
	color: #404040;
	float:right;
}

.search_submit{
	font-weight:bold;
	font-size:93%;
	margin-left:3px;
	padding:2px 3px 2px 3px;
	border-style: solid;
	border-color: #8f8f8f;
	border-width: 1px;
	background-color: #c50000;
	float:right;	
}

/* ---- dropdown menu ---- */
.section_title{
	display:block;
	padding-top:56px;
	font-size:100%;
	color:#404040;
}

#jsddm
{	margin:0;
	padding: 0;
}

	#jsddm li
	{	float: left;
		list-style: none;
		font-size:11px;
	}



	#jsddm li a
	{	
		display: block;
		width: 73px;
		height:89px;
		white-space: nowrap;
		}

		
	.aboutus{
		background-image:url('/images/menu/aboutUs_n.jpg');
}
		
	.aboutus:hover{
		background-image:url('/images/menu/aboutUs_a.jpg');
}
		
	.products{
		background-image:url('/images/menu/products_n.jpg');
}
		
	.products:hover{
		background-image:url('/images/menu/products_a.jpg');
}
		
	.markets{
		background-image:url('/images/menu/markets_n.jpg');
}
		
	.markets:hover{
		background-image:url('/images/menu/markets_a.jpg');
}
		
	.support{
		background-image:url('/images/menu/support_n.jpg');
}
		
	.support:hover{
		background-image:url('/images/menu/support_a.jpg');
}
		
	.partners_menu{
		background-image:url('/images/menu/partners_n.jpg');
}
		
	.partners_menu:hover{
		background-image:url('/images/menu/partners_a.jpg');
}
		
	.contactus{
		width:78px;
		background-image:url('/images/menu/contactUs_n.jpg');
}
		
	.contactus:hover{
		background-image:url('/images/menu/contactUs_a.jpg');
}

/*
	#jsddm li a:hover
	{
		margin-bottom:1.5px;
		text-decoration: none;
		color: #c50000;
		background-image:url('/images/homeMenu_active.jpg');
	}
		
*/

	
	/* --- old css for two cloumn layout
	#jsddm li.nohighlight a:hover
	{
		text-decoration: none;
	}
 	--- */
		
		#jsddm li ul
		{	
			float: left;
			width: auto;
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white; 
			z-index:1;
			}		
		
			#jsddm li ul li
			{	float: none;
				display: block;
			
				height:24px;

				
				top: 0; /* These positions makes sure that the overlay */
				bottom: 0; /* will cover the entire parent */
				left: 0;
				min-width:140px;
				background: #404040;
				opacity: 0.95;
				-moz-opacity: 0.95; /* older Gecko-based browsers */
				filter:alpha(opacity=95); /* For IE6&7 */
			}

			#jsddm li ul li a{
				font-size:12px;
				min-width:140px;
				font-weight:bold;
				text-align:left;
				color:#dfdfdf;
				letter-spacing:0.5px;
			}

			/* --- old css for two cloumn layout

			#jsddm li ul li.nohighlight a
			{	
				background-color: #404040;
			}

			#jsddm li ul li.nohighlight a:hover
			{	
				background-color: #404040;
			}
			---*/
			#jsddm li ul li a:hover
			{	
				color:#FFFFFF;
				font-size:12px;
			}
			
			#jsddm li ul li.nohighlight a{
				color:#6b6b6b;
				font-style:italic;
			}

			
			#jsddm li ul li li
			{
				opacity: 1;
				-moz-opacity: 1; /* older Gecko-based browsers */
				filter:alpha(opacity=100); /* For IE6&7 */
			}

			#jsddm li ul li li a
			{
				text-align:left;
			}

					
			#jsddm li ul li.header
			{
				font-size:12px;
				font-style:italic;
				font-weight:bold;
				display: block;
				padding: 5px 12px 5px 12px;
				text-decoration: none;
				min-width:140px;
				height: auto;
				color:#bbaab6;
				white-space: nowrap;
			}

			
			#jsddm li ul li a
			{	display: block;
				background: #404040;
				padding: 5px 12px;
				text-decoration: none;
				min-width:140px;
				height: auto;
				color: #FFF;
				white-space: nowrap}
			
			#jsddm li ul li a:hover
			{	background: #c50000;}
			
			
			
			#save for overlay{
				/* CSS Overlay */
				position: absolute;
				top: 0; /* These positions makes sure that the overlay */
				bottom: 0; /* will cover the entire parent */
				left: 0;
				width: 100%;
				background: #404040;
				opacity: 0.95;
				-moz-opacity: 0.95; /* older Gecko-based browsers */
				filter:alpha(opacity=95); /* For IE6&7 */
			}

.current_text{
height:35px;
display:block;
padding-top:56px;
background: #e1e1e1 url('/images/section_rollover.png');
		text-decoration: none;
		color: #C60001;
		}