/*
Title: Rock-N-Roll Fingers
Author: Dorian Valente
Description: Nav
*/


/* layout
-------------------------------------------------------- */


#navcontainer {
   	float: left;
	width: 792px;
  	margin: 0 0 0 4px;
   	padding: 0;
	background: url(navbar.gif) top left repeat-x;

}

div#nav {
	height: 50px;
	margin: 0;
	padding: 0;
	border: 0px;
  	outline: none;

}

div#nav ul#menu {
	height: 35px;
	position: relative;
	margin: 0 60px;
	padding: 0;
}

div#nav ul#menu li {
  	margin: 0;
 	padding: 0;
	list-style: none;
	position: absolute;
  	outline: none;
}

ul#menu li, ul#menu a {
	height: 34px;
	width: 115px;
	display: block;
	position: absolute;
  	outline: none;
}

ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	height: 34px; 
  	outline: none;
}


#homemenu {
   	top: 0px; left: 0;
   	background: transparent url(homeOff.gif) top left;
}
#homemenu a:hover, body.home #homemenu{
   	background: transparent url(homeOn.gif) top left;
}
body.home #homemenu a {
        background: transparent url(homeOn.gif) top left;
        } 


#aboutusmenu {
   	top: 0; left: 113px;
   	background: transparent url(aboutOff.gif) top left;
}
#aboutusmenu a:hover, body.aboutus #aboutusmenu{
   	background: transparent url(aboutOn.gif) top left;
}
body.aboutus #aboutusmenu a {
        background: transparent url(aboutOn.gif) top left;
        }


#menumenu {
   	top: 0; left: 226px;
   	background: transparent url(menuOff.gif) top left;
}
#menumenu a:hover, body.menu #menumenu{
   	background: transparent url(menuOn.gif) top left;
}
body.menu #menumenu a {
        background: transparent url(menuOn.gif) top left;
        }


#contactmenu {
   	top: 0; left: 339px;
   	background: transparent url(contactOff.gif) top left;
}
#contactmenu a:hover, body.contact #contactmenu{
   	background: transparent url(contactOn.gif) top left;
}
body.contact #contactmenu a {
        background: transparent url(contactOn.gif) top left;
        }


#jobsmenu {
   	top: 0; left: 452px;
   	background: transparent url(jobsOff.gif) top left;
}
#jobsmenu a:hover, body.jobs #jobsmenu{
   	background: transparent url(jobsOn.gif) top left;
}
body.jobs #jobsmenu a {
        background: transparent url(jobsOn.gif) top left;
        }


#infomenu {
   	top: 0; left: 565px;
   	background: transparent url(infoOff.gif) top left;
}
#infomenu a:hover, body.info #infomenu{
   	background: transparent url(infoOn.gif) top left;
}
body.info #infomenu a {
        background: transparent url(infoOn.gif) top left;
        }