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


/* Styling for the top menu */

/* Step 3 - get rid of the bullets and margin */
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
 /*Step 4 - make the list horizontal*/ 
#menu li {
	float: left;
}
 /*Step 5 - Adding the initial images */
#menu li.list1 {
	background:transparent url(images/home.gif);
	}
#menu li.list2 {
	background:transparent url(images/sale.gif);
	}
#menu li.list3 {
	background:transparent url(images/invest.gif);
	}
#menu li.list4 {
	background:transparent url(images/service.gif);
	}
#menu li.list5 {
	background:transparent url(images/contact.gif);
	}
/* Step 6 - General link styling */
#menu a {
	display:block;
	width: 160px; 
	height: 0;
	padding-top: 46px;
	color: #000;
	overflow:hidden;
	}
/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height: 47px he\ight:0;
	border-style: none;
}
/* Step 7 - Seperating images*/
/*#menu li {float:left; margin-right: 1px;} */
/* Step 8 - Adding the hover images */
#menu a#item1 {background:transparent url(images/home_hvr.gif) -170px -50px no-repeat;}
#menu a#item2 {background:transparent url(images/sale_hvr.gif) -170px -50px no-repeat;}
#menu a#item3 {background:transparent url(images/invest_hvr.gif) -170px -50px no-repeat;}
#menu a#item4 {background:transparent url(images/service_hvr.gif) -170px -50px no-repeat;}
#menu a#item5 {background:transparent url(images/contact_hvr.gif) -170px -50px no-repeat;}

/* Step 9 - Adding the :hover style*/
#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
* html #menu a:hover {height:47px; he\ight:0;}