/* Menu */
.nav { float: left; line-height: 1; background-color: #fff; width: 100%; }
.nav, .nav * { list-style: none; margin-left: 0; }
.nav li { float: left; padding: 0; position: relative; }
.nav ul li { width: 100%; }

.nav a { display: block; position: relative; padding: 8px 10px; }

/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 29px; /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; }

/* Default Skin */
.nav { border: 1px solid; border-color: #aaa #ddd #ddd #aaa; }
.nav ul { border: 1px solid #ddd; border-bottom: none; }
.nav ul li a { border-bottom: 1px solid #ddd; }
.nav li:hover ul,
.nav li.nav-hover ul { background: #fff; }

.nav a { color: #666; border-right: 1px solid #ccc; }
.nav a:hover { text-decoration: none; background: #fafafa; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #fafafa; }

/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }


/*******************/
/***** CUSTOM ******/
/*******************/

/** NAV STUFF **/

div#header_wrap .menu  {
	font-family: Arial, helvetica;
	font-size: 12px;
	font-weight:700;
}

.nav {
	width: auto;
	background-color: transparent;	
	border: none;
}

.nav a { 
	padding: 11px 10px;
	color: #fff;
	border-right:none;		
}

.nav ul  {
	border: transparent;
	border-bottom: none;
}

nav ul li  {
	border: 0 none;
}

.nav ul li a { border-bottom: none }

.nav a:hover { 
	text-decoration: none; 
	background: url(img/bg_nav_selected.png) repeat-x;
	color: #fff 
}


.nav li.nav-hover ul { left: 0px; top: 34px; /top:33px; /left: -1px; /* match top ul list item height */ z-index: 99; }

.nav li.nav-hover ul { background: #0499de; color: black; }

.nav li:hover, .nav li.nav-hover,
.nav a:focus { 
	background: url(img/bg_nav_selected.png) repeat-x;
	color: #fff  ;
}

nav .nav-hover a, .nav .nav-hover a:link, .nav .nav-hover a:visited { 
	color: #fff; 
	}
	
.nav .nav-hover ul.drophook {
	padding: 0px;
}

.nav .nav-hover ul.drophook a {
		padding:8px 12px 8px;
		color: #fff;
		font-weight: normal;
}

.nav .nav-hover ul.drophook a#navMsp {
		padding-bottom: 8px;
}		

.nav .nav-hover ul.drophook a:hover {
	background: #51b8e8;
}


/***/


body#home .nav a#navHom {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}


body#msp .nav a#navPro {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}

body#apptaga .nav a#navPro {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}

body#linktaga .nav a#navPro {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}


body#applications .nav a#navAppl {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}

body#casestudies .nav a#navCas {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}

body#aboutus .nav a#navAbo {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}

body#contact .nav a#navCon {
	background: url(img/bg_nav_selected.png) repeat-x;
    color: #fff;
}