﻿#wrapper
{
    margin: 0 auto;
}
#background
{
    height: 440px;
    padding-top: 10px;
}
#menu2
{
    padding-left: 12px;
    margin: 0;
    list-style: none;
    height: 28px;
    position: relative;
    z-index: 500;
    font-family: arial, verdana, sans-serif;
}
#menu2 li.top
{
    display: block;
    float: left;
    padding-right: 1px;
}
#menu2 li a.top_link
{
    display: block;
    height: 32px;
    float: left;
    background-image: url("../Images/BackGround/AboutUsBG.jpg");
    line-height: 22px;
    font-size: 11px;
    font-weight: bold;
    padding: 0 20px 0 10px;
    color: #edb;
    text-decoration: none;
}
#menu2 li a.top_link:hover
{
    color: #d85;
    border-color: #a52;
    background-image: url("../Images/BackGround/AboutUsBGHover.jpg");
}

#menu2 li a.top_linkHome
{
    display: block;
    height: 32px;
    width: 189px;
    float: left;
    background-image: url("../Images/BackGround/HomeBG.jpg");
    line-height: 22px;
    text-decoration: none;
}
#menu2 li a.top_linkHome:hover
{
    display: block;
    height: 32px;
    float: left;
    background-image: url("../Images/BackGround/HomeHoverBG.jpg");
    line-height: 22px;
    text-decoration: none;
}

#menu2 li a.top_linkAboutUs
{
    display: block;
    height: 32px;
    width: 189px;
    float: left;
    background-image: url("../Images/BackGround/AboutUsBG.jpg");
    line-height: 22px;
    text-decoration: none;
}
#menu2 li a.top_linkAboutUs:hover
{
    display: block;
    height: 32px;
    float: left;
    background-image: url("../Images/BackGround/AboutUsBGHover.jpg");
    line-height: 22px;
    text-decoration: none;
}
#menu2 li:hover > a.top_linkAboutUs
{
    color: #d85;
    border-color: #a52;
    background-image: url("../Images/BackGround/AboutUsBGHover.jpg");
}

#menu2 li a.top_linkOurProducts
{
    display: block;
    height: 32px;
    width: 189px;
    float: left;
    background-image: url("../Images/BackGround/OurProductsBG.jpg");
    background-repeat:no-repeat;
    line-height: 22px;
    text-decoration: none;
}
#menu2 li a.top_linkOurProducts:hover
{
    display: block;
    height: 32px;
    float: left;
    background-image: url("../Images/BackGround/OurProductsHoverBG.jpg");
    background-repeat:no-repeat;
    line-height: 22px;
    text-decoration: none;
}
#menu2 li:hover > a.top_linkOurProducts
{
    color: #d85;
    border-color: #a52;
    background-image: url("../Images/BackGround/OurProductsHoverBG.jpg");
}

#menu2 li a.top_linkNews
{
    display: block;
    height: 32px;
    width: 189px;
    float: left;
    background-image: url("../Images/BackGround/NewsBG.jpg");
    line-height: 177px;
    text-decoration: none;
}
#menu2 li a.top_linkNews:hover
{
    display: block;
    height: 32px;
    float: left;
    background-image: url("../Images/BackGround/NewsHoverBG.jpg");
    line-height: 177px;
    text-decoration: none;
}
#menu2 li:hover > a.top_linkNews
{
    color: #d85;
    border-color: #a52;
    background-image: url("../Images/BackGround/NewsHoverBG.jpg");
}

/*sub menu of our about us*/
#menu2 li a.top_linkContactUs
{
    display: block;
    height: 32px;
    width: 189px;
    float: left;
    background-image: url("../Images/BackGround/ContactUsBG.jpg");
    line-height: 22px;
    text-decoration: none;
}
#menu2 li a.top_linkContactUs:hover
{
    display: block;
    height: 32px;
    float: left;
    background-image: url("../Images/BackGround/ContactUsHoverBG.jpg");
    line-height: 22px;
    text-decoration: none;
}

#menu2 li ul.sub li a.OurStory
{
    width: 189px;
    height: 27px;
    background-image: url("../Images/BackGround/OurStoryBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.OurStory:hover
{
    background-image: url("../Images/BackGround/OurStoryHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.OurData
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/OurDataBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.OurData:hover
{
    background-image: url("../Images/BackGround/OurDataHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.OurUsers
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/OurUsersBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.OurUsers:hover
{
    background-image: url("../Images/BackGround/OurUsersHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.OurRelationships
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/OurRelationshipsBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.OurRelationships:hover
{
    background-image: url("../Images/BackGround/OurRelationshipsHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.OurPartners
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/OurPartnersBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.OurPartners:hover
{
    background-image: url("../Images/BackGround/OurPartnersHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.OurPeople
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/OurPeopleBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.OurPeople:hover
{
    background-image: url("../Images/BackGround/OurPeopleHoverBG.jpg");
    background-repeat:repeat-y;
}

/*sub menu of our products*/
#menu2 li ul.sub li a.PreTrade
{
    width: 189px;
    height: 27px;
    background-image: url("../Images/BackGround/PreTradeBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.PreTrade:hover
{
    background-image: url("../Images/BackGround/PreTradeHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.RealTime
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/RealTimeBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.RealTime:hover
{
    background-image: url("../Images/BackGround/RealTimeHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.PostTrade
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/PostTradeBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.PostTrade:hover
{
    background-image: url("../Images/BackGround/PostTradeHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.Compliance
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/ComplianceBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.Compliance:hover
{
    background-image: url("../Images/BackGround/ComplianceHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.Consulting
{
    width: 189px;
    height: 30px;
    background-image: url("../Images/BackGround/ConsultingBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.Consulting:hover
{
    background-image: url("../Images/BackGround/ConsultingHoverBG.jpg");
    background-repeat:repeat-y;
}

#menu2 li ul.sub li a.Research
{
    width: 189px;
    height: 60px;
    background-image: url("../Images/BackGround/ResearchBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.Research:hover
{
    background-image: url("../Images/BackGround/ResearchHoverBG.jpg");
    background-repeat:repeat-y;
}

/*sub menu of news*/
#menu2 li ul.sub li a.Events
{
    width: 189px;
    height: 177px;
    background-image: url("../Images/BackGround/EventsBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.Events:hover
{
    width: 189px;
    height: 177px;
    background-image: url("../Images/BackGround/EventsHoverBG.jpg");
    background-repeat:repeat-y;
}


/*sub menu of contact*/
#menu2 li ul.sub li a.Careers
{
    width: 189px;
    height: 177px;
    background-image: url("../Images/BackGround/CareersBG.jpg");
    background-repeat:repeat-y;
}
#menu2 li ul.sub li a.Careers:hover
{
    width: 189px;
    height: 177px;
    background-image: url("../Images/BackGround/CareersHoverBG.jpg");
    background-repeat:repeat-y;
}
#menu2 table
{
    border-collapse: collapse;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#menu2 a:hover
{
    visibility: visible;
    position: relative;
    z-index: 200;
}
#menu2 li:hover
{
    position: relative;
    z-index: 200;
}
/* keep the 'next' level invisible by placing it off screen. */
#menu2 ul, #menu2 :hover ul ul, #menu2 :hover ul :hover ul ul, #menu2 :hover ul :hover ul :hover ul ul, #menu2 :hover ul :hover ul :hover ul :hover ul ul
{
    position: absolute;
    left: -9999px;
    top: -9999px;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu2 :hover ul.sub
{
    opacity: 0.70;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70,FinishOpacity=0);
    left: 0px;
    top: 32px;
    white-space: nowrap;
    width: 189px;
    height: auto;
    z-index: 300;
    _text-align:left;
    _width:189px;
    #text-align:left;
    #width:189px;
}
#menu2 :hover ul.sub li
{
    display: block;
    float: left;
    width: 189px;
}
#menu2 :hover ul.sub li a
{
    display: block;
    position: relative;
    font-size: 11px;
    width: 189px;
    margin-right: -30px;
    line-height: 25px;
    text-indent: 10px;
    color: #edb;
    text-decoration: none;
}
#menu2 :hover ul :hover ul, #menu2 :hover ul :hover ul :hover ul, #menu2 :hover ul :hover ul :hover ul :hover ul, #menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
    left: 120px;
    top: 0;
    white-space: nowrap;
    width: 189px;
    z-index: 400;
    height: auto;
}
#menu2 :hover ul.narrow :hover ul, #menu2 :hover ul :hover ul.narrow :hover ul, #menu2 :hover ul :hover ul :hover ul.narrow :hover ul, #menu2 :hover ul :hover ul :hover ul :hover ul.narrow :hover ul
{
    left: 90px;
}
