/********************************************
* All About People 
* Developed by I-ology
* http://www.i-ology.com
*
* Created 3/14/06 - AC
*
* Main Navigation Style Definitions
********************************************/

#nav-bg {
	padding: 0 3px;
	background-image: url(../images/navigation_top/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav {
    margin: 0;
    padding: 0;
    width: 727px;
}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    height: 100%;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 31px;
    overflow: hidden;
}

#nav a#Home {
    background: url(../images/navigation_top/nav_home.gif) top left no-repeat;
    width: 98px;
}
#nav a#Services {
	width: 149px;
	background-image: url(../images/navigation_top/nav_services.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav a#Employers {
	width: 167px;
	background-image: url(../images/navigation_top/nav_employers.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav a#Job_Seeker_Info {
	width: 196px;
	background-image: url(../images/navigation_top/nav_job_seeker_info.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav a#Contact {
	width: 117px;
	background-image: url(../images/navigation_top/nav_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav a:hover#Home, body#about-on a#Home {
    background: url(../images/navigation_top/nav_home.gif) bottom left no-repeat;
}
#nav a:hover#Services, body#executive-on a#Services {
    background: url(../images/navigation_top/nav_services.gif) bottom left no-repeat;
}
#nav a:hover#Employers, body#staffing-on a#Employers {
    background: url(../images/navigation_top/nav_employers.gif) bottom left no-repeat;
}
#nav a:hover#Job_Seeker_Info, body#news-on a#Job_Seeker_Info {
    background: url(../images/navigation_top/nav_job_seeker_info.gif) bottom left no-repeat;
}
#nav a:hover#Contact, body#contact-on a#Contact {
    background: url(../images/navigation_top/nav_contact.gif) bottom left no-repeat;
}

/*********************************
* Subnav
*********************************/

#subnav {
    margin: 11px 0;
    padding: 0;
    width: 244px;
}

#subnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#subnav a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    width: 244px;
    height: 31px;
    overflow: hidden;
}