#topnav {
	font: normal 12px/10px arial,helvetica,sans-serif;
	line-height:normal;
	text-transform:uppercase;
	text-align:center;
	margin:0; padding:0;
	height:32px;
	width: 780px;
	clear:both;
	}

#topnav ul {
	list-style: none;
	display: inline; border:0; margin:0;
	text-align:center;
	}
		
#topnav li {
	list-style: none;
	float:left;
	margin:0;
	line-height:normal;
	}

/* below is where you specify the height of the block and the display */
		
#topnav li a {
		repeat:no-repeat;
		background-position:0 0;
		display: block;
		color: #fff;
		text-align:center;
		text-decoration: none;
		padding:10px 5px 0 5px; margin:0;
		height:22px;
		font-weight:bold;
		border:0;
		}

	html>body #topnav li a {
		width: auto;
		}

	li#about { width:126px; }
	li#services { width:106px; }
	li#success { width:167px; }
	li#clients { width:131px; }
	li#team { width:116px; }
	li#faq { width:134px; }

	li#about a {
		background-image:url(/_img/tab_about.jpg);
		}	
	li#services a {
		background-image:url(/_img/tab_services.jpg);
		}	
	li#success a {
		background-image:url(/_img/tab_success.jpg);
		}
	li#clients a {
		background-image:url(/_img/tab_clientnews.jpg);
		}
	li#team a {
		background-image:url(/_img/tab_team.jpg);
		}
	li#faq a {
		background-image:url(/_img/tab_contact.jpg);
		}

	li#about a:hover, li#services a:hover, li#success a:hover, li#clients a:hover, li#team a:hover, li#faq a:hover {
		background-position: 0 -32px;
		color:#fff;
		display:block;
		}

	#topnav li.active a {
		color: #fff !important;
		text-align:center;
		text-decoration: none;
		background-position: 0 -32px;
		}