/* 
    Document   : company_profile
    Created on : May 27, 2013, 10:57:15 AM
    Author     : Ping
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.content .content_menu {
    margin-top: 141px;
    margin-right: 10px;
    float: right;
}

.content .content_menu li {
    list-style: none;
    display: inline-block;
}

.content .content_menu li .label {
    position: absolute;
    color: #000000;
    top: 155px;
    margin-left: -62px;
    width: 183px;
    height: 52px;
    background: url("../img/menu_label.png") no-repeat;
    display: none;
    font-size: 16px;
    padding: 5px;
    text-align: center;
    line-height: normal;
}

@-moz-document url-prefix() {
    .content .content_menu li .label {
        margin-left: -50px;
    }
}

.content .content_menu:hover li.active .label {
    display: none;
}

.content .content_menu li:hover .label {
    display: block;
}

.content .content_menu li.active .label, .content .content_menu li.active:hover .label {
    display: block;
}

.content .content_menu li a {
    padding: 25px;
    background: url("../img/menu_deactive.png") no-repeat top center;
}

.content .content_menu li.active a, .content .content_menu li:hover a {
    background: url("../img/menu_active.png") no-repeat top center;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.information {
    width: 510px;
    text-align: justify;
    float: right;
    margin: 30px 10px;
    display: none;
}

#information2, #information4 {
    text-align: center;
    font-size: 18px;
}

#information2 span, #information4 span {
    color: #00556f;
    font: 30px NeoSans;
    line-height: 2;
}

#information3 ul li {
    border-bottom: 1px #20c7f3 dotted;
    list-style-position: inside;
}

#information4 p {
    margin: 0;
}

#information5 {
    font-size: 18px;
}

#information5 ul li {
    list-style-position: inside;
}