/* ---- 

########### tillwilly and co. NAVIGATION CSS Document ###########

Author: tillwilly
Created: 16 July 2008 

---- */

#navigation {
	width: 495px;
	height: 53px;

}

#navigation ul{
margin:0px 0px 0px 0px;
padding:0px;
list-style-type:none;
}

#navigation li {
	float: left;
	margin:0px;
padding:0px;
}

#navigation li#home-navigation a#selected {
	width: 82px;
	height: 53px;
	background: url(../images/navigation/home.gif) -1px no-repeat;
	text-indent: -444444px;
	display: block;
}

#navigation li#home-navigation a {
	display: block;
	width: 82px;
	height: 53px;
	background: url(../images/navigation/home.gif) -1px 0px no-repeat;
	text-indent: -444444px;
}

#navigation li#home-navigation a:hover {
	background: url(../images/navigation/home.gif) -1px -106px no-repeat;
}

#navigation li#about-navigation a#selected {
	display: block;
	width: 113px;
	height: 53px;
	background: url(../images/navigation/about.gif) -1px no-repeat;
	text-indent: -444444px;
}

#navigation li#about-navigation a {
	width: 113px;
	height: 53px;
	background: url(../images/navigation/about.gif) -1px 0px no-repeat;
	text-indent: -444444px;
	display: block;
}

#navigation li#about-navigation a:hover {
	background: url(../images/navigation/about.gif) -1px -106px no-repeat;
	display: block;
}

#navigation li#services-navigation a#selected {
	display: block;
	width: 101px;
	height: 53px;
	background: url(../images/navigation/services.gif) -1px no-repeat;
	text-indent: -444444px;
}

#navigation li#services-navigation a {
	display: block;
	width: 101px;
	height: 53px;
	background: url(../images/navigation/services.gif) -1px 0px no-repeat;
	text-indent: -444444px;


}

#navigation li#services-navigation a:hover {
	background: url(../images/navigation/services.gif) -1px -106px no-repeat;
	display: block;
}

#navigation li#portfolio-navigation a#selected {
	display: block;
	width: 101px;
	height: 53px;
	background: url(../images/navigation/portfolio.gif) -1px no-repeat;
	text-indent: -444444px;
}

#navigation li#portfolio-navigation a {
	display: block;
	width: 101px;
	height: 53px;
	background: url(../images/navigation/portfolio.gif) -1px 0px no-repeat;
	text-indent: -444444px;

}

#navigation li#portfolio-navigation a:hover {
	display: block;
	background: url(../images/navigation/portfolio.gif) -1px -106px no-repeat;
}

#navigation li#contact-navigation a#selected {
	display: block;
	width: 98px;
	height: 53px;
	background: url(../images/navigation/contact.gif) -1px no-repeat;
	text-indent: -444444px;
}

#navigation li#contact-navigation a {
	display: block;
	width: 98px;
	height: 53px;
	background: url(../images/navigation/contact.gif) -1px 0px no-repeat;
	text-indent: -444444px;
}

#navigation li#contact-navigation a:hover {
	display: block;
	background: url(../images/navigation/contact.gif) -1px -106px no-repeat;
}



/* @end */