/* = Customize IR
-------------------------------------------------------------------------------------- */
#listdropwrap {

	}
#listdrop 					{ padding-left:255px; }
#listdrop a 				{ height: 72px; /* height of menuitem (half of image height) */ }
#listdrop a 				{ width: 72px; overflow: hidden; /* width of menuitem */ }

#listdrop li				{ padding-left:16px; }

/* height of menuitem (half of image height) */
#listdrop a span 			{ padding-top: 72px; }

/* 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 */
#listdrop #home a,
#listdrop #about a,
#listdrop #services a,
#listdrop #projects a,
#listdrop #blog a,
#listdrop #links a,
#listdrop #contact a
{ background-image: url(../../plugins/listdrop/images/menu2.gif); }

/* change IDs to match menuitems and add more items as needed */
#listdrop #tucson ul a,
#listdrop #san-diego ul a,
#listdrop #property-map ul a,
#listdrop #rentals ul a,
#listdrop #blog ul a,
#listdrop #links ul a,
#listdrop #contact ul a { background:none; height:auto; width:10em; }


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

/* 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 */
#listdrop #home a		{background-position: -0px 0;}
#listdrop #about a		{background-position: -86px 0;}
#listdrop #services a	{background-position: -172px 0;}
#listdrop #projects a	{background-position: -258px 0;}
#listdrop #blog a		{background-position: -344px 0;}
#listdrop #links a		{background-position: -430px 0;}
#listdrop #contact a	{background-position: -516px 0;}

#listdrop #home a:hover		{background-position: -0px -72px;}
#listdrop #about a:hover	{background-position: -86px -72px;}
#listdrop #services a:hover	{background-position: -172px -72px;}
#listdrop #projects a:hover	{background-position: -258px -72px;}
#listdrop #blog a:hover		{background-position: -344px -72px;}
#listdrop #links a:hover	{background-position: -430px -72px;}
#listdrop #contact a:hover	{background-position: -516px -72px;}

#listdrop #home.current_page_item a		{background-position: -0px -144px;}
#listdrop #about.current_page_item a	{background-position: -86px -144px;}
#listdrop #services.current_page_item a	{background-position: -172px -144px;}
#listdrop #projects.current_page_item a	{background-position: -258px -144px;}
#listdrop #blog.current_page_item a		{background-position: -344px -144px;}
#listdrop #links.current_page_item a	{background-position: -430px -144px;}
#listdrop #contact.current_page_item a	{background-position: -516px -144px;}




/* = Customize drop down
-------------------------------------------------------------------------------------- */
/* style the dropdown menu items */
#listdrop ul a {
	padding: 0.5em 2em;
	text-decoration: none;
	color: #414717; /* set dropdown text color */
	margin: 0;
	}

/* adds arrow to items with children. update with parent menuitem ids for it to work */
#listdrop #tucson ul a.parent,
#listdrop #san-diego ul a.parent,
#listdrop #property-map ul a.parent,
#listdrop #rentals ul a.parent,
#listdrop #blog ul a.parent,
#listdrop #links ul a.parent,
#listdrop #contact ul a.parent {
	background-image: url(../../plugins/listdrop/images/listdrop_arrow_wht.gif);
	background-position: center right;
	background-repeat: no-repeat;
	}

/* style dropdown */
#listdrop li ul {
	width: 14em;
	background-color: #dedebd; /* set dropdown background color */
	border:1px #fff solid;
	/** /font-weight: bold;/**/
	}

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