/* Perth Landscape Design - Navigation */

#navigation {
	float: left;
	width: 858px;
	height: 45px;
	padding: 0;
	margin: 0;
	background: url(../grfx/nav-bg.gif) top left repeat-x;
}

#navigation ul {
	font-size: 0.7em;
	margin: 3px 0 0 0;
	padding: 0;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#navigation li a {
	border: 0;
	display: block;
	height: 39px;
	text-decoration: none;
}

#navigation li a span{
	display:none;
}

#navigation li#home a {
	height: 39px;
	width: 89px;
	background: url(../grfx/nav.gif) 0px 0px no-repeat;
}

#navigation li#home a:hover {
	height: 39px;
	background: url(../grfx/nav.gif) 0px -39px no-repeat;
}

#navigation li#services a {
	height: 39px;
	width: 130px;
	background: url(../grfx/nav.gif) -89px 0px no-repeat;
}

#navigation li#services a:hover {
	height: 39px;
	background: url(../grfx/nav.gif) -89px -39px no-repeat;
}

#navigation li#portfolio a {
	height: 39px;
	width: 145px;
	background: url(../grfx/nav.gif) -219px 0px no-repeat;
}

#navigation li#portfolio a:hover {
	height: 39px;
	background: url(../grfx/nav.gif) -219px -39px no-repeat;
}

#navigation li#contact a {
	height: 39px;
	width: 123px;
	background: url(../grfx/nav.gif) -364px 0px no-repeat;
}

#navigation li#contact a:hover {
	height: 39px;
	background: url(../grfx/nav.gif) -364px -39px no-repeat;
}