/* NAVIGATION STRUCTURE....................................................... */
#navContainer {
	height: 42px;
	width: 826px;
	background-color: #666666;
}
#navContainer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#navContainer ul li {
	margin-bottom: 0;
	display: inline;
	list-style: none;
/* Change the following 2 widths when adding or subtacting buttons */
	margin-left: 30px; /* was 23px with the News button */
	margin-right: 30px; /* was 23px with the News button */
/* End Comment */
}
#navContainer a:visited {
	color:#666666;
}
#positioning {
	position:relative;
	top: 11px;
/* The following will need to be tweaked depending on the width of your navigation */
	left: 20px; /* was 16px with the News section */
/* End Comment */
}

/* NAVIGATION BUTTONS.................................................... */

/* PORTFOLIO.................... */
#portfolio {
	display: inline-block;
/* Need to put in button image height and width here */
	width: 68px;
	height: 11px;
/* End Comment */
	background: url(images/navigation/portfolio.gif) no-repeat 0 0;
}
#portfolio:hover {
	background: url(images/navigation/portfolio_f2.gif) no-repeat 0 0;
}
#portfolio span {
	display: none;
}

/* NEWS.......................... 
#newsNavLabel {
	display: inline-block;

	width: 37px;
	height: 11px;

	background: url(images/navigation/news.gif) no-repeat 0 0;
}
#newsNavLabel:hover {
	background: url(images/navigation/news_f2.gif) no-repeat 0 0;
}
#newsNavLabel span {
	display: none;
}
*/

/* CAPABILITIES........................... */
#capabilities {
	display: inline-block;
/* Need to put in button image height and width here */
	width: 82px;
	height: 11px;
/* End Comment */
	background: url(images/navigation/capabilities.gif) no-repeat 0 0;
}
#capabilities:hover {
	background: url(images/navigation/capabilities_f2.gif) no-repeat 0 0;
}
#capabilities span {
	display: none;
}

/* PROCESS.............................. */
#process {
	display: inline-block;
/* Need to put in button image height and width here */
	width: 96px;
	height: 11px;
/* End Comment */
	background: url(images/navigation/process.gif) no-repeat 0 0;
}
#process:hover {
	background: url(images/navigation/process_f2.gif) no-repeat 0 0;
}
#process span {
	display: none;
}

/* BLOG................................. */
#blog {
	display: inline-block;
/* Need to put in button image height and width here */
	width: 34px;
	height: 11px;
/* End Comment */
	background: url(images/navigation/blog.gif) no-repeat 0 0;
}
#blog:hover {
	background: url(images/navigation/blog_f2.gif) no-repeat 0 0;
}
#blog span {
	display: none;
}

/* CONTACT................................... */
#contact {
	display: inline-block;
/* Need to put in button image height and width here */
	width: 58px;
	height: 11px;
/* End Comment */
	background: url(images/navigation/contact.gif) no-repeat 0 0;
}
#contact:hover {
	background: url(images/navigation/contact_f2.gif) no-repeat 0 0;
}
#contact span {
	display: none;
}

/* ABOUT..................................... */
#about {
	display: inline-block;
/* Need to put in button image height and width here */
	width: 61px;
	height: 11px;
/* End Comment */
	background: url(images/navigation/aboutus.gif) no-repeat 0 0;
}
#about:hover {
	background: url(images/navigation/aboutus_f2.gif) no-repeat 0 0;
}
#about span {
	display: none;
}