/*|* Presentation Stylesheet *|*/ 

/*
** START : GENERAL
*/

html, body
{
    color: #000000;
    font: normal 11px Verdana;
}

span.ext_format
{
    font-family: Courier;
}

div.flash
{
    margin: 0 auto;
    border: 0;
    padding: 0;
    
    text-align:center;
}

ul.rule li
{
    margin: 0;
    border: 0;
    padding: 2px;
}

address.contact
{
    margin: 0 20px;
    border: 0;
    padding: 0;
}

p.note
{
    font-style: italic;
    font-size: 90%;
}

a:link    { color: #0000CC; text-decoration: none;      }
a:visited { color: #0000CC; text-decoration: none;      }
a:hover   { color: #0000CC; text-decoration: underline; }

div.center
{
    margin: 0 auto;
    text-align: center;
}

p.center
{
    text-align: center;
}

.page
{
    width: 100%;
}

.subpage
{
    width: 50%;
}

.padder
{
    height: 2px;
    background: transparent;
}

.remover
{
    margin: 2px 0 -6px 0;
    background: transparent;
}

hr
{
    margin: 2px 0;
    border: 0;
    padding: 0;
    
    float: left;
    width: 100%;
    height: 1px;
    
    color: lightblue;
    background-color: lightblue;
}

a.page_top
{
    margin: -12px 0 -2px 0;
    border: 0;
    padding: 0;
    
    float: right;
    display: block;
    
    background: transparent;
}

div.window_heading p
{
    margin: 2px 0;

    font: bold 12px Arial, Verdana, sans-serif;
}

div.window_snippet
{
    border-top: 1px dotted lightblue;
}

div.window_snippet p
{
    font: normal 11px Arial, Verdana, sans-serif;
}

div.section_-_logo
{
    float: left;
    width: 30%;
    
    margin: auto;
    text-align: center;
}

.section_-_name
{
    padding: 2px 0;
    text-align: left;
}

div.section_-_text
{
    float: right;
    width: 69%;
    
    margin: 5px 0 0 0;
    padding: 2px 3px;
}

div.section_-_text ul
{
    margin: 0 0 5px 10px;
    padding: 0;
}

div.section_-_text ul li
{
    margin: 2px 0;
    padding: 0;
    
    list-style-type: none;
}

ol.faq_q li
{
    margin: 0;
    border: 0;
    padding: 1px 0;
    
    font: normal 12px Arial, Verdana, sans-serif;
}

ol.faq_a li
{
    margin: 6px 0;
    border-bottom: 1px dotted lightblue;
    padding: 5px 1px 2px 1px;
    
    font: bold 12px Arial, Verdana, sans-serif;
}

ol.glossary_index
{
    margin: 5px 0;
    border: 0;
    padding: 0;
    
    list-style-type: none;
    text-align: center;
}

ol.glossary_index li
{
    margin: 0;
    border: 0;
    padding: 1px;
    
    display: inline;
    font: bold 12px Arial, Verdana, sans-serif;
}

dl.glossary_group
{
    margin: 0 0 0 2px;
    border: 0;
    padding: 0;
}

dl.glossary_group dt
{
    font: bold 15px Arial, Verdana, sans-serif;
}

dl.glossary_terms
{
    margin: 5px 0;
    border: 0;
    padding: 0;
}

dl.glossary_terms dt
{
    margin: 2px 0 2px 10px;
    border: 0;
    padding: 0;
    
    font: italic 13px Arial, Verdana, sans-serif;
}

dl.glossary_terms dd
{
    margin: 2px 0 8px 25px;
    border-bottom: 1px dotted lightblue;
    padding: 4px 0;

    font: normal 12px Arial, Verdana, sans-serif;
}

div.down_page
{
    margin: 0;
    border: 0;
    padding: 0;
}

div.down_page_-_image
{
    margin: auto;
    border: 0;
    padding: 0;

    width: 100%;
    text-align: center;
}

div.down_page_-_info
{
    padding: 0 0 5px 0;
}

div.nogo_page
{
    margin: 0;
    border: 0;
    padding: 0;
}

div.nogo_page_-_image
{
    margin: auto;
    border: 0;
    padding: 0;

    width: 100%;
    text-align: center;
}

div.nogo_page_-_info
{
    padding: 0 0 5px 0;
}

div.error_page
{
    margin: 0;
    border: 0;
    padding: 0;
}

div.error_page_-_image
{
    margin: auto;
    border: 0;
    padding: 0;

    width: 100%;
    text-align: center;
}

div.error_page_-_info
{
    padding: 0 0 5px 0;
}

div.work_page
{
    margin: 0;
    border: 0;
    padding: 0;
}

div.work_page_-_image
{
    margin: auto;
    border: 0;
    padding: 0;

    width: 100%;
    text-align: center;
}

div.work_page_-_info
{
    padding: 0 0 5px 0;
}

div.linebottom
{
    margin: 0;
    border-bottom: 1px dotted lightblue;
    padding: 2px 0;
}

div.linetop
{
    margin: 0;
    border-top: 1px dotted lightblue;
    padding: 2px 0;
}

img
{
    margin: 0;
    border: 0;
    padding: 0;
    
    background: transparent;
    vertical-align: middle;
}

img.link
{
    target: _blank;
}

img.icon
{
    border: 1px solid gray;
}

img.local
{
    target: _top;
}

img.text
{
    margin: 0;
    border: 0;
    padding: 2px 4px;
}

img.wrap_l
{
    float: left;
}

img.wrap_r
{
    float: right;
}

h1
{
    font: bold 17px Arial, Verdana, sans-serif;
    margin: 10px 0;
}

h2
{
    font: bold 15px Arial, Verdana, sans-serif;
    margin: 8px 0;
}

h3
{
    font: bold 13px Arial, Verdana, sans-serif;
    margin: 6px 0;
}

h4
{
    font: bold 12px Arial, Verdana, sans-serif;
    margin: 4px 0;
}

h5
{
    font: bold 11px Arial, Verdana, sans-serif;
    margin: 3px 0;
}

p
{
    font: normal 11px Verdana, Arial, sans-serif;
    padding: 0px 4px 0px 2px;
}

p.bold, span.bold
{
    font-weight: bold;
}

p.italic, span.italic
{
    font-style: italic;
}

ul.tree
{
    margin: 0 0 0 15px;
    border: 0;
    padding: 0;
    
    list-style-type: none;
}

ul.tree li a
{
    color: #000000;
    text-decoration: none;
}

ul.tree li a:link    { color: #000000; text-decoration: none;      }
ul.tree li a:visited { color: #000000; text-decoration: none;      }
ul.tree li a:hover   { color: #000000; text-decoration: underline; }

div.half
{
    margin: 0;
    border: 0;
    padding: 0;
    
    width:49%;
}

div.side_l
{
    float: left;
}

div.side_r
{
    float: right;
}

div.dl_list
{
    width: 99%;
    
    margin: 5px auto -5px auto;
    border: 0;
    padding: 2px;
}

div.dl_area
{
    float: left;
    width: 99%;
    height: auto;
    
    margin: 5px auto -5px auto;
    border: 0;
    border-top: 1px dotted lightblue;
    padding: 2px;
}

div.dl_prev
{
    float: left;
    width: 12.5%;
    height: auto;
    
    margin: 1px auto;
    border: 0;
    border-right: 1px dashed lightblue;
    padding: 5px;
}

div.dl_type
{
    margin: 1px auto;
    border: 0;
    padding: 2px 5px 0 5px;
}

div.dl_info
{
    float: left;
    width: 82.5%;
    height: 100%;
    min-height: 100px;
    
    margin: 1px auto;
    border: 0;
    padding: 2px 5px 0 5px;
}

* html div.dl_info
{
    height: 100px;
}

label.dl_icon
{
    margin: 0;
    border: 0;
    padding: 1px 0;

    width: 32px;
    height: 34px;

    float: left;
    display: inline;

    text-align: center;
    background: transparent;
}

div.dl_data
{
    margin: 0;
    border: 0;
    padding: 8px 0 0 0;

    width: auto;
    float: left;

    text-align: left;
    background: transparent;
}

label.dl_link
{
    margin: 0;
    border: 0;
    padding: 8px 0 0 0;

    width: 25%;
    height: 32px;

    float: left;
    display: inline;

    line-height: 16px;
    text-align: left;
    background: transparent;
}

label.dl_data
{
    margin: 0;
    border: 0;
    padding: 8px 0 0 0;

    width: auto;
    height: 32px;

    float: left;
    display: inline;

    line-height: 16px;
    text-align: left;
    background: transparent;
}

label.dl_prog
{
    margin: 0;
    border: 0;
    padding: 8px 0 0 0;

    width: auto;
    height: auto;

    float: right;
    display: inline;

    line-height: 16px;
    text-align: left;
    background: transparent;
}

ul.dl_note
{
    margin: 0 10px 0 30px;
    border: 0;
    padding: 0;
    
    list-style-type: square;
}

ul.dl_note li
{
    margin: 0;
    border: 0;
    padding: 2px;
}

div.partners_-_logo
{
    float: left;
    width: 30%;
    
    margin: auto;
    text-align: center;
}

.partners_-_name
{
    text-align: left;
}

div.partners_-_text
{
    float: right;
    width: 65%;
    
    padding: 2px 5px;
}

/*
** END : GENERAL
*/

/*
** START : MAGNIFY
*/

div.magnify
{
    margin: 0 auto;
    border: 0;
    padding: 2px;

    float: left;
    position: relative;
    background-color: #fff;
    color: #000;

    width: 130px;
    height: 84px;
}

div.magnify a.zoom, div.magnify a.zoom:visited
{
    display: block;
    background-color: #fff;
    text-decoration: none;
}

div.magnify a.zoom:hover
{
    text-decoration: none;
}

div.magnify a.zoom img.small
{
    margin: 0;
    border: 1px solid #000;
    padding: 1px;

    display: block;
    position: relative;
    z-index: 0;
}

div.magnify a.zoom:hover img.small
{
    margin: 0;
    border: 2px solid #000;
    padding: 0;
}

div.magnify a.zoom img.large
{
    margin: 0;
    border: 0;
    padding: 0;

    display: block;
    position: absolute;

    width: 1px;
    height: 1px;
    top: -1px;
    left: -1px;
}

div.magnify a.zoom:hover img.large
{
    margin: 0 auto;
    border: 2px solid #000;
    padding: 2px;

    display: block;
    position: absolute;
    background-color: #fff;

    width: auto;
    height: auto;
    top: 100%;
    left: 2px;
    z-index: 1;

    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90.0);
}

/*
** END : MAGNIFY
*/

/*
** START : HOME
*/

div.home_-_list
{
    margin: -8px 8px -8px 0px;
}

div.home_-_list_left
{
    float: left;
    width: 52.25%;
}

div.home_-_list_right
{
    float: right;
    width: 45.25%;
}

ul.home_-_list
{
    margin: 0 5px 5px 20px;
    border: 0;
    padding: 0;
    
    list-style-type: square;
}

ul.home_-_list ul
{
    margin: 0 5px 0 20px;
    border: 0;
    padding: 0;
    
    list-style-type: circ;
}

ul.home_-_list ul ul
{
    list-style-type: disc;
}

ul.home_-_list li
{
    margin: 0;
    border: 0;
    padding: 1px 0;
}

div.home_-_front_image
{
    margin: 0 auto;
    width: 100%;
    
    text-align: center;
}

div.home_-_intro_text
{
    margin: 0;
    border: 0;
    padding: 0;

    float: left;
    width: 100%;//65%;
    height: auto;
}

div.home_-_snippet
{
    margin: 30px 0 10px 0;
    border: 1px solid lightblue;
    padding: 4px 2px 2px 8px;

    float: right;
    width: 30%;
    min-height: 120px;
}

div.home_-_snippet p
{
    font: normal 11px Arial, Verdana, sans-serif;
}

*.html div.home_-_snippet
{
    height: 120px;
}

/*
** END : HOME
*/

/*
** START : ABOUT US
*/

ul.aboutus_-_business_-_list
{
    margin: 0 10px 0 30px;
    border: 0;
    padding: 2px 0;
}

ul.aboutus_-_business_-_list li
{
    margin: 0;
    border: 0;
    padding: 2px 0;
}

div.aboutus_-_history_-_staff
{
    float: left;
    margin: 0 0 0 10px;
}

div.aboutus_-_history_-_work
{
    float: right;
    margin: 0 20px 0 0;
}

div.aboutus_-_locations_-_photo
{
    float: left;
    width: 30%;
    
    padding: 2px;
}

div.aboutus_-_locations_-_info
{
    float: left;
    width: 65%;
    
    padding: 2px;
}

div.aboutus_-_locations_-_details
{
    margin: 0;
    border: 0;
    padding: 0;

    float: left;
    width: auto;
}

div.aboutus_-_locations_-_details_address
{
    float: left;
    width: 56%;
}

div.aboutus_-_locations_-_details_contact
{
    float: right;
    width: 44%;
}

label.aboutus_-_locations_-_field
{
    margin: 0;
    border: 0;
    padding: 2px 0;

    width: auto;
    height: 16px;

    float: left;
    display: inline;

    line-height: 16px;
    text-align: left;
    background: transparent;
}

label.aboutus_-_locations_-_field_address
{
    width: 60px;
    height: 16px;
}

label.aboutus_-_locations_-_field_contact
{
    width: 50px;
    height: 16px;
}

label.aboutus_-_locations_-_data
{
    margin: 0;
    border: 0;
    padding: 2px 0;

    width: auto;
    height: auto;

    float: left;
    display: inline;

    line-height: 16px;
    text-align: left;
    background: transparent;
}

label.aboutus_-_locations_-_data_address
{
    width: 170px;
    height: auto;
}

label.aboutus_-_locations_-_data_contact
{
    width: 130px;
    height: auto;
}

div.aboutus_-_management_-_photo
{
    float: left;
    width: 99%;
    
    margin: 0;
    border: 0;
    padding: 1px;
}

span.aboutus_-_management_-_motto
{
    margin: 0;
    border: 0;
    padding: 3px;
    
    display: block;
    font-style: italic;
}

div.aboutus_-_management_-_profile
{
    float: left;
    width: 100%;
}

div.aboutus_-_management_-_profile ul
{
    margin: -6px 0 0 0;
    border: 0;
    padding: 0;
}

div.aboutus_-_management_-_profile ul li
{
    margin: 0 0 0 20px;
    border: 0;
    padding: 1px 0px;
}

div.aboutus_-_management_-_resume
{
    margin: 5px 0 0 0;
    border: 0;
    padding: 0;

    float: right;
    width: 59.5%;
}

div.aboutus_-_management_-_contact
{
    margin: 0;
    border: 0;
    padding: 0;

    float: left;
    width: 40.5%;
}

label.aboutus_-_management_-_profile_info
{
    margin: 0;
    border: 0;
    padding: 1px 2px;

    width: auto;
    height: auto;

    float: left;
    display: inline;

    line-height: 16px;
    text-align: left;
    background: transparent;
}

label.aboutus_-_management_-_field_online
{
    width: 55px;
    height: auto;
}

label.aboutus_-_management_-_field_offline
{
    width: 45px;
    height: auto;
}

label.aboutus_-_management_-_data_online
{
    width: 185px;
    height: auto;
}

label.aboutus_-_management_-_data_offline
{
    width: 175px;
    height: auto;
}

div.aboutus_-_management_-_offline p
{
    float: left;
    width: 24%;
    display: inline;
}

div.aboutus_-_management_-_offline ul
{
    float: right;
    width: 74%;
    display: inline;

    margin: -12px 0 0 0;
    border: 0;
    padding: 0;
}

div.aboutus_-_management_-_offline ul li
{
    margin: 0;
    border: 0;
    padding: 1px;
}

ul.aboutus_-_strategy_-_list
{
    margin: 0 10px 0 30px;
    border: 0;
    padding: 0;
    
    list-style-type: square;
}

ul.aboutus_-_strategy_-_list li
{
    margin: 0;
    border: 0;
    padding: 2px 0;
}

/*
** END : ABOUT US
*/

/*
** START : COMPANIES
*/

.companies_-_logo
{
    margin: 0;
    padding: 1px 0;
    
    float: left;
    width: 39%;
}

.companies_-_text
{
    margin: 0;
    padding: 2px 0;
    
    float: left;
    width: 61%;
}

.companies_-_remote_-_overview_-_list
{
    margin: 0 10px 0 30px;
    border: 0;
    padding: 0;
}

ul.companies_-_remote_-_overview_-_list
{
    list-style-type: disc;
}

ol.companies_-_remote_-_overview_-_list
{
    list-style-type: decimal;
}

.companies_-_remote_-_overview_-_list li
{
    margin: 0;
    border: 0;
    padding: 2px;
}

div.companies_-_remote_-_products_-_logo
{
    float: left;
    width: 49%;
    
    padding: 2px;
    text-align: left;
}

div.companies_-_remote_-_products_-_demo
{
    float: right;
    width: 49%;
    
    padding: 2px;
    text-align: right;
}

div.companies_-_remote_-_products_-_info
{
    float: left;
    width: 99%;
    
    padding: 2px;
}

div.companies_-_remote_-_products_-_info_-_image
{
    float: left;
    width: 15%;
}

div.companies_-_remote_-_products_-_info_-_list
{
    float: left;
    width: 45%;
}

div.companies_-_remote_-_contacts_-_logo
{
    float: left;
    width: 30%;
    
    margin: auto;
    padding: 0 2px;
}

div.companies_-_remote_-_contacts_-_text
{
    float: right;
    width: 55%;
    
    padding: 2px 5px;
}

/*
** END : COMPANIES
*/

/*
** START : SITE INFO
*/

div.siteinfo_-_sitemap
{
    font: normal 15px Arial, Verdana, sans-serif;
}

ul.siteinfo_-_sitemap, ul.siteinfo_-_sitemap li, ul.siteinfo_-_sitemap ul
{
    margin: -2px 0 -2px 10px;
    border: 0;
    padding: 2px 0 2px 2px;
    
    list-style-type: none;
    font-size: 95%;
}

ul.siteinfo_-_sitemap li a
{
    color: #000000;
    text-decoration: none;
}

ul.siteinfo_-_sitemap li a:link    { color: #000000; text-decoration: none;      }
ul.siteinfo_-_sitemap li a:visited { color: #000000; text-decoration: none;      }
ul.siteinfo_-_sitemap li a:hover   { color: #000000; text-decoration: underline; }

div.siteinfo_-_glossary_-_list
{
    margin: 0;
    border: 0;
    padding: 0;

    float: left;
    width: 99%;
}

label.siteinfo_-_glossary_-_reference
{
    margin: 0 4px;
    border: 0;
    padding: 2px 0;

    float: left;
    display: inline;
    height: auto;

    background: transparent;
    line-height: 16px;
    text-align: left;
    
    font: bold 12px Arial, Verdana, sans-serif;
}

label.siteinfo_-_glossary_-_reference_heading
{
    font: bold 13px Arial, Verdana, sans-serif;
}

label.siteinfo_-_glossary_-_reference_term
{
    width: 8%;
}

label.siteinfo_-_glossary_-_reference_operator
{
    width: 1%;
}

label.siteinfo_-_glossary_-_reference_definition
{
    width: 86%;
}

span.siteinfo_-_glossary_-_reference_description
{
    font: normal 11px Verdana;
    line-height: 14px;
}

div.siteinfo_-_contactinfo
{
    margin: 0 auto;
    width: 90%;
}

div.siteinfo_-_online
{
    float: left;
    width: 49%;
}

div.siteinfo_-_offline
{
    float: right;
    width: 49%;
}

label.siteinfo_-_contactinfo
{
    margin: 0;
    border: 0;
    padding: 2px 0;

    width: auto;
    height: 16px;

    float: left;
    display: inline;

    line-height: 16px;
    text-align: left;
    background: transparent;
}

label.siteinfo_-_field_online
{
    width: 20%;
    height: auto;
}

label.siteinfo_-_field_offline
{
    width: 15%;
    height: auto;
}

label.siteinfo_-_data_online
{
    width: 75%;
    height: auto;
}

label.siteinfo_-_data_offline
{
    width: 80%;
    height: auto;
}

/*
** END : SITE INFO
*/