.chromestyle{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; width:997px; border:1px solid #444; border-left:0; border-right:0; }
.chromestyle:after{clear:both; content:"."; display:block; height:0; visibility:hidden; }
.chromestyle ul{margin:0; padding:0 0 0 72px; }
.chromestyle ul li{float:left; list-style:none; padding:0 12px; text-align:center; }
/*.chromestyle ul li:hover{background-color:#EBF0F4; }*/
.chromestyle ul li a{border:1px solid #fff; border-bottom:0; border-top:0; color:#333; display:block; margin:0; padding:5px; text-decoration:none; width:90px; height:30px; }
/*.chromestyle ul li a.pos{display:block; height:21px; padding:15px 5px 5px 5px; }*/


.dropmenudiv{background-color:#EBF0F4; border:1px solid #444; border-bottom-width:0; border-top:0; font-family:Calibri, "Century Gothic"; font-size:12px; line-height:18px; position:absolute; text-transform:uppercase; top:0px; visibility:hidden; z-index:100; }
.dropmenudiv a{border-bottom:1px solid #444; color:black; display:block; font-weight:bold; padding:2px 0; text-decoration:none; text-indent:3px; width:auto; }
* html .dropmenudiv a{width:100%; }
.dropmenudiv a:hover{background-color:#EBF0F4; color:#3C6F90; }


/* Home Btn */
.chromestyle ul li a#nav_home { display: block; height: 30px; position: relative; overflow: hidden; width: 65px; left: -50px;}
.chromestyle ul li a#nav_home span { background: url(images/nav/nav_home.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_home span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_home { background-color:#EBF0F4; border:1px solid #444; border-bottom:0; border-top:0; color:#3C6F90; }


/* What is UNIO drop Menu */
.chromestyle ul li a#nav_corporate_structure { display: block; height: 30px; position: relative; overflow: hidden; width: 85px; left: -70px;}
.chromestyle ul li a#nav_corporate_structure span { background: url(images/nav/nav_corporate_structure.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_corporate_structure span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_corporate_structure { background-color:#DBE2E4; border:1px solid #444; border-bottom:0; border-top:0; color:#DBE2E4; }

a#nav_whatisunio { display: block; height: 18px; position: relative; overflow: hidden; width: 165px; }
a#nav_whatisunio span { background: url(images/nav/nav_whatis.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_whatisunio span { background-position: 0 -18px; }

a#nav_corporate { display: block; height: 18px; position: relative; overflow: hidden; width: 165px; }
a#nav_corporate span { background: url(images/nav/nav_corporate.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_corporate span { background-position: 0 -18px; }


/* Blog & Thinkpieces drop Menu */
.chromestyle ul li a#nav_communications { display: block; height: 30px; position: relative; overflow: hidden; width: 90px; left: -70px;}
.chromestyle ul li a#nav_communications span { background: url(images/nav/nav_communications.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_communications span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_communications { background-color:#EBF0F4; border:1px solid #444; border-bottom:0; border-top:0; color:#3C6F90; }

a#nav_thinkpieces { display: block; height: 18px; position: relative; overflow: hidden; width: 100px; }
a#nav_thinkpieces span { background: url(images/nav/nav_thinkpieces.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_thinkpieces span { background-position: 0 -18px; }

a#nav_blog { display: block; height: 18px; position: relative; overflow: hidden; width: 100px; }
a#nav_blog span { background: url(images/nav/nav_blog.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_blog span { background-position: 0 -18px; }

/* Credo drop Menu */
.chromestyle ul li a#nav_credo_and_culture { display: block; height: 30px; position: relative; overflow: hidden; width: 85px; left: -70px;}
.chromestyle ul li a#nav_credo_and_culture span { background: url(images/nav/nav_credo_and_culture.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_credo_and_culture span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_credo_and_culture { background-color:#EBF0F4; border:1px solid #444; border-bottom:0; border-top:0; color:#3C6F90; }

a#nav_credo { display: block; height: 18px; position: relative; overflow: hidden; width: 95px; }
a#nav_credo span { background: url(images/nav/nav_credo.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_credo span { background-position: 0 -18px; }

a#nav_culture { display: block; height: 18px; position: relative; overflow: hidden; width: 95px; }
a#nav_culture span { background: url(images/nav/nav_culture.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_culture span { background-position: 0 -18px; }


/* Owned Companies drop Menu */
.chromestyle ul li a#nav_owned_companies { display: block; height: 30px; position: relative; overflow: hidden; width: 85px; left: -70px;}
.chromestyle ul li a#nav_owned_companies span { background: url(images/nav/nav_owned_companies.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_owned_companies span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_owned_companies { background-color:#DBE2E4; border:1px solid #444; border-bottom:0; border-top:0; color:#DBE2E4; }

a#nav_operating_companies { display: block; height: 18px; position: relative; overflow: hidden; width: 165px; }
a#nav_operating_companies span { background: url(images/nav/nav_operating_companies.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_operating_companies span { background-position: 0 -18px; }

a#nav_business_philosophy { display: block; height: 18px; position: relative; overflow: hidden; width: 165px; }
a#nav_business_philosophy span { background: url(images/nav/nav_business_philosophy.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_business_philosophy span { background-position: 0 -18px; }


/* Investments drop Menu */
.chromestyle ul li a#nav_investments { display: block; height: 30px; position: relative; overflow: hidden; width: 95px; left: -55px;}
.chromestyle ul li a#nav_investments span { background: url(images/nav/nav_investments.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_investments span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_investments { background-color:#EBF0F4; border:1px solid #444; border-bottom:0; border-top:0; color:#3C6F90; }

a#nav_minority_investments { display: block; height: 18px; position: relative; overflow: hidden; width: 180px; }
a#nav_minority_investments span { background: url(images/nav/nav_minority_investments.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_minority_investments span { background-position: 0 -18px; }

a#nav_investment_philosophy { display: block; height: 18px; position: relative; overflow: hidden; width: 180px; }
a#nav_investment_philosophy span { background: url(images/nav/nav_investment_philosophy.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
a:hover#nav_investment_philosophy span { background-position: 0 -18px; }


/* People Btn */
.chromestyle ul li a#nav_people { display: block; height: 30px; position: relative; overflow: hidden; width: 66px; left: -50px;}
.chromestyle ul li a#nav_people span { background: url(images/nav/nav_people.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_people span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_people { background-color:#EBF0F4; border:1px solid #444; border-bottom:0; border-top:0; color:#3C6F90; }

/* Contact Btn */
.chromestyle ul li a#nav_contact { display: block; height: 30px; position: relative; overflow: hidden; width: 64px; left: -50px;}
.chromestyle ul li a#nav_contact span { background: url(images/nav/nav_contact.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.chromestyle ul li a:hover#nav_contact span { background-position: 0 -40px; }
.chromestyle ul li a:hover#nav_contact { background-color:#EBF0F4; border:1px solid #444; border-bottom:0; border-top:0; color:#3C6F90; }

