@charset "UTF-8";
/* CSS Document */

#nav_container {
	width:940px;
	height:auto;
}

#logo {
	float:left;
	display:block;
	margin:15px 0px 10px 0px;
}

#nav_phone_number {
	float:right;
	display:block;
	font-size:17px;
	color:#fff;
	margin:65px 0px 0px 0px;
}

#nav_bar {
	width:940px;
	height:42px;
	background:url(../images/nav/background.png) top center no-repeat;
	behavior:url(../js/iepngfix.htc);
	clear:both;
}

#nav_bar ul {
	list-style:none;
}

#nav_bar li {
	float:left;
	margin:0px;
	padding:0px;
	
}

#nav_bar span {
	height:21px;
	overflow:hidden;
	text-indent:-999999px;
	display:block;
	behavior:url(../js/iepngfix.htc);
	margin:0px 0px 0px 10px;
	padding:0px;
	
}

#search_input {
	width:160px;
	height:21px;
	background:url(../images/search_bar.gif) left no-repeat;
	display:block;
	border:none;
}

#search_input input {
	border:none;
	padding:2px 5px 0px 5px;
	width:150px;
	height:19px;
	background:none;
	font-size:12px;
	color:#fff;
}

#search_submit {
	width:21px;
	height:21px;
	display:block;
	border:none;
	background:url(../images/search_button.png) center no-repeat;
	behavior:url(../js/iepngfix.htc);
	text-indent:-999999px;
	overflow:hidden;
	margin:0px 0px 0px 5px;
}



/* ROLLOVERS */

#nav_about {
	width:52px;
	/* background:url(../images/nav/about.png) no-repeat; */
	background:url(../images/nav/home.png) no-repeat;
}

#nav_about:hover {
	/* background:url(../images/nav/about_over.png) no-repeat; */
	background:url(../images/nav/home_over2.png) no-repeat;
}

#nav_request_info {
	width:99px;
	background:url(../images/nav/request_info.png) no-repeat;
}

#nav_request_info:hover {
	background:url(../images/nav/request_info_over.png) no-repeat;
}

#nav_portfolio_maestro {
	width:134px;
	background:url(../images/nav/portfolio_maestro.png) no-repeat;
}

#nav_portfolio_maestro:hover {
	background:url(../images/nav/portfolio_maestro_over2.png) no-repeat;
}

#nav_product_ordering {
	width:125px;
	background:url(../images/nav/product_ordering.png) no-repeat;
}

#nav_product_ordering:hover {
	background:url(../images/nav/product_ordering_over.png) no-repeat;
}

#nav_news_info {
	width:95px;
	background:url(../images/nav/news_info.png) no-repeat;
}

#nav_news_info:hover {
	background:url(../images/nav/news_info_over.png) no-repeat;
}

#nav_support {
	width:64px;
	background:url(../images/nav/support.png) no-repeat;
}

#nav_support:hover {
	background:url(../images/nav/support_over.png) no-repeat;
}

#nav_contact {
	width:52px;
	background:url(../images/nav/contact.png) no-repeat;
}

#nav_contact:hover {
	background:url(../images/nav/contact_over.png) no-repeat;
}



/* SUCKERFISH */
#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1.35;
	text-align:left;
}

#nav a {
	display: block;
	/* width: 10em; */
}

#nav li { /* all list items */
	float: left;
	/* width: 10em;  width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#327614;
	border:#235a10 1px solid;
	width: 140px;
	margin:0px 0px 0px 0px;
	/*margin:-3px 0px 0px 10px;*/
	z-index:100;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a {
	width:130px;
	padding:7px 0px 7px 10px;
	border-bottom:#235a10 1px solid;
	color:#fff;
	text-decoration:none;
}

#nav li ul a:hover {
	color:#000;
	background-color:#40901c;
	text-decoration:none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* New Nav Bar functionality */
#jsddm
{	margin: 0;
	padding: 0;
}

#jsddm a {
	display:block;
}


	#jsddm li {
		float: left;
		list-style: none;
		line-height: 1.35;
		text-align:left;
	}

	#jsddm li a
	{	}

	#jsddm li a:hover
	{	}
		
	#jsddm li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		visibility:hidden;
		z-index:100;
	}
		
			#jsddm li ul li
			{ 	float:none;
				background-color:#327614;
				border-bottom:#235a10 1px solid;
				width:140px;
				
				}
			
				#jsddm li ul li a
				{	width:130px;
					padding:7px 0px 7px 10px;
					color:#fff;
					text-decoration:none;}
			
				#jsddm li ul li a:hover
				{	color:#000;
					background-color:#40901c;
					text-decoration:none;}