@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: 20px;
	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: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -23px;
	}


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

#m-about a  {
	width: 81px;
	background: url(../menu/about.gif) top left no-repeat;
	}

#m-portfolio a  {
	width: 97px;
	background: url(../menu/portfolio.gif) top left no-repeat;
	}

#m-approach a  {
	width: 115px;
	background: url(../menu/approach.gif) top left no-repeat;
	}

#m-green a  {
	width: 114px;
	background: url(../menu/green.gif) top left no-repeat;
	}

#m-links a  {
	width: 67px;
	background: url(../menu/links.gif) top left no-repeat;
	}

#m-showroom a  {
	width: 92px;
	background: url(../menu/showroom.gif) top left no-repeat;
	}

#m-contact a  {
	width: 74px;
	background: url(../menu/contact.gif) top left no-repeat;
	}
	
#m-blog a  {
	width: 74px;
	background: url(../menu/blog.jpg) top left no-repeat;
	}

-->