ul#menu {
	list-style: none;
	background: #555 url('../images/buttonbarbg.gif') left top no-repeat;
	width: 1000px;
	height: 38px;
	margin: 0 auto;
	padding: 0 0 0;
}

ul#menu li {
	float: left;
	padding:0;
}

ul#menu li.divider { 
	background: transparent url('../images/buttons/divider.gif') right 4px no-repeat; 
	padding-right: 8px;	
} 

ul#menu li a#home {
	display: block;
	background: transparent url('../images/buttons/home.gif') left top no-repeat;
	width: 59px;
	height: 26px;
	margin: 5px 0 0 180px;
	padding: 0;
}

ul#menu li a#homeactive {
	display: block;
	background: transparent url('../images/buttons/homered.gif') left top no-repeat;
	width: 59px;
	height: 26px;
	margin: 5px 0 0 180px;
	padding: 0;
}

ul#menu li a#projects {
	display: block;
	background: transparent url('../images/buttons/projects.gif') left top no-repeat;
	width: 80px;
	height: 26px;
	margin: 5px 4px 0 0px;
	padding: 0;
}

ul#menu li a#projectsactive {
	display: block;
	background: transparent url('../images/buttons/projectsred.gif') left top no-repeat;
	width: 80px;
	height: 26px;
	margin: 5px 4px 0 0px;
	padding: 0;
}

ul#menu li a#portfolio {
	display: block;
	background: #666 url('../images/buttons/portfolio.gif') left top no-repeat;
	width: 88px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#portfolioactive {
	display: block;
	background: #666 url('../images/buttons/portfoliored.gif') left top no-repeat;
	width: 88px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#about {
	display: block;
	background: #666 url('../images/buttons/about.gif') left top no-repeat;
	width: 66px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#aboutactive {
	display: block;
	background: #666 url('../images/buttons/aboutred.gif') left top no-repeat;
	width: 66px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#employment {
	display: block;
	background: #666 url('../images/buttons/employment.gif') left top no-repeat;
	width: 232px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#employmentactive {
	display: block;
	background: #666 url('../images/buttons/employmentred.gif') left top no-repeat;
	width: 232px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#contact {
	display: block;
	background: #666 url('../images/buttons/contact.gif') left top no-repeat;
	width: 76px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#contactactive {
	display: block;
	background: #666 url('../images/buttons/contactred.gif') left top no-repeat;
	width: 76px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

ul#menu li a#logout {
	display: block;
	background: #666 url('../images/buttons/logout.gif') left top no-repeat;
	width: 66px;
	height: 26px;
	margin: 5px 0 0 70px;
	padding: 0;
}