﻿

#nav-wrapper {
	float: right;
	width: 745px;
	position: relative;
	z-index: 999;
	height: 44px;
	overflow: visible;
}
#nav {
	float: left;
	width: 800px;
}
#nav > ul {
	list-style-type: none;
}
.mainli {
	float: left;
	height: 44px;
	min-width: 40px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #c3c3c3;
	display: inline;
	overflow: hidden;
	background-image: url("images/menuBg.png");
	background-position: top center;	
}
.mainli > a {
	background-position: top center;
	float: left;
	height: 100%;
	width: 100%;
	text-indent: -200px;
	overflow: hidden;
}
.mainli:Hover {
	overflow: visible;
	border-left: 1px solid #e73d3c;
	border-right: 1px solid #c20606;
	background-position: center center;	
}
.mainli:Hover > a {
	background-position: bottom center;	
}/*
.mainli:Active {
	overflow: visible;
	border-left: 1px solid #e73d3c;
	border-right: 1px solid #e73d3c;
	background-position: bottom center;
}
.mainli:Active > a {
	background-position: bottom center;
}*/
.mainli > ul {
	float: left;
	list-style-type: none;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px rgba(50,0,0,0.5);
}


.first-menu-item {
	border-left: 0;
	background-position: top left;
}
.first-menu-item > a {
	background-position: top center;
}
.first-menu-item:Hover {
	border-left: 0;
	background-position: center left;
}/*
.first-menu-item:Active {
	border-left: 0;
	background-position: bottom left;
}
.first-menu-item:Active > a {
	background-position: bottom center;
}*/
.last-menu-item {
	border-right: 0;
	background-position: top right;
}
.last-menu-item > a {
	background-position: top center;
}
.last-menu-item:Hover {
	border-right: 0;
	background-position: center right;
}/*
.last-menu-item:Active {
	border-right: 0;
	background-position: bottom right;
}
.last-menu-item:Active > a {
	background-position: bottom center;
}*/

.dropli {
	float: left;
	min-width: 50px;
	height: 44px;
	background-image: url("images/dropMenuBg.jpg");
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #ffffff;
	background-position: top;
}
.dropli > a {
	float: left;
	height: 100%;
	width: 100%;
	text-indent: -200px;
	overflow: hidden;
	background-position: top left;	
}
.dropli:Hover {
	border-top-color: #dd2118;
	background-position: bottom;
}
.dropli:Hover > a {
	background-position: center left;	
}

#menu-about-us {
	width: 88px;
}
#menu-about-us > a{
	background-image: url("images/menu_aboutUs.png");
}
#menu-the-program {
	width: 130px;
}
#menu-the-program > a {
	background-image: url("images/menu_theProgram.png");
}
#menu-service-package {
	width: 157px;
}
#menu-service-package > a {
	background-image: url("images/menu_servicePackage.png");
}
#menu-assessment {
	width: 108px;
}
#menu-assessment > a {
	background-image: url("images/menu_assessment.png");
}
#menu-resources {
	width: 95px;
}
#menu-resources > a {
	background-image: url("images/menu_resources.png");
}
#menu-faq {
	width: 55px;
}
#menu-faq > a {
	background-image: url("images/menu_faq.png");
}
#menu-contact-us {
	width: 100px;
}
#menu-contact-us > a {
	background-image: url("images/menu_contactUs.png");
}


#menu-the-program > ul > li {
	width: 200px;
}
#menu-the-program > ul {
	*width: 203px;
	*height: 278px;
	*background-image: url("images/menu-the-program-shadow-ie.png");
	*background-repeat: no-repeat;
	*background-position: bottom right;
}
#menu-service-package > ul > li {
	width: 220px;
}
#menu-service-package > ul {
	*width: 223px;
	*height: 95px;
	*background-image: url("images/menu-service-package-shadow-ie.png");
	*background-repeat: no-repeat;
	*background-position: bottom right;
}
@media \0screen { /* IE8 */
	#menu-the-program > ul {
		width: 203px;
		height: 278px;
		background-image: url("images/menu-the-program-shadow-ie.png");
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	#menu-service-package > ul {
		width: 223px;
		height: 95px;
		background-image: url("images/menu-service-package-shadow-ie.png");
		background-repeat: no-repeat;
		background-position: bottom right;
	}
}


#menu-eligibility {
	border-top: 0;
}
#menu-eligibility > a {
	background-image: url("images/menu_eligibility.png");
}
#menu-requirements > a {
	background-image: url("images/menu_requirements.png");
}
#menu-points-grid > a {
	background-image: url("images/menu_pointsGrid.png");
}
#menu-government-fees > a {
	background-image: url("images/menu_governmentFees.png");
}
#menu-credential-assessment > a {
	background-image: url("images/menu_credentialAssessment.png");
}
#menu-occupations-list > a {
	background-image: url("images/menu_occupationsList.png");
}
#menu-language-charts {
	border-bottom: 0;
}
#menu-language-charts > a {
	background-image: url("images/menu_languageCharts.png");
}
#menu-our-service {
	border-top: 0;
}
#menu-our-service > a {
	background-image: url("images/menu_serviceAndFee.png");
}
#menu-preparing-your-application {
	border-bottom: 0;
}
#menu-preparing-your-application > a {
	background-image: url("images/menu_preparingYourApplication.png");
}





/*
#nav > ul > li.last-menu-item > a:Focus {
	background-position: center right;
}*/