/* ---- 

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

Author: tillwilly
Created: 16 July 2008 

---- */

#port {
	width: 210px;
}

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

#port li {
	margin:0px;
padding:0px;
}

#port li#website-navigation a#select {
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/websites.gif) no-repeat;
	text-indent: -444444px;
	display: block;
}

#port li#website-navigation a {
	display: block;
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/websites.gif) 0px -48px no-repeat;
	text-indent: -444444px;
}

#port li#website-navigation a:hover {
	background: url(../images/portfolio/websites.gif) no-repeat;
	display: block;
}

#port li#online-navigation a#select {
	display: block;
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/onlineshops.gif) no-repeat;
	text-indent: -444444px;
}

#port li#online-navigation a {
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/onlineshops.gif) 0px -48px no-repeat;
	text-indent: -444444px;
	display: block;
}

#port li#online-navigation a:hover {
	background: url(../images/portfolio/onlineshops.gif) no-repeat;
	display: block;
}

#port li#email-navigation a#select {
	display: block;
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/email.gif) no-repeat;
	text-indent: -444444px;
}

#port li#email-navigation a {
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/email.gif) 0px -48px no-repeat;
	text-indent: -444444px;
	display: block;
}

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

#port li#seo-navigation a#select {
	display: block;
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/seo.gif) no-repeat;
	text-indent: -444444px;
}

#port li#seo-navigation a {
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/seo.gif) 0px -48px no-repeat;
	text-indent: -444444px;
	display: block;
}

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

#port li#logo-navigation a#select {
	display: block;
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/logo.gif) no-repeat;
	text-indent: -444444px;
}

#port li#logo-navigation a {
	width: 210px;
	height: 48px;
	background: url(../images/portfolio/logo.gif) 0px -48px no-repeat;
	text-indent: -444444px;
	display: block;
}

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


/* @end */