@charset "UTF-8";
/* CSS Document */


		/*############################################################ */
		/*##############  WORK sub-CATEGORIES Categories  ############ */
		/*############################################################ */

#interactive {
	margin-left:0px;
	margin-top:148px;
	width:83px;
	height:10px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/interactive.png) 0px -10px no-repeat;
	overflow:hidden;
}

#interactive a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
		/*default 													*/
	background: url(images/nav/interactive.png)  0px -20px  no-repeat;
	
	/*the other one is pressed 									
	background: url(images/nav/interactive.png) 0px -70px  no-repeat; */
	
	/*I'm Pressed								  
	background: url(images/nav/interactive.png) 0px 35px  no-repeat;*/  
	}
#interactive span {
	display: block;
	margin:0; padding: 0px 0px;
	}
#interactive a:hover {
	background-image: none;
	}


#illustrative {
	margin-left:0px;
	margin-top:15px;
	width:83px;
	height:10px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/illustrative.png) 0px -10px no-repeat;
	overflow:hidden;
}

#illustrative a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
		/*default 													*/
	background: url(images/nav/illustrative.png)  0px -20px  no-repeat;
	
	/*the other one is pressed 									
	background: url(images/nav/illustrative.png) 0px -70px  no-repeat; */
	
	/*I'm Pressed								  
	background: url(images/nav/illustrative.png) 0px 35px  no-repeat;*/  
	}
#illustrative span {
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}
#illustrative a:hover {
	background-image: none;
	}


#graphical {
	margin-left:0px;
	margin-top:15px;
	width:83px;
	height:10px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/graphical.png) 0px -10px no-repeat;
	overflow:hidden;
}


#graphical a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 													*/
	background: url(images/nav/graphical.png)  0px -20px  no-repeat;
	
	/*the other one is pressed 									
	background: url(images/nav/graphical.png) 0px -70px  no-repeat; */
	
	/*I'm Pressed								  
	background: url(images/nav/graphical.png) 0px 35px  no-repeat;*/  
	}
#graphical span {
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}
#graphical a:hover {
	background-image: none;
	}