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


/*############################################################ */
/*################     MENU    ##############################*/
/*############################################################ */

@media all and (min-width: 0px){
 #life a,#work a,#contact a {
	display:block;
  }
#life a span,#work a span,#contact a span{display:none;}
#life a:hover span,#work a:hover span,#contact a:hover span{display:block;}
}

#life {
	margin-left:208px;
	margin-top:134px;
	width:75px;
	height:82px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/life.png) 0 -82px no-repeat;
	overflow:hidden;
}

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

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



#life  a img#life_text{
	position:absolute;
	
	left:-43px;
	top:0px;
	width:43px;
	height:82px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border:none;
}



#life  a:hover{visibility:visible}/* ie bug needed to make span show*/
#life  a:hover span{visibility:visible;}

#life a:hover {
	background-image: none;
}	

	
				


#work {
	margin-left:89px;
	margin-top:134px;
	width:71px;
	height:82px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(images/nav/work.png) 0px -82px no-repeat;
	overflow:hidden;
}

#work a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 													*/
	background: url(images/nav/work.png)  0px 0px  no-repeat;
	
	/*the other one is pressed 									
	background: url(images/nav/work.png) 0px -146px  no-repeat; 	*/
	
	/*I'm Pressed								  
	background: url(images/nav/work.png) 0px 73px  no-repeat;	*/  
	}
#work a span {
	display: block;
	margin:0; padding: 0px 0 0 0px;	
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;
	display: block;
	margin:0; padding: 0px 0 0 0px;
	}


#work  a img#work_text{
	position:absolute;
	left:-18px;
	top:0px;
	width:18px;
	height:82px;
	margin-bottom:0px;
	float:left;
	display:inline;
	overflow:hidden;
	border:none;
}
#work  a:hover{visibility:visible}/* ie bug needed to make span show*/
#work  a:hover span{visibility:visible;}
#work a:hover {
	background-image: none;
	}
	

 


#contact {
	margin-left:104px;
	margin-top:134px;
	width:82px;
	height:82px;
	margin-bottom:0px;
	float:left;
	display:inline;                       					
	background: url(images/nav/contact.png) 0px -82px no-repeat;
	overflow:hidden;
}

#contact a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	/*default 													*/
	background: url(images/nav/contact.png)  0px 0px  no-repeat;
	
	/*the other one is pressed 									
	background: url(images/nav/contact.png) 0px -146px  no-repeat; 	*/
	
	/*I'm Pressed								  
	background: url(images/nav/contact.png) 0px 73px  no-repeat;	*/  
	
}
#contact a span {
	display: block;
	margin:0; padding: 0px 0 0 0px;	
	position:absolute;
	visibility:hidden;/* hide message initially*/
	text-decoration:none;
	display: block;
	margin:0; padding: 0px 0 0 0px;
}


	
#contact a img#contact_text{
	position:absolute;
	
	left:-74px;
	top:0px;
	width:74px;
	height:82px;
	
margin-bottom:0px;
	float:left;
	display:inline;
	overflow:hidden;
	border:none;
}

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