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

div#nav-content
{
width:700px;/*692*/
margin:0 auto 0 auto;
position:relative;
height:101px;

}


/*div#nav-home a
{
background:transparent url(homeoff.png) 30px 20px no-repeat;
text-indent:-9000px;
overflow:hidden;
width:150px;
height:100px;
display:block;
margin:5px 0 0 0;
position:absolute;
left:0;
}*/



div#nav
{
position:absolute;
left:25px;
width:100%;
height:167px;
}

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


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

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


div#nav ul li a#home-btn
{
background-image: url(homeoff.png); 
background-position: 0% 50%;
width: 143px;
}

div#nav ul li a#home-btn:hover,
div#nav ul li a#home-btn:active
{
background-image: url(homeon.png); 
background-position: 0% 50%;
width: 143px;
}



div#nav ul li a#about-btn
{
background-image: url(aboutoff.png); 
background-position: 0% 50%; 
width: 133px;
height:42px;
}


div#nav ul li a#about-btn:hover,
div#nav ul li a#about-btn:active
{
background-image: url(abouton.png); 
background-position:0% 50%;
width: 146px;
}




div#nav ul li a#work-btn
{
background-image: url(workoff.png); 
background-position: 0% 50%;
width: 119px;
}

div#nav ul li a#work-btn:active,
div#nav ul li a#work-btn:hover
{
background-image: url(workon.png); 
background-position: 0% 50%;
width: 131px;
}




div#nav ul li a#contact-btn
{
background-image: url(contactoff.png); 
background-position: 0% 50%;
width: 193px;
}


div#nav ul li a#contact-btn:hover,
div#nav ul li a#contact-btn:active
{
background-image: url(contacton.png); 
background-position: 0% 50%;
width: 206px;
}