body {
	background-color: #ffffff;
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 742px;
	height: 28px;
	background: #ffffff url(../images/navigation_over.gif) no-repeat;
}

a, a:link, a:visited {
	text-decoration: none;x
}


/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 28px;
	background: url(../images/navigation.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(../images/navigation_over.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#home a {
	width: 106px;
 }
 
li#home a:link,
li#home a:visited,
li#home a:hover {
	background-position: 0px 0px;
}
 
li#company a {
	width: 106px;
}

li#company a:link,
li#company a:visited,
li#company a:hover {
	background-position: -106px 0px;
}

li#projects a {
	width: 106px;
}

li#projects a:link, 
li#projects a:visited, 
li#projects a:hover {	
	background-position: -212px 0px;
}

li#people a {
	width: 106px;
}

li#people a:link,
li#people a:visited,
li#people a:hover {	
	background-position: -318px 0px;
}

li#news a {
	width: 106px;
}

li#news a:link, 
li#news a:visited, 
li#news a:hover {	
	background-position: -424px 0px;
}

li#contact a {
	width: 106px;
}

li#contact a:link,
li#contact a:visited, 
li#contact a:hover {	
	background-position: -530px 0px;
}

li#login a {
	width: 106px;
}

li#login a:link, 
li#login a:visited, 
li#login a:hover {
	background-position: -636px 0px;
}
	
/*</group>*/

/*<group=level 2>*/

#navigation li ul {
	display: block;
	visibility: hidden;
	position: absolute;
	left: auto;
	width: 107px;
	margin: 0;
}

#navigation li:hover ul {
	visibility: visible;
	z-index:  100;
}

#navigation li#projects ul {
	background: none;
	height: 26px;
	margin-left: -41px;
}

/*</group>*/

/*<group=level 2 ids>*/

ul#navigation li#projects ul li#architecture a:link, 
ul#navigation li#projects ul li#architecture a:visited {
	width: 107px;
	height: 26px;
	background: url(../images/subnavigation.gif) no-repeat 0px 0px;
}

ul#navigation li#projects ul li#architecture a:hover {
	width: 107px;
	height: 26px;
	background: url(../images/subnavigation.gif) no-repeat 0px -26px;
}

ul#navigation li#projects ul li#planning a:link,
ul#navigation li#projects ul li#planning a:visited {
	width: 107px;
	height: 26px;
	background: url(../images/subnavigation.gif) no-repeat -107px 0px;
}

ul#navigation li#projects ul li#planning a:hover {
	width: 107px;
	height: 26px;
	background: url(../images/subnavigation.gif) no-repeat -107px -26px;
}

ul#navigation li#projects ul li#interiors a:link,
ul#navigation li#projects ul li#interiors a:visited {
	width: 107px;
	height: 26px;
	background: url(../images/subnavigation.gif) no-repeat -214px 0px;
}

ul#navigation li#projects ul li#interiors a:hover {
	width: 107px;
	height: 26px;
	background: url(../images/subnavigation.gif) no-repeat -214px -26px;
}

/*</group>*/