@charset "utf-8";
/* CSS Document */

/***********************************************************
********************* NAVIGATION TOP ***********************
***********************************************************/
#nav_company_overview a:link,
#nav_company_overview a:visited { background-image: url(../images/nav_01.jpg); }
#nav_working_with_savit a:link,
#nav_working_with_savit a:visited { background-image: url(../images/nav_02.jpg); }
#nav_our_capabilities a:link,
#nav_our_capabilities a:visited { background-image: url(../images/nav_03.jpg); }
#nav_case_studies a:link,
#nav_case_studies a:visited { background-image: url(../images/nav_04.jpg); }
#nav_products a:link,
#nav_products a:visited { background-image: url(../images/nav_05.jpg); }
#nav_contact_us a:link,
#nav_contact_us a:visited { background-image: url(../images/nav_06.jpg); }
#nav_home a:link,
#nav_home a:visited { background-image: url(../images/nav_07.jpg); }
#nav li a:link, #nav li a:visited {
	background-position: top right;
	background-repeat: no-repeat;
}
#nav li a:hover,
#nav li a:active,
#nav li.urhere a {
	background-position: top left;
}
#nav li ul a:link,
#nav li ul a:visited,
#nav li ul a:hover,
#nav li ul a:active  {
	background-image: none;
}

#nav { width: 175px; }

#nav li {
	position: relative;
	height: 100%;
	/* For IE 6 - otherwise main nav gets mouseover gaps 
	under each LI that generates a submenu */	
	vertical-align: middle;
	z-index: 10;
}
#nav li ul {
	position: absolute;
	left: 175px;
	top: 14px;
	display: none;
	background-color: #cecece;
	width: 200px;
	border: 1px solid #ffffff;
	border-left: 12px solid #ffffff;
}
#nav li ul li {
	border-top: 1px solid #ffffff;
}
#nav li ul li.lifirst { border-top: 0; }

#nav li a {
	display: block;
	height: 100%;
	text-decoration: none;
	text-indent: -8000px;
	width: 175px;
	height: 49px;
	width: auto;
}

#nav li ul li a {
	text-indent: 0;
	font-size: 11px;
	color: #041f77;
	height: 100%;
	padding: 5px 10px;
	width: 180px !important;
}

#nav li ul li a:hover,
#nav li ul li a:active,
#nav li ul li.urhere a {
	background-color: #eeeeee;
	color: black;
}
#nav, #nav li ul { list-style: none; }

/* The sfhover class is being applied via JavaScript to make the submenu
show up (changing display from none to block). This didn't seem to work for
IE6, so the JavaScript manipulates the style via the DOM instead. */
#nav li:hover ul, #nav li.sfHover ul { display: block; }

#nav li:hover ul,
#nav li.sfhover ul { margin-left: 0; }
/***********************************************************
******************* END NAVIGATION TOP *********************
***********************************************************/

/***********************************************************
******************* NAVIGATION FOOTER **********************
***********************************************************/
#nav_footer {
	position: absolute;
	bottom: 0;
	left: 0;	
	list-style: none;
	width: 175px;
	height: 14px;
	font-size: 1px;
	line-height: 1px;
}
#nav_footer li {
	float: left;
	text-align: left;
	height: 100%;
}
#nav_site_map { width: 67px; }
#nav_privacy_policy{ width: 108px;  }
#nav_site_map a:link,
#nav_site_map a:visited { background-image: url(../images/nav_sitemap.gif); }
#nav_privacy_policy a:link,
#nav_privacy_policy a:visited { background-image: url(../images/nav_privacy.gif); }
#nav_footer li a {
	display: block;
	text-decoration: none;
	text-indent: -8000px;
	font-size: 1px;
	line-height: 1px;
	height: 14px;
	width: 100%;
}
#nav_footer li a:link, #nav_footer li a:visited {
	background-position: top left;
	background-repeat: no-repeat;
}
#nav_footer li a:hover,
#nav_footer li a:active,
#nav_footer li.urhere a {
	background-position: bottom left;
}
/***********************************************************
**************** NAVIGATION FOOTER END *********************
***********************************************************/