div#navigation
{
	background:					transparent url(http://www.mimadrenomedeja.com/img/nav-panel-bg.png) 0 0 repeat-x;
	width:						692px;
	height:						150px;
	position:					fixed;
	bottom:						-300px;
	left:						50%;
	margin:						0 0 0 -350px;
	z-index:					99999;
}

div#nav-content
{
	width:						692px;
	margin:						0 auto 0 auto;
	position:					relative;
	height:						120px;

}

a#expand-collapse
{
	display:					block;
	height:						30px;
	width:						30px;
	overflow: 					hidden;
	text-indent:				-900px;
	background:					transparent url(http://www.mimadrenomedeja.com/img/expandcollapse.png) 0 0 no-repeat;
	position: 					absolute;
	left: 						0px;
	top: 						0px;
	
}

a#expand-collapse.xpand	
{
	background-position:		0 100%;
}

div#logo
{
	background:					transparent url(http://www.mimadrenomedeja.com/img/vline.png) 100% 20px no-repeat;
	height:						150px;
	float:						left;
	width:						166px;
}

div#logo a
{
	background:					transparent url(http://www.mimadrenomedeja.com/img/logo-nav.png) 20px 10px no-repeat;
	text-indent:				-9000px;
	overflow:					hidden;
	width:						151px;
	height:						150px;
	display:					block;
	margin:						5px 0 0 0;
	position:					absolute;
	left:						0;
}

div#nav
{
	position:					absolute;
	left:						100px;
	width:						700px;
	height:						167px;	
	background:					transparent url(http://www.mimadrenomedeja.com/img/copy.png) 0 60px no-repeat;	
}

div#nav ul
{
	margin:						16px 0 0 0;
}


div#nav ul li
{
	float:						left;
	list-style:					none;
	height:						100px;
}

div#nav ul li a
{
	display:					block;
	height:						50px;
	overflow:					hidden;
	text-indent:				-900px;
	background-position:		100% 100%;
	background-repeat:			no-repeat;
}


div#footer-nav{
	height:						0;
	width:						0;
	overflow:				hidden;
}


div#nav ul li a#work-btn
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/workOff.png); 	
	background-position: 		0% 50%;	
	width: 150px;
}

div#footer-nav li#footer-nav-work,
div#nav ul li a#work-btn:hover					
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/workOver.png); 	
	background-position:	 	0% 50%;	
	width: 						150px;
}

div#footer-nav li#footer-nav-work a#footer-work-btn,
div#nav ul li.active a#work-btn,
div#nav ul li.active a#work-btn:hover 			
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/workOn.png); 		
	background-position: 		0% 50%;	
	width: 150px;
}

div#nav ul li a#stuff-btn						
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/stuffOff.png); 	
	background-position: 		0% 50%; 	
	width: 						150px;
}

div#footer-nav li#footer-nav-stuff,
div#nav ul li a#stuff-btn:hover					
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/stuffOver.png); 	
	background-position:		0% 50%;	
	width: 						150px;
}

div#footer-nav li#footer-nav-stuff a#footer-stuff-btn,
div#nav ul li.active a#stuff-btn,
div#nav ul li.active a#stuff-btn:hover 			
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/stuffOn.png); 	
	background-position: 		0% 50%;
	width: 						150px;
}

div#nav ul li a#contact-btn						
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/contactOff.png); 	
	background-position: 		0% 50%;	
	width: 						150px;
}

div#footer-nav li#footer-nav-contact,
div#nav ul li a#contact-btn:hover				
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/contactOver.png); 
	background-position: 		0% 50%;	
	width: 						150px;
}

div#footer-nav li#footer-nav-contact a#footer-contact-btn,
div#nav ul li.active a#contact-btn,
div#nav ul li.active a#contact-btn:hover 		
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/contactOn.png); 	
	background-position: 		0% 44%;	
	width: 150px;
}

div#nav ul li a#blog-btn						
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/blogOff.png); 	
	background-position: 		0% 50%;	
	width: 						150px;
}

div#footer-nav li#footer-nav-blog,
div#nav ul li a#blog-btn:hover					
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/blogOver.png); 	
	background-position: 		0% 50%;	
	width: 						150px;
}

div#footer-nav li#footer-nav-blog a#footer-blog-btn,
div#nav ul li.active a#blog-btn,
div#nav ul li.active a#blog-btn:hover 			
{
	background-image: 			url(http://www.mimadrenomedeja.com/img/nav/blogOn.png); 		
	background-position: 		0% 50%;	
	width: 						150px;
}