/*
***********************************************************

Integratas
Main Navigation Screen Styles

***********************************************************
*/


/*
******************************
	main navigation
******************************
*/

#nav-main-wrap { 
		width: 100%;
		height: 30px;
		background: url(../images/bg/bg_nav_main.gif) no-repeat 0 0;
		font-size: 11px;
		clear: both;
		}


/*
******************************
	dropdown
******************************
*/

.menu {
		position: relative;
		width: 960px;
		height: 30px;
		z-index: 100;
		}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
		
.menu ul ul {
		width: 149px;
		}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
		float: left;
		position: relative;
		}

/* style the links for the top level */
.menu a, .menu a:visited {
		text-decoration: none;
		display: block;
		height: 30px;
		text-indent: -5000px; 
		outline: none;
		}

.menu #home {
		background: url(../images/nav/nav_main_home.gif) no-repeat 0px 0px;
		margin-left: 6px;
		width: 77px;
		}
		
.menu #home:hover {
		background-position: 0 -30px;
		}
		
.menu #home.active {
		background-position: 0 -30px;
		}
		
.menu #aboutus {
		background: url(../images/nav/nav_main_aboutus.gif) no-repeat 0px 0px;
		width: 111px;
		}
		
.menu #aboutus:hover {
		background-position: 0 -30px;
		}
		
.menu #aboutus.active {
		background-position: 0 -30px;
		}

.menu #services {
		background: url(../images/nav/nav_main_services.gif) no-repeat 0px 0px;
		width: 110px;
		}
		
.menu #services:hover {
		background-position: 0 -30px;
		}
		
.menu #services.active {
		background-position: 0 -30px;
		}
		
.menu #testimonials {
		background: url(../images/nav/nav_main_testimonials.gif) no-repeat 0px 0px;
		width: 124px;
		}
		
.menu #testimonials:hover {
		background-position: 0 -30px;
		}
		
.menu #testimonials.active {
		background-position: 0 -30px;
		}
		
.menu #careers {
		background: url(../images/nav/nav_main_careers.gif) no-repeat 0px 0px;
		width: 108px;
		}
		
.menu #careers:hover {
		background-position: 0 -30px;
		}
		
.menu #careers.active {
		background-position: 0 -30px;
		}
		
.menu #contact {
		background: url(../images/nav/nav_main_contact.gif) no-repeat 0px 0px;
		width: 101px;
		}
		
.menu #contact:hover {
		background-position: 0 -30px;
		}
		
.menu #contact.active {
		background-position: 0 -30px;
		}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
		visibility: hidden;
		position: absolute;
		height: 0;
		top: 30px;
		left: 20px;
		width: 149px;
		}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
		position: absolute;
		top: 0;
		left: 0px;
		border-collapse: collapse;
		}
		
	

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/*
******************************
	security
******************************
*/

/* style the second level links */
.menu ul ul.security a, .menu ul ul.security a:visited {
		background: #222;
		color: #999;
		height: auto;
		padding: 4px 10px;
		width: 170px;
		text-indent: 0;
		}

/* style the top level hover */
.menu a:hover, .menu ul ul.security a:hover{
		color: #fff;
		background: #0089d0;
		}
		
.menu :hover > a, .menu ul ul.security :hover > a {
		color: #fff;
		background: #0089d0;
		}
		
		
/*
******************************
	building
******************************
*/

/* style the second level links */
.menu ul ul.building a, .menu ul ul.building a:visited {
		background: #222;
		color: #999;
		height: auto;
		padding: 5px 10px;
		width: 170px;
		text-indent: 0;
		}

/* style the top level hover */
.menu a:hover, .menu ul ul.building a:hover{
		color: #fff;
		background: #4db848;
		}
		
.menu :hover > a, .menu ul ul.building :hover > a {
		color: #fff;
		background: #4db848;
		}
		

/*
******************************
	access control
******************************
*/

/* style the second level links */
.menu ul ul.accesscontrol a, .menu ul ul.accesscontrol a:visited {
		background: #222;
		color: #999;
		height: auto;
		padding: 5px 10px;
		width: 170px;
		text-indent: 0;
		}

/* style the top level hover */
.menu a:hover, .menu ul ul.accesscontrol a:hover{
		color: #fff;
		background: #7961ab;
		}
		
.menu :hover > a, .menu ul ul.accesscontrol :hover > a {
		color: #fff;
		background: #7961ab;
		}
		
		
/*
******************************
	aviation
******************************
*/

/* style the second level links */
.menu ul ul.aviation a, .menu ul ul.aviation a:visited {
		background: #222;
		color: #999;
		height: auto;
		padding: 5px 10px;
		width: 170px;
		text-indent: 0;
		}

/* style the top level hover */
.menu a:hover, .menu ul ul.aviation a:hover{
		color: #fff;
		background: #f58220;
		}
		
.menu :hover > a, .menu ul ul.aviation :hover > a {
		color: #fff;
		background: #f58220;
		}