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

/* -- Menu -- */
#top-menu {
	padding:0px 0px;
	overflow:hidden;
	text-align:right;
	width:100%;
	font-size:11px; }

#menu-shadow {
	margin-top:0px;
	float:right;
	position:relative;
	overflow:hidden;}

#menu-shadow li {
	float:right;
	list-style:none;
	z-index:9;
	height:29px;
	line-height:29px;
	text-transform:uppercase;
	margin-right:10px;
	}

	#menu-shadow li a {
		color:#CCC;
		font-weight:bold;
		text-decoration:none;
		outline:none;
		text-align:center;
		z-index:11;
		display:block;
		float:left;
		position:relative;
		overflow:hidden; }
	
		#menu-shadow li a:hover{color:#D9D9D9;}
		#menu-shadow li a:active, #menu-shadow li.current_page_item a { color:#FFF; }

#menu-shadow li.current a {
	z-index:11;
	color:#FFF; }
	
#menu-shadow li.back {
	background:url(../../images/lava.gif) no-repeat right bottom;
	width:8px;
	height:29px;
	z-index:10;
	position:absolute; }

#menu-shadow li.back .left {
	background:url(../../images/lava.gif) no-repeat left top;
	height:29px;
	margin-right:4px; 
	float:none;
}

/*
<div id="services" class="dropmenudiv" style="width:157px;">
        <a class="sub-vms" href="/our_services/vms/"></a>
        <a class="sub-vhs" href="/our_services/vhs/"></a>
        <a class="sub-fs" href="/our_services/fast_stable/"></a>
        <a class="sub-i" href="/our_services/infrastructure/"></a>
    </div>
    <div id="first" class="dropmenudiv" style="width:126px;">
        <a class="sub-c" href="/first_aid/commitment/"></a>
        <a class="sub-v" href="/first_aid/vsi/"></a>
    </div>
    <div id="who" class="dropmenudiv" style="width:157px;">
        <a class="sub-s" href="/who_why/spirit/"></a>
        <a class="sub-f" href="/who_why/facts_lie/"></a>
        <a class="sub-wps" href="/who_why/what_people_say/"></a>
    </div>

*/
	.sub-vms {
		background:url(../../images/sub_os.gif) 0px 0px no-repeat;
		width:159px;height:37px;
	}
		.sub-vms:hover {
			background:url(../../images/sub_os.gif) 0px -153px no-repeat;
			height:37px;
		}
	.sub-vhs {
		background:url(../../images/sub_os.gif) 0px -36px no-repeat;
		height:36px;width:159px;
	}
		.sub-vhs:hover {
			background:url(../../images/sub_os.gif) 0px -190px no-repeat;
			height:36px;
		}	
	.sub-fs {
		background:url(../../images/sub_os.gif) 0px -72px no-repeat;
		height:36px;width:159px;
	}
		.sub-fs:hover {
			background:url(../../images/sub_os.gif) 0px -226px no-repeat;
			height:36px;
		}
	.sub-i {
		background:url(../../images/sub_os.gif) 0px -108px no-repeat;
		height:36px;width:159px;
	}
		.sub-i:hover {
			background:url(../../images/sub_os.gif) 0px -262px no-repeat;
			height:36px;
		}	
	
	.sub-c {
		background:url(../../images/sub_fa.gif) 0px 0px no-repeat;
		height:37px;width:163px;
	}
		.sub-c:hover {
			background:url(../../images/sub_fa.gif) 0px -81px no-repeat;
			height:37px;
		}			
	.sub-v {
		background:url(../../images/sub_fa.gif) 0px -36px no-repeat;
		height:36px;width:163px;
	}
		.sub-v:hover {
			background:url(../../images/sub_fa.gif) 0px -118px no-repeat;
			height:36px;
		}		
	.sub-s {
		background:url(../../images/sub_ww.gif) 0px 0px no-repeat;
		height:37px;width:163px;
	}
		.sub-s:hover {
			background:url(../../images/sub_ww.gif) 0px -117px no-repeat;
			height:37px;
		}
	.sub-f {
		background:url(../../images/sub_ww.gif) 0px -36px no-repeat;
		height:36px;width:163px;
	}
		.sub-f:hover {
			background:url(../../images/sub_ww.gif) 0px -154px no-repeat;
			height:36px;
		}		
	.sub-wps {
		background:url(../../images/sub_ww.gif) 0px -72px no-repeat;
		height:35px;width:163px;
	}
		.sub-wps:hover {
			background:url(../../images/sub_ww.gif) 0px -190px no-repeat;
			height:35px;
		}