#nav-wrap {margin-top: 0px;}

/* menu icon */
#menu-icon {display: none; /* hide menu icon initially */}


#nav, 
#nav li {margin:0; padding:0;}
#nav li {list-style:none; float:left; line-height:50px; padding:0px; margin:0px;}

/* nav link */
#nav a					{display:block; color:#5c5d5e; text-decoration:none; padding:0px 10px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;transition:all 0.5s ease;}
#nav a:hover		{ color:#fff;}
#nav li:hover>a	{ color:#fff;}
#nav .active>a	{ color:#fff;}

/* nav dropdown */
#nav ul							{background: none; padding:05px 0px 0px 25px; position:absolute; display:none; width:auto; /* hide dropdown */}
#nav ul li					{float:none; margin:0px; padding:0px 0px 5px 0px;}
#nav li:hover > ul	{display:block; /* show dropdown on hover */}
#nav li li a				{display:block; font-size:13px; color:#fff; text-decoration:none; text-transform:none; padding:0px; margin:0px; line-height:20px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background:none;}
#nav li li a:hover	{background:none; color:#82b63c;}
#nav ul.visi							{display:block;}
#nav ul.visi li.current a						{color:#82b63c}


.bt-home, .bt-contact, .bt-about, .bt-faculty, .bt-courses, .bt-clients, .bt-insights, .bt-resources {height:33px; padding:0px; margin:0px; display:block; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

.bt-home									{background-image:url(../images/button_home.png); width:59px;}
.bt-home:hover 						{background-image:url(../images/button_home_active.png); width:59px;}
#nav li:hover>a .bt-home	{background-image:url(../images/button_home_active.png); width:59px;}
#nav li .focushome						{background-image:url(../images/button_home_active.png); width:59px;}


.bt-contact									{background-image:url(../images/button_contact.png); width:59px;}
.bt-contact:hover						{background-image:url(../images/button_contact_active.png); width:59px;}
#nav li:hover>a .bt-contact	{background-image:url(../images/button_contact_active.png); width:59px;}
#nav li .focuscontact						{background-image:url(../images/button_contact_active.png); width:59px;}


.bt-about									{background-image:url(../images/button_about.png); width:121px;}
.bt-about:hover						{background-image:url(../images/button_about_active.png); width:121px;}
#nav li:hover>a .bt-about	{background-image:url(../images/button_about_active.png); width:121px;}
#nav li .focusabout					{background-image:url(../images/button_about_active.png); width:121px;}

.bt-faculty									{background-image:url(../images/button_faculty.png); width:106px;}
.bt-faculty:hover						{background-image:url(../images/button_faculty_active.png); width:106px;}
#nav li:hover>a .bt-faculty	{background-image:url(../images/button_faculty_active.png); width:106px;}
#nav li .focusfaculty					{background-image:url(../images/button_faculty_active.png); width:106px;}

.bt-courses									{background-image:url(../images/button_courses.png); width:106px;}
.bt-courses:hover						{background-image:url(../images/button_courses_active.png); width:106px;}
#nav li:hover>a .bt-courses	{background-image:url(../images/button_courses_active.png); width:106px;}
#nav li .focuscourses					{background-image:url(../images/button_courses_active.png); width:106px;}

.bt-clients									{background-image:url(../images/button_clients.png); width:106px;}
.bt-clients:hover						{background-image:url(../images/button_clients_active.png); width:106px;}
#nav li:hover>a .bt-clients	{background-image:url(../images/button_clients_active.png); width:106px;}
#nav li .focusclients					{background-image:url(../images/button_clients_active.png);}
.bt-resources{background-image:url(../images/button_resources.png); width:121px;}
#nav li:hover>a .bt-resources{background-image:url(../images/button_resources_active.png);width:121px;}
#nav li .focusresources{background-image:url(../images/button_resources_active.png);width:121px;}
.bt-insights									{background-image:url(../images/button_blog.png); width:112px;}
.bt-insights:hover						{background-image:url(../images/button_blog_active.png); width:112px;}
#nav li:hover>a .bt-insights	{background-image:url(../images/button_blog_active.png); width:112px;}
#nav li .focusinsights					{background-image:url(../images/button_blog_active.png); width:112px;}


#nav li:hover > ul	{display:block; /* show dropdown on hover */}





/************************************************************************************
IPAD PORTRAIT
*************************************************************************************/
/*@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
body { min-width: 768px; }
#header { clear: both; display: block; top:20px;  max-width:740px; margin:0 auto; float:none; padding:0px; position: relative;}
#header .header-wrap { float:left; background: #fff; box-shadow: 1px 1px 3px #999999; clear: both; display: block; min-width:700px; margin:0 auto; padding:0px 15px; position: relative; z-index: 1; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
#header .header-wrap .logo {  display:inline-block; padding:10px 10px 0px 0px; margin:0px; float:none; width:100%; clear:both; text-align:center; } 
#header .header-wrap .navigation { display:inline-block; padding:0px; margin:0px; float:none; text-align:center; width:100%; clear:both;}    
#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
	line-height: 50px;
}
#nav li:first-child a{
	background-image:none;
}
/* nav link */
/*#nav a {
    display: block;
    font-size: 17px;
    font-family: 'helvetica_neue_lt_std57Cn';    
    line-height: 50px;
    color: #5c5d5e;
    text-decoration:none;
    padding: 0 8px 0 7px;
    background: url(../images/menu-div.png) no-repeat left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align:left;
}

.navlast { right:22px;}
}     */  



/************************************************************************************
MOBILE
*************************************************************************************/

/*@media only screen and ( min-width: 240px) and ( max-width: 767px)
{
#header { clear: both; display: block; top:20px;  width:240px; margin:0 auto; float:none; padding:0px; position: relative; text-align:left; z-index: 100000000;}
#header .header-wrap { float:left; background: #fff; box-shadow: 1px 1px 3px #999999; clear: both; display: block; margin:0 auto; min-width:205px; padding:0px 15px; position: relative; z-index: 1; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
#header .header-wrap .logo {  display:inline-block; padding:10px 0px 0px 0px; margin:0px; float:left;  } 
#header .header-wrap .navigation { display:inline-block; padding:0px; margin:0px; float:right;}        

	/* nav-wrap */
	/*#nav-wrap {
		position: relative;
		display:inline-block;
		padding:0px;
		margin:0px;
	}

	/* menu icon */
	/*#menu-icon {
		color: #000;
		height: 50px;
		line-height:50px;
		background: url(images/menu-icon.png) no-repeat 10px center;
		padding: 0px 10px 0px 10px;
		width:20px;
		cursor: pointer;
		display: block; /* show menu icon */
		/*float:right;
	}
	#menu-icon:hover {
		background:url(images/menu-icon.png) no-repeat 10px center;
	}
	#menu-icon.active {
		background:url(images/menu-icon-active.png) no-repeat 10px center;
	}*/
	
	/* main nav */
	/*#nav {
		clear: both;
		position: absolute;
		top: 51px;
		width: 200px;
		left: -170px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		box-shadow: 1px 1px 3px #999999;
		display: none; /* visibility will be toggled with jquery */
		
	/*}
	#nav ul { padding:0px; margin:0px;}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
		padding:0px;
		line-height:25px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0px 0px 0px 10px;
		margin:0px;
		line-height:25px;
		border-left: 2px solid #999;
		color: #333;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* nav dropdown */
/*#nav ul {
	background: none;
	padding: 0px;
	margin:0px;
	position: absolute;
	display: none; /* hide dropdown */
	/*width: auto;
	
}
#nav ul li {
	margin: 0px;
	padding: 0px;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
    /*position: static;
}

#nav li li a:before {
   content: "- ";
}

#nav li li a {
    display: block;
    font-size: 13px;
    font-family: inherit;
    color: #999;
    text-decoration:none;
    text-transform: none;
    padding: 0px 10px;
    margin:0px;
    border:none;
    line-height:25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: none;
}
#nav li li a:hover {
	background: none;
	color: #666;
}

}

@media screen and (min-width: 768px) {

	/* ensure #nav is visible on desktop version */
	/*#nav {
		display: block !important;
	}

}*/