/* Dropdown menu
( Copy this code into your stylesheet. 
IT IS THE ONLY CSS YOU NEED TO EDIT!!! )
-----------------*/
/*
.menu a {
border-right: 1px solid #F7AB60;
font-weight: bold;
text-transform: uppercase;
font-size: 0.9em;
}

.menu li.last a, 
.menu li li a {
border: none;
}

.menu a:link,
.menu a:visited {
color: #fff;
text-decoration: none;
background-color: #F2891C
}

.menu a:hover {
color: #22243D;
}

.menu li li a {
border: none;
text-transform: none;
}
*/
/* CSS Menu */

#menu {
	width: 860px;
	height: 25px;
	margin: 0;
	padding: 0;
	}	

#menu img {
	float: left;
}
	
.menu ul {
	list-style-type: none;
	}

.menu li {
	float: left;
	}	

/*grouped elements from main buttons*/
#mm_home,
#mm_buying,
#mm_selling,
#mm_renting,
#mm_finance,
#mm_news,
#mm_about,
#mm_contact {
	display: block;
	height: 25px;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999em;
	}	

/*main menu buttons*/
#mm_home {
	background-image: url(../images/mm_home.gif);
	width: 100px;
	}

#mm_buying {
	background-image: url(../images/mm_buying.gif);
	width: 102px;
	}

#mm_selling {
	background-image: url(../images/mm_selling.gif);
	width: 100px;
	}

#mm_renting {
	background-image: url(../images/mm_renting.gif);
	width: 102px;
	}
	
#mm_finance {
	background-image: url(../images/mm_finance.gif);
	width: 152px;
	}
	
#mm_news {
	background-image: url(../images/mm_news.gif);
	width: 100px;
	}

#mm_about {
	background-image: url(../images/mm_about.gif);
	width: 102px;
	}

#mm_contact {
	background-image: url(../images/mm_contact.gif);
	width: 102px;
	}

.menu li a#mm_home :hover,
.menu li a#mm_buying:hover,
.menu li a#mm_selling:hover,
.menu li a#mm_renting:hover,
.menu li a#mm_finance:hover,
.menu li a#mm_news:hover,
.menu li a#mm_about:hover,
.menu li a#mm_contact:hover {
	background-position: bottom left;
	}	
	
/* second-level lists */		
.menu li ul { 
	text-transform: lowercase;
	text-decoration: none; 
	padding:0; 
	margin:0;
	width: 160px;
	}

.menu ul li a {
	display: block; 
	width: 160px; 
	height: 20px;
	padding: 4px;
 	border: 0px solid #FFF;
 	background: #424d3d;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	}
		
.menu ul li a:hover {
	text-decoration: none; 
	border: 0px solid #FFF;
	background: #f8981d;
	color: #424d3d;
	}

/*Activates main button*/
body#home #mm_home,
body#buying #mm_buying,
body#selling #mm_selling,
body#renting #mm_renting,
body#finance #mm_finance,
body#news #mm_news,
body#about #mm_about,
body#contact #mm_contact {
	background-position: bottom left;
	}