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



							/*############################################################ */
							/*##############  WORK sub-CATEGORIES  THUMBS  ############### */	
							/*############################################################ */	
							
@media all and (min-width: 0px){
 #itie a,#ecowario a,#touchingnewton a {
	display:block;
  }
#itie a span,#ecowario a span,#touchingnewton a span{display:none;}
#itie a:hover span,#ecowario a:hover span,#touchingnewton a:hover span{display:block;}
}
				
#itie {
	margin-left:162px;
	margin-top:30px;
	width:107px;
	height:169px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/itie.png) 0px -169px no-repeat ;
	overflow:hidden;
}
#itie a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 												*/
	background: url(images/nav/itie.png)  0px -338px  no-repeat;
	
	/*the other one is pressed 								
	background: url(images/nav/itie.png) 0px -338px  no-repeat; */	
	
	/*I'm Pressed								  			
	background: url(images/nav/itie.png) 0px 169px  no-repeat; */ 
	}

#itie a span {
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;	
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}
	

#itie  a em{
	margin-top:163px;
	margin-left:1px;
	
}

#itie  a:hover{visibility:visible}/* ie bug needed to make span show*/
#itie  a:hover span{visibility:visible;}
#itie a:hover {
	background-image: none;
	}
	


#ecowario {
	margin-left:20px;
	margin-top:30px;
	width:94px;
	height:169px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/ecowario.png) 0 -169px no-repeat;
	overflow:hidden;
}
#ecowario a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 													*/
	background: url(images/nav/ecowario.png)  0px -338px  no-repeat;
	
	/*the other one is pressed 								
	background: url(images/nav/ecowario.png) 0px -338px  no-repeat; */	
	
	/*I'm Pressed								  			
	background: url(images/nav/ecowario.png) 0px 169px  no-repeat; 	*/ 
	}
	
#ecowario a span {
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;	
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}


#ecowario  a em{
	top:163px;
	left:1px;
}

#ecowario  a:hover{visibility:visible}/* ie bug needed to make span show*/
#ecowario  a:hover span{visibility:visible;}
#ecowario a:hover {
	background-image: none;
	}	
	
	

#touchingnewton {
	margin-left:19px;
	margin-top:30px;
	width:94px;
	height:169px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/touchingnewton.png)  0 -169px no-repeat;
	overflow:hidden;
}
#touchingnewton a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 															*/
	background: url(images/nav/touchingnewton.png)  0px -338px  no-repeat;
	
	/*the other one is pressed 								
	background: url(images/nav/touchingnewton.png) 0px -338px  no-repeat;	*/	
	
	/*I'm Pressed								  		
	background: url(images/nav/touchingnewton.png) 0px 169px  no-repeat;	*/ 
 	}
	
#touchingnewton a span {
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;	
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}


#touchingnewton  a em{
	top:175px;
	left:1px;
}

#touchingnewton  a:hover{visibility:visible}/* ie bug needed to make span show*/
#touchingnewton  a:hover span{visibility:visible;}
#touchingnewton a:hover {
	background-image: none;
	}	
	
	
#micronicles {
	margin-left:19px;
	margin-top:30px;
	width:94px;
	height:169px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/micronicles.png)  0 -169px no-repeat;
	overflow:hidden;
}
#micronicles a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 														*/
	background: url(images/nav/micronicles.png)  0px -338px  no-repeat;
	
	/*the other one is pressed 								
	background: url(images/nav/micronicles.png) 0px -338px  no-repeat;	*/	
	
	/*I'm Pressed								  					 
	background: url(images/nav/micronicles.png) 0px 169px  no-repeat;	*/
	}
	
#micronicles a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 												*/
	background: url(images/nav/micronicles.png)  0px -338px  no-repeat;
	
	/*the other one is pressed 								
	background: url(images/nav/micronicles.png) 0px -338px  no-repeat; */	
	
	/*I'm Pressed								  			
	background: url(images/nav/micronicles.png) 0px 169px  no-repeat; */ 
	}

#micronicles a span {
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;	
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}


#micronicles  a em{
	top:163px;
	left:1px;
}

#micronicles  a:hover{visibility:visible}/* ie bug needed to make span show*/
#micronicles  a:hover span{visibility:visible;}
#micronicles a:hover {
	background-image: none;
	}	
	
#newsblocks {
	margin-left:19px;
	margin-top:30px;
	width:94px;
	height:169px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/newsblocks.png)  0px -169px  no-repeat;
		
}
#newsblocks a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 														*/
	background: url(images/nav/newsblocks.png)  0px -338px  no-repeat;
	
	/*the other one is pressed 								
	background: url(images/nav/newsblocks.png) 0px -338px  no-repeat; 	*/	
	
	/*I'm Pressed								  			
	background: url(images/nav/newsblocks.png) 0px 169px  no-repeat; 	*/ 
	}


#newsblocks a span {
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;	
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}

#newsblocks  a em{
	top:163px;
	left:1px;

}

#newsblocks  a:hover{visibility:visible}/* ie bug needed to make span show*/
#newsblocks  a:hover span{visibility:visible;}
#newsblocks a:hover {
	background-image: none;
	}	

	
	
	
#balancebees {
	margin-left:19px;
	margin-top:30px;
	width:94px;
	height:169px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/balancebees.png)  0 -169px no-repeat;
	overflow:hidden;
}
#balancebees a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 														*/
	background: url(images/nav/balancebees.png)  0px -338px  no-repeat;
	
	/*the other one is pressed 								
	background: url(images/nav/balancebees.png) 0px -338px  no-repeat;	*/	
	
	/*I'm Pressed								  			 
	background: url(images/nav/balancebees.png) 0px 169px  no-repeat; 	*/
	}
	

#balancebees a span {
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;	
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}


#balancebees  a em{
	top:163px;
	left:1px;
	width: 240px;
}

#balancebees  a:hover{visibility:visible}/* ie bug needed to make span show*/
#balancebees  a:hover span{visibility:visible;}
#balancebees a:hover {
	background-image: none;
	}