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

/************** Overall **************/
body{	
	margin:0; 
	background-color:#000;
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#fff;
}

.leftpanel{
	background-image:url(../images/footer_side.jpg); 
	background-repeat:no-repeat; 
	background-position:right bottom;
}

.rightpanel{
	background-image:url(../images/footer_side.jpg); 
	background-repeat:no-repeat; 
	background-position:left bottom;
}

.footer{
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#555;
	
}

.clear{
	clear:both;
}

a.hyperlink{
	text-decoration:none;
	color:#FFF;
}

a.hyperlink:hover{
	text-decoration:underline;
}


/*********************************************** Header Portion **********************************************/
/************** Top menu **************/
#menuwrapper{
	height:32px; 
	margin-top:65px; 
	margin-left:50px;
	float:left;
	position:relative;
	z-index:1;
}

#menu_item{
	padding-right:0px; 
	float:left;
}

a#navi_home img {background:url(../images/top_menu/home.jpg) top left no-repeat; height: 29px; width: 36px;}
a#navi_home:hover img {background-image:url(../images/top_menu/home_mo.jpg);}
a#navi_home2 img {background:url(../images/top_menu/home_mo.jpg) top left no-repeat; height: 29px; width: 36px;}
	
a#navi_about img {background:url(../images/top_menu/about.jpg) top left no-repeat; height: 30px; width: 42px;}
a#navi_about:hover img {background-image:url(../images/top_menu/about_mo.jpg);}
a#navi_about2 img {background:url(../images/top_menu/about_mo.jpg) top left no-repeat; height: 30px; width: 42px;}

a#navi_services img {background:url(../images/top_menu/services.jpg) top left no-repeat; height: 29px; width: 53px;}
a#navi_services:hover img {background-image:url(../images/top_menu/services_mo.jpg);}
a#navi_services2 img {background:url(../images/top_menu/services_mo.jpg) top left no-repeat; height: 29px; width: 53px;}

a#navi_network img {background:url(../images/top_menu/network.jpg) top left no-repeat; height: 29px; width: 53px;}
a#navi_network:hover img {background-image:url(../images/top_menu/network_mo.jpg);}
a#navi_network2 img {background:url(../images/top_menu/network_mo.jpg) top left no-repeat; height: 29px; width: 53px;}

a#navi_career img {background:url(../images/top_menu/career.jpg) top left no-repeat; height: 29px; width: 43px;}
a#navi_career:hover img {background-image:url(../images/top_menu/career_mo.jpg);}
a#navi_career2 img {background:url(../images/top_menu/career_mo.jpg) top left no-repeat; height: 29px; width: 43px;}

a#navi_web img {background:url(../images/top_menu/web.jpg) top left no-repeat; height: 29px; width: 69px;}
a#navi_web:hover img {background-image:url(../images/top_menu/web_mo.jpg);}
a#navi_web2 img {background:url(../images/top_menu/web_mo.jpg) top left no-repeat; height: 29px; width: 69px;}

a#navi_contact img {background:url(../images/top_menu/contact.jpg) top left no-repeat; height: 29px; width: 69px;}
a#navi_contact:hover img {background-image:url(../images/top_menu/contact_mo.jpg);}
a#navi_contact2 img {background:url(../images/top_menu/contact_mo.jpg) top left no-repeat; height: 29px; width: 69px;}

a#navi_webmail img {background:url(../images/top_menu/webmail.jpg) top left no-repeat; height: 29px; width: 69px;}
a#navi_webmail:hover img {background-image:url(../images/top_menu/webmail_mo.jpg);}
a#navi_webmail2 img {background:url(../images/top_menu/webmail_mo.jpg) top left no-repeat; height: 29px; width: 69px;}
/************** Drop Down menu **************/
#dropmenudiv{
	position:absolute;
	line-height:23px;
	z-index:100;
	background-color:#000;
	width:242px;
	margin-top:5px;
	margin-left:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;



}
#dropmenudiv a{
	display: block;
	text-indent: 5px;
	text-decoration: none;
	font-weight: normal;
	width:216px;
	color:#dadada;
	padding-top:3px;
	padding-left:5px;
	padding-bottom:6px;
	padding-right:5px;



}
#dropmenudiv a:hover{
	background-color:#ce0202;
	display: block;
	text-indent: 7px;
	text-decoration: none;
	font-weight: normal;
	width:216px;
	padding-left:3px;
	padding-bottom:6px;
	padding-right:3px;

}

/************** Language Bar at Top Right Corner (Map) **************/
#languagebar{
	height:70px; 
	width:194px; 
	margin-top:0px;
	padding-top:20px;
	float:right; 
	background-image:url(../images/languagebar_bg.jpg); 
	background-position:right top;
}

a.lang{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
}

a.lang:hover{
	text-decoration:underline;
	font-size:11px;
}

/*********************************************** Side Portion **********************************************/
/************** Left Sub Menu **************/
#leftmenuwrapper{
	float:left;
	background-image:url(../images/grey_bar.jpg); 
	background-repeat:no-repeat; 
	background-position:right;
	height:193px; /*Do not change this height, it will affect the display of the grey bar*/
	width:154px; /*Do not change this width, it will affect the overall width*/
}

/************** About: Sub Menu **************/
a#subnavi_vision img {background:url(../images/about/about_leftmenu/sub_vision.jpg) top left no-repeat; height: 46px; width: 153px;}
a#subnavi_vision:hover img {background-image:url(../images/about/about_leftmenu/sub_vision_mo.jpg);}
a#subnavi_vision2 img {background:url(../images/about/about_leftmenu/sub_vision_mo.jpg) top left no-repeat; height: 46px; width: 153px;}

a#subnavi_people img {background:url(../images/about/about_leftmenu/sub_people.jpg) top left no-repeat; height: 33px; width: 153px;}
a#subnavi_people:hover img {background-image:url(../images/about/about_leftmenu/sub_people_mo.jpg);}
a#subnavi_people2 img {background:url(../images/about/about_leftmenu/sub_people_mo.jpg) top left no-repeat; height: 33px; width: 153px;}

a#subnavi_milestones img {background:url(../images/about/about_leftmenu/sub_milestones.jpg) top left no-repeat; height: 27px; width: 153px;}
a#subnavi_milestones:hover img {background-image:url(../images/about/about_leftmenu/sub_milestones_mo.jpg);}
a#subnavi_milestones2 img {background:url(../images/about/about_leftmenu/sub_milestones_mo.jpg) top left no-repeat; height: 27px; width: 153px;}


/************** Services: Sub Menu **************/
a#subnavi_asia img {background:url(../images/services/sub_asia.jpg) top left no-repeat; height: 48px; width: 153px;}
a#subnavi_asia:hover img {background-image:url(../images/services/sub_asia_mo.jpg);}
a#subnavi_asia2 img {background:url(../images/services/sub_asia_mo.jpg) top left no-repeat; height: 48px; width: 153px;}

a#subnavi_lubricant img {background:url(../images/services/sub_lubricant.jpg) top left no-repeat; height: 47px; width: 153px;}
a#subnavi_lubricant:hover img {background-image:url(../images/services/sub_lubricant_mo.jpg);}
a#subnavi_lubricant2 img {background:url(../images/services/sub_lubricant_mo.jpg) top left no-repeat; height: 47px; width: 153px;}

a#subnavi_risk img {background:url(../images/services/sub_risk.jpg) top left no-repeat; height: 26px; width: 153px;}
a#subnavi_risk:hover img {background-image:url(../images/services/sub_risk_mo.jpg);}
a#subnavi_risk2 img {background:url(../images/services/sub_risk_mo.jpg) top left no-repeat; height: 26px; width: 153px;}

a#subnavi_terms img {background:url(../images/services/sub_terms.jpg) top left no-repeat; height: 51px; width: 153px;}
a#subnavi_terms:hover img {background-image:url(../images/services/sub_terms_mo.jpg);}
a#subnavi_terms2 img {background:url(../images/services/sub_terms_mo.jpg) top left no-repeat; height: 51px; width: 153px;}


/*********************************************** Content Portion **********************************************/
/************** Content (General) **************/
#content{
	float:left; 
	margin-left:32px; 
	width:790px; /*Do not change this width, it will affect the overall width*/
	width:590px;
}


.contact_title{
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ce0202;
}

.red{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ce0202;
}


.indexfont{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	
}
