#tabs {
	margin: 0;
	padding: 0;
	height: 23px;
	width:135px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}
	
#tabs li {
	width:135px;
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#tabs a {
	float: left;
	padding: 23px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
	outline: none;
	}
	
#tabs a:hover {
	background-position: -135px 0px;
	}
	
	
	#tabWelcome a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-welcome.gif);
	background-repeat: no-repeat;
	}
	
	
	#tabProjects a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-projects.gif);
	background-repeat: no-repeat;
	}
	
	#tabAbout a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-about.gif);
	background-repeat: no-repeat;
	}
	
	#tabContact a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-contact.gif);
	background-repeat: no-repeat;
	}
	
	#tabClients a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-clients.gif);
	background-repeat: no-repeat;
	}
	
	#tabWelcomeOn a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-welcome.gif);
	background-repeat: no-repeat;
	background-position: -135px 0px;
	}
	
	#tabWelcomeOn a:hover {
	background-position: -135px 0px;
	}
	
	#tabProjectsOn a  {
		width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-projects.gif);
	background-repeat: no-repeat;
	background-position: -135px 0px;
	}
	
	#tabProjectsOn a:hover {
	background-position: -135px 0px;
	}
	
	#tabAboutOn a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-about.gif);
	background-repeat: no-repeat;
	background-position: -135px 0px;
	}
	
	#tabAboutOn a:hover {
	background-position: -135px 0px;
	}
	
	#tabContactOn a  {
	width: 135px;
	height:23px;
	background-image: url(../images/shared/tab-contact.gif);
	background-repeat: no-repeat;
	background-position: -135px 0px;
	}
	
	#tabContactOn a:hover {
	background-position: -135px 0px;
	}
	
	.clientSpacing {
	margin: 0px 0px 0px 275px;
	padding:0px;
	}
	
	
	
	
#aboutButtons {
	margin: 0;
	padding:0;
	height: 300px;
	width:188px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}
	
#aboutButtons li {
	width:188px;
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#aboutButtons a {
	float: left;
	padding: 36px 0 0 0;
	outline: none;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win only */
	}
#aboutButtons a:visted {
background-position: -188px 0px;
	}


	

	
#aboutButtons a:hover {
	background-position: -188px 0px;
	}
	
	#aboutButtons a:active {
	background-position: -188px 0px;
	}
	#aboutButtons a:focus {
	background-position: -188px 0px;
	}
	
	
	
#bioAbout a  {
	width: 188px;
	height:36px;
	background-image: url(../images/about/super78-button.gif);
	background-repeat: no-repeat;
	}
	
	#bioAbout a:visted {
	background-position: -188px 0px;
	}
	
	
#bioAbout a:hover {
	background-position: -188px 0px;
	}

	#bioAbout a:active {
	background-position: -188px 0px;
	}
	
		#bioAbout a:focus {
	background-position: -188px 0px;
	}

	
#bioDina a  {
	width: 188px;
	height:36px;
	background-image: url(../images/about/dina-button.gif);
	background-repeat: no-repeat;
	}
	
	#bioDina a:visted {
	background-position: -188px 0px;
	}
	
	
	
#bioDina a:hover {
	background-position: -188px 0px;
	}
	
	#bioDina a:active {
	background-position: -188px 0px;
	}
	
		#bioDina a:focus {
	background-position: -188px 0px;
	}
	
	

#bioBrent a  {
	width: 188px;
	height:36px;
	background-image: url(../images/about/brent-button.gif);
	background-repeat: no-repeat;
	}
	
#bioStaff a  {
	width: 188px;
	height:36px;
	background-image: url(../images/about/staff-button.gif);
	background-repeat: no-repeat;
	}









#contactButtons {
	margin: 0;
	padding:0;
	height: 300px;
	width:188px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}
	
#contactButtons li {
	width:188px;
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#contactButtons a {
	float: left;
	padding: 36px 0 0 0;
	outline: none;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win only */
	}
#contactButtons a:visted {
background-position: -188px 0px;
	}


	

	
#contactButtons a:hover {
	background-position: -188px 0px;
	}
	
	#contactButtons a:active {
	background-position: -188px 0px;
	}
	#contactButtons a:focus {
	background-position: -188px 0px;
	}
	
	
	
#contactMain a  {
	width: 188px;
	height:36px;
	background-image: url(../images/contact/contact-button.gif);
	background-repeat: no-repeat;
	}
	
	#contactMain a:visted {
	background-position: -188px 0px;
	}
	
	
#contactMain a:hover {
	background-position: -188px 0px;
	}

	#contactMain a:active {
	background-position: -188px 0px;
	}
	
		#contactMain a:focus {
	background-position: -188px 0px;
	}

	
#contactCareers a  {
	width: 188px;
	height:36px;
	background-image: url(../images/contact/career-button.gif);
	background-repeat: no-repeat;
	}
	
	#contactCareers a:visted {
	background-position: -188px 0px;
	}
	
	
	
#contactCareers a:hover {
	background-position: -188px 0px;
	}
	
	#contactCareers a:active {
	background-position: -188px 0px;
	}
	
		#contactCareers a:focus {
	background-position: -188px 0px;
	}
	




/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
width: 188px;
height:36px;
list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



.shadetabs li{
	width: 188px;
	height:36px;
	float: left;
	outline: none;
	overflow: hidden;
	display: block;
	list-style-type: none;
	
}





.shadetabs li a{
	width: 188px;
	height:36px;
	display: block;
	background-image: url(../images/shared/btn-side.gif);
	margin: 0 0 0 0;
	padding: 11px 0 0 33px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}







.shadetabs li a:visited{
	background-position: 0px 0px;
}

.shadetabs li a:hover{
	background-position: -188px 0px;
	color: #FFFFFF;
}


.shadetabs li a.selected{ /*selected main tab style */
	background-position: -188px 0px;
	color: #FFFFFF;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	background-position: -188px 0px;
	color: #FFFFFF;
}