@charset "utf-8";
/* CSS Document */
/*		<ul id="nav">
			<li id="thome"><a href="#">Home</a>
			<li id="tguides"><a href="#" class="selected">Guides</a>
			<li id="tmag"><a href="#">Magazine</a>
			<li id="tarchives"><a href="#">Archives</a>
		</ul>*/
		
/*		class="active"
		
	<ul id="nav">
		<li id="m-home"><a href="#">Home</a></li>
		<li id="m-about"><a href="#">About Us</a></li>
		<li id="m-portfolio"><a href="#">Portfolio</a></li>
		<li id="m-approach"><a href="#">Our Approach</a></li>
		<li id="m-green"><a href="#">Green Design</a></li>
		<li id="m-links"><a href="#">Links</a></li>
		<li id="m-showroom"><a href="#">Showroom</a></li>
		<li id="m-contact"><a href="#">Contact</a></li>
	</ul>	*/	

#nav {
	margin: 0;
	padding: 0;
	height: 28px;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: right;

	}

	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -28px;
	}


#nav a:active, #nav a.selected, #nav a:hover.selected, #nav a:active.selected {
	background-position: 0 -56px;
	}
	
	#nav a.selected, #nav a:hover.selected, #nav a:active.selected {
		 cursor:default;
	 }
	
#m-home a  {
	width: 62px;
	background: url(../_menu/home.gif) top left no-repeat;
	}

#m-directory a  {
	width: 147px;
	background: url(../_menu/directory.gif) top left no-repeat;
	}

#m-gettinghere a  {
	width: 119px;
	background: url(../_menu/gettinghere.gif) top left no-repeat;
	}


#m-restaurants a  {
	width: 119px;
	background: url(../_menu/restaurants.gif) top left no-repeat;
	}
	
#m-contact a  {
	width: 90px;
	background: url(../_menu/contact.gif) top left no-repeat;
	}
	
	#m-leasing a  {
	width: 81px;
	background: url(../_menu/leasing.gif) top left no-repeat;
	}

-->