/* = Customize IR
-------------------------------------------------------------------------------------- */
ul.listdrop 				{ float:right; background:url(../../themes/integreon/images/bg-menu.gif) repeat-x center top; }
ul.listdrop 					{ }

ul.listdrop li				{ }

/* height of menuitem (half of image height if two stages...) */
ul.listdrop a 				{ height:41px; border-top:4px solid #b5b5b5; margin-right:9px; }
ul.listdrop a span 			{ padding-top:41px; }

/* change IDs to match menuitems and add more items as needed, also add correct urls for each corresponding image.  Also make sure the width is correct */
ul.listdrop .industries a 				{ background-image: url(../../themes/integreon/images/mi_industries.gif); width:87px; }
ul.listdrop .services a 				{ background-image: url(../../themes/integreon/images/mi_services.gif); width:67px; }
ul.listdrop .benefits a 				{ background-image: url(../../themes/integreon/images/mi_benefits.gif); width:76px; }
ul.listdrop .resources a 				{ background-image: url(../../themes/integreon/images/mi_resources.gif); width:87px; }
ul.listdrop .businesses-we-serve a	{ background-image: url(../../themes/integreon/images/mi_businesses-we-serve.gif); width:144px; }
ul.listdrop .software-products a 		{ background-image: url(../../themes/integreon/images/mi_software-products.gif); width:130px; }
ul.listdrop .about a					{ background-image: url(../../themes/integreon/images/mi_about.gif); width:76px; }
ul.listdrop .news-media a 			{ background-image: url(../../themes/integreon/images/mi_news-media.gif); width:106px; }
ul.listdrop .news-resources a			{ background-image: url(../../themes/integreon/images/mi_news-resources.gif); width:129px; }
ul.listdrop .blog a					{ background-image: url(../../themes/integreon/images/mi_blog.gif); width:54px; }

ul.listdrop .what-we-do a 			{ background-image: url(../../themes/integreon/images/mi_what-we-do.gif); width:105px; }
ul.listdrop .who-we-serve a			{ background-image: url(../../themes/integreon/images/mi_who-we-serve.gif); width:117px; }
ul.listdrop .why-choose-us a 			{ background-image: url(../../themes/integreon/images/mi_why-choose-us.gif); width:122px; }
ul.listdrop .software a 				{ background-image: url(../../themes/integreon/images/mi_software.gif); width:83px; }
ul.listdrop .news-insight a 			{ background-image: url(../../themes/integreon/images/mi_news-insight.gif); width:120px; }
ul.listdrop .about a					{ background-image: url(../../themes/integreon/images/mi_about.gif); width:76px; margin-right:0px!important; }

/* change IDs to match menuitems and add more items as needed */

ul.listdrop .industries ul a,
ul.listdrop .services ul a,
ul.listdrop .benefits ul a,
ul.listdrop .resources ul a,
ul.listdrop .businesses-we-serve ul a,
ul.listdrop .software-products ul a,
ul.listdrop .abou ul a,
ul.listdrop .news-media ul a,
ul.listdrop .news-resources ul a,
ul.listdrop .blog ul a,
ul.listdrop .what-we-do ul a,
ul.listdrop .who-we-serve ul a,
ul.listdrop .why-choose-us ul a,
ul.listdrop .software ul a,
ul.listdrop .news-insight ul a,
ul.listdrop .about ul a { background:none; height:auto; width:13em; border-top:none; } /* reset the width here for drop downs. especially important if you used non-uniform widths for items */


/* Two Image States:
	If you are using two different states for you image, use this.
	This would be for rollovers only.
* /
ul.listdrop a:hover	{ background-position: 0 -45px; }
ul.listdrop li.current_page_item a { border-top:4px solid #036; }

/* Three Image States:
	If you are using three different states for you image, use this.
	This would be for rollovers, with a different state for current-page menu-items.
*/
/* change position to match menuitem height for rollovers */

ul.listdrop a:hover,
ul.listdrop li.current_page_item a:hover,
ul.listdrop li.current_page_item a,
ul.listdrop li:hover a,
ul.listdrop li.hover a	{ background-position: 0 -41px; }
ul.listdrop li.current_page_item a 		{ border-top-color:#036; background-position: 0 -82px; }

/**/


/* = Customize drop down
-------------------------------------------------------------------------------------- */
/* style the dropdown menu items */
ul.listdrop ul a {
	padding:0.5em 0.25em 0.5em 0.75em;
	text-decoration:none;
	color:#fff; /* set dropdown text color */
	border-right:.1em solid #fff;
	margin:0;
	}
ul.listdrop li li	{ border:none; }

/* adds arrow to items with children. update with parent menuitem ids for it to work */
ul.listdrop ul a span { display:block; padding:0 1em; }

ul.listdrop ul a.parent span { background:url(images/arrow_lt_white.gif) no-repeat left center; }

/* style dropdown */
ul.listdrop ul li.current_page_item li a,
ul.listdrop li ul 	{ background-color:#036; /* set dropdown background color */ }
ul.listdrop li ul 	{ width:14em; } 		/* width of dropdown menus */
ul.listdrop li ul ul 	{ margin-left:-14.1em; }	/* the left margin of the second level dropdowns should match the dropdown widths */
ul.listdrop li ul ul 	{ margin-top:-2em; }	/* adjust the y-location of the second level dropdowns relative to the parent item */

/* background color for hover and selected dropdown menu items */
ul.listdrop ul li:hover, ul.listdrop ul li.hover,
ul.listdrop ul a:hover,
ul.listdrop ul li.current_page_item li a:hover,
ul.listdrop ul li.current_page_item, ul.listdrop ul li.current_page_item a { background-color:#4b77a4; }