*
{
    margin: 0;
    padding: 0;
}

html, body
{
    height: 100%;
}

body
{
    color: #ffffff;
    font: 0.9em/1.4 arial, verdana, helvetica, sans-serif;
    background: #417d76 url("../images/bg.png") repeat-x 0 106px;
}

a, a:hover
{
    color: #face47;
    text-decoration: underline;
}

a:hover
{
    color: #9ed9de;
}

hr
{
    display: none;
}

img
{
    border: none;
}

ul
{
    list-style-type: none;
}

div.page
{
    position: relative;
    width: 100%;
    min-width: 890px;
    height: auto;
    min-height: 100%;
    text-align: center;
    background: transparent url("../images/page.png") no-repeat 50% 106px;
}

div.header
{
    height: 106px;
    text-align: center;
    background: #ffffff url("../images/header.png") repeat-x 0 0;
}

div.header div
{
    position: relative;
    width: 890px;
    height: 100%;
    margin: 0 auto;
}

div.header h2
{
    position: absolute;
    top: 9px;
    left: 0;
    width: 190px;
    height: 90px;
    font-size: 200%;
    text-transform: uppercase;
    line-height: 90px;
    overflow: hidden;
}

div.header h2 a, div.header h2 a:hover
{
    color: #31473c;
    text-decoration: none;
}

div.header h2 span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/logo.png") no-repeat 0 0;
    cursor: pointer;
}

div.content
{
    position: relative;
    width: 890px;
    text-align: left;
    margin: 0 auto;
}

div.main
{
    width: 866px;
    min-height: 200px;
    margin: 0 0 0 14px;
    padding: 0 0 600px 0;
}

div.main h1, div.main h2, div.main h3, div.main h4, div.main h5, div.main h6
{
    color: #9ed9de;
    text-transform: uppercase;
    margin: 1.6em 0 -1em 0;
}

div.main h1
{
    color: #fed747;
    font-size: 130%;
    margin: 0 0 -0.2em 0;
    padding: 40px 0 0 0;
}

div.main h2
{
    font-size: 110%;
}

div.main h2.slide
{
    height: 21px;
    color: #000000;
    font-size: 95%;
    font-weight: normal;
    margin: 16px 0 8px 0;
    padding: 0;
    cursor: default;
}

div.main h2.slide span.text
{
    position: relative;
    display: block;
    float: left;
    color: #000000;
    font-size: 90%;
    font-weight: normal;
    line-height: 21px;
    background: #fab214 url("../images/h2.png") repeat-x 0 0;
    margin: 0 22px 0 10px;
}

div.main h2.slide span.left, div.main h2.slide span.right
{
    position: absolute;
    display: block;
    top: 0;
    height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
}

div.main h2.slide span.left
{
    left: -10px;
    width: 10px;
    background-image: url("../images/h2-left.png");
}

div.main h2.slide span.right
{
    right: -20px;
    width: 20px;
    background-image: url("../images/h2-right.png");
}

div.main h3
{
    font-size: 100%;
}

div.main h4, div.main h5, div.main h6
{
    font-size: 100%;
    font-weight: normal;
}

div.main p, div.main ol, div.main ul
{
    margin: 1em 0;
}

div.main ol li
{
    margin: 0 0 0 24px;
}

div.main ul li
{
    background: transparent url("../images/li.png") no-repeat 0 7px;
    padding: 0 0 0 12px;
}

div.main ul li ul
{
    margin-top: 0;
}

div.main p
{
    font-size: 95%;
    margin: 20px 0;
}

div.main p strong.blue
{
    color: #9ed9de;
}

div.main p strong.yellow
{
    color: #fed747;
}

div.main p.b, div.main p strong.b
{
    font-size: 110%;
}

div.main p.b img
{
    float: left;
    margin: 0 10px 0 0;
}

div.main p.s
{
    font-size: 80%;
}

div.main p.t
{
    width: 620px;
    font-weight: bold;
    font-size: 105%;
    margin-top: 10px;
}

div.main p.t strong
{
    color: #fed747;
}

div.main ul.menu
{
    height: 21px;
    font-size: 90%;
    line-height: 21px;
    margin: 1.2em 0 -0.6em 0;
}

div.main ul.menu li
{
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    background: transparent;
}

div.main ul.menu li a, div.main ul.menu li a:hover
{
    display: block;
    height: 21px;
    color: #ffffff;
    text-decoration: none;
    background: #45665e url("../images/menu.png") no-repeat 0 0;
}

div.main ul.menu li a:hover, div.main ul.menu li.active a, div.main ul.menu li.active a:hover
{
    color: #021d16;
    background-color: #95cdd1;
    background-position: 0 -21px;
}

div.main ul.menu li a span, div.main ul.menu li a:hover span
{
    display: block;
    height: 100%;
    padding: 0 5px;
    background: transparent url("../images/menu-span.png") no-repeat 100% 0;
}

div.main ul.menu li a:hover span, div.main ul.menu li.active a span, div.main ul.menu li.active a:hover span
{
    background-position: 100% -21px;
}

div.home h1
{
    float: left;
    line-height: 1.1;
    margin: 0 8px 0 0;
}

div.home p
{
    margin-top: 30px;
    font-size: 110%;
}

div.home p.b
{
    margin-top: 0;
    padding: 40px 0 0 0;
}

div.people h2
{
    text-transform: none;
}

div.people p.b
{
    margin-top: 2em;
}

div.why, div.what, div.how, div.tools
{
    background-repeat: no-repeat;
    background-position: 100% 0;
}

div.why
{
    background-image: url("../images/why.jpg");
}

div.what
{
    background-image: url("../images/what.jpg");
}

div.how
{
    background-image: url("../images/how.jpg");
    background-position: 620px 0;
}

div.tools
{
    background-image: url("../images/tools.jpg");
    background-position: 595px 0;
}

div.work
{
    position: relative;
    width: 862px;
    height: 100px;
    margin: 2em 0;
    overflow: hidden;
}

div.work div
{
    position: relative;
    width: 770px;
    height: 100%;
    margin: 0 0 0 46px;
    overflow: hidden;
}

div.work ul
{
    position: absolute;
    top: 0;
    left: 0;
    width: 2000px;
    height: 100px;
    margin: 0;
}

div.work ul li
{
    float: left;
    background: transparent url("../images/work.png") no-repeat 17px 0;
    margin: 0;
    padding: 0 0 0 34px;
}

div.work ul li.first
{
    background: none;
    padding: 0;
}

div.work span
{
    position: absolute;
    width: 16px;
    height: 20px;
    top: 42px;
    cursor: pointer;
}

div.work span.left
{
    left: 16px;
    background: transparent url("../images/work-left.png") no-repeat 0 0;
}

div.work span.right
{
    right: 16px;
    background: transparent url("../images/work-right.png") no-repeat 0 0;
}

div.cols div
{
    float: left;
    width: 380px;
}

div.margin div
{
    margin: -20px 0 0 0;
}

div.cols div.fst
{
    width: 400px;
    margin-right: 78px;
}

div.clear
{
    clear: both;
}

div.reach, div.talk, div.engage, div.li1, div.li2, div.li3, div.li4, div.li5
{
    width: 620px;
    overflow: hidden;
}

div.reach p, div.talk p, div.engage p
{
    height: 80px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

div.li1 ul, div.li2 ul, div.li3 ul, div.li4 ul, div.li5 ul
{
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}

div.li1 ul, div.li2 ul
{
    height: 40px
}

div.li3 ul
{
    height: 180px
}

div.li4 ul
{
    height: 80px
}

div.li5 ul
{
    height: 40px
}

div.navigation
{
    position: absolute;
    top: -51px;
    right: 7px;
    font-size: 160%;
    font-weight: bold;
    line-height: 28px;
    text-transform: uppercase;
}

div.navigation ul li
{
    float: left;
    margin: 0 0 0 12px;
}

div.navigation ul li a, div.navigation ul li a:hover
{
    display: block;
    color: #4c716b;
    text-decoration: none;
    background: transparent url("../images/navigation.png") no-repeat 0 30px;
}

div.navigation ul li.active a, div.navigation ul li a:hover
{
    color: #ffffff;
    background-color: #45665e;
    background-position: 0 0;
}

div.navigation ul li a span, div.navigation ul li a:hover span
{
    display: block;
    height: 30px;
    background: transparent url("../images/navigation-span.png") no-repeat 100% 30px;
    padding: 0 7px;
}

div.navigation ul li.active a span, div.navigation ul li a:hover span
{
    background-position: 100% 0;
}

div.language
{
    position: absolute;
    top: -94px;
    right: 14px;
    color: #8b9c9a;
    font-size: 70%;
}

div.language a, div.language a:hover
{
    color: #8b9c9a;
    text-decoration: none;
}

div.language a.active, div.language a:hover
{
    color: #486b63;
}

div.language a.active, div.language a.active:hover
{
    text-decoration: underline;
}

div.search
{
    position: absolute;
    top: -94px;
    right: 64px;
    width: 128px;
}

div.search p
{
    float: left;
}

div.search p.input
{
    display: block;
    width: 108px;
    height: 18px;
    background: #e8e8e8 url("../images/input.png") no-repeat 0 0;
    overflow: hidden;
}

div.search p.input input
{
    width: 88px;
    border: none;
    color: #898989;
    font-size: 80%;
    font-family: arial, verdana, helvetica, sans-serif;
    background: transparent;
    margin: 0 0 0 10px;
}

div.hp
{
    position: absolute;
    top: -93px;
    right: 204px;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

div.hp p span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/home.png") no-repeat 0 0;
    cursor: pointer;
}

div.footer
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-width: 890px;
    height: 600px;
    text-align: center;
    overflow: hidden;
}

div.vizual
{
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2200px;
    height: 600px;
    background: transparent url("../images/vizual.png") no-repeat 0 0;
    margin: 0 0 0 -1100px;
}

div.rte
{
    position: absolute;
    display: block;
    top: 4px;
    left: 50%;
    width: 870px;
    height: 60px;
    background: transparent url("../images/reach.png") no-repeat 0 0;
    margin: 0 0 0 -435px;
}

div.rtelink
{
    position: absolute;
    top: 4px;
    left: 50%;
    width: 870px;
    height: 60px;
    margin: 0 0 0 -435px;
}

div.rtelink a
{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

div.rtelink a span
{
    display: none;
}

div.panel
{
    position: absolute;
    display: block;
    top: 96px;
    left: 50%;
    width: 870px;
    height: 207px;
    background: transparent url("../images/panel.png") no-repeat 0 0;
    margin: 0 0 0 -435px;
}

div.info, div.socials, div.copyright
{
    position: relative;
    clear: both;
    width: 870px;
    margin: 0 auto;
}

div.info
{
    height: 302px;
}

div.info div.news, div.info div.people
{
    position: relative;
    float: left;
    width: 435px;
    height: 186px;
    text-align: left;
    margin: 106px 0 0 0;
    overflow: hidden;
}

div.box
{
    position: absolute;
    top: 0;
    left: 0;
    width: 435px;
}

div.item
{
    position: relative;
    width: 435px;
    height: 186px;
    overflow: hidden;
}

div.item span.star
{
    position: absolute;
    top: 12px;
    left: 20px;
    width: 30px;
    height: 30px;
    background: transparent url("../images/star.png") no-repeat 0 0;
}

div.item span.photo
{
    position: absolute;
    top: 50px;
    left: 26px;
    width: 74px;
    height: 74px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.item h4
{
    color: #face47;
    font-size: 100%;
    text-transform: uppercase;
    margin: 18px 0 0 56px;
}

div.item h4 em
{
    font-weight: normal;
    text-transform: none;
}

div.item h4 a, div.item h4 a:hover
{
    color: #face47;
    text-decoration: none;
}

div.item h4 a:hover
{
    color: #9ed9de;
}

div.item p
{
    font-size: 80%;
    line-height: 1.6;
    margin: 12px 24px 0 112px;
}

div.item p strong
{
    color: #9ed9de;
    font-size: 95%;
    font-weight: normal;
}

div.item p.button
{
    position: absolute;
    top: 150px;
    left: 146px;
    width: 133px;
    height: 27px;
    font-size: 75%;
    line-height: 27px;
    text-align: center;
    margin: 0;
}

div.item p.button span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/item.png") no-repeat 0 0;
}

div.item p.button a, div.item p.button a:hover
{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    text-decoration: none;
}

div.nophoto p
{
    margin-left: 28px;
}

div.ncontrol, div.pcontrol
{
    position: absolute;
    top: 222px;
    right: 18px;
    width: 12px;
    height: 60px;
}

div.ncontrol
{
    right: 453px;
}

div.ncontrol span, div.pcontrol span
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    background: transparent url("../images/control.png") no-repeat 0 0;
    overflow: hidden;
    cursor: pointer;
}

div.ncontrol span.active, div.pcontrol span.active
{
    background-image: url("../images/control-active.png");
}

div.socials
{
    text-align: left;
    margin-top: 206px;
}

div.socials ul li
{
    position: relative;
    float: left;
    height: 22px;
    overflow: hidden;
}

div.socials ul li.a
{
    width: 25px;
    margin: 0 0 0 273px;
}

div.socials ul li.b
{
    width: 68px;
    margin: 0 0 0 22px;
}

div.socials ul li.c
{
    width: 68px;
    margin: 0 0 0 17px;
}

div.socials ul li.d
{
    width: 51px;
    margin: 0 0 0 25px;
}

div.socials ul li.e
{
    width: 16px;
    margin: 0 0 0 23px;
}

div.socials ul li a, div.socials ul li a:hover
{
    color: #b3c4b6;
    text-decoration: none;
}

div.socials ul li a:hover
{
    color: #ffffff;
}

div.socials ul li a span, div.socials ul li a:hover span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

div.socials ul li.a span
{
    background-image: url("../images/socials-a.png");
}

div.socials ul li.b span
{
    background-image: url("../images/socials-b.png");
}

div.socials ul li.c span
{
    background-image: url("../images/socials-c.png");
}

div.socials ul li.d span
{
    background-image: url("../images/socials-d.png");
}

div.socials ul li.e span
{
    background-image: url("../images/socials-e.png");
}

div.socials ul li a:hover span
{
    background-position: 0 -22px;
}

div.newsletter
{
    display: none;
    position: absolute;
    bottom: 95px;
    left: 50%;
    width: 225px;
    height: 69px;
    text-align: left;
    background: #283523 url("../images/newsletter.png") no-repeat 0 0;
    margin: 0 0 0 -261px;
    overflow: hidden;
}

div.newsletter h5
{
    color: #fed747;
    font-size: 80%;
    text-transform: uppercase;
    margin: 8px 0 0 22px;
}

div.newsletter input
{
    position: absolute;
    display: block;
    top: 24px;
    font-size: 80%;
    font-family: arial, verdana, helvetica, sans-serif;
    border: none;
}

div.newsletter input.text
{
    left: 9px;
    width: 140px;
    height: 14px;
    background: #eaeaea url("../images/newsletter-text.png") no-repeat 0 0;
    padding: 8px 12px;
}

div.newsletter input.button
{
    left: 173px;
    width: 44px;
    height: 30px;
    background: #fed747 url("../images/newsletter-button.png") no-repeat 0 0;
    cursor: pointer;
}

div.newsletter p.result
{
    position: absolute;
    top: 32px;
    left: 22px;
    color: #eaeaea;
    font-size: 75%;
}

div.newsletter p.close
{
    position: absolute;
    top: 10px;
    right: 14px;
    width: 9px;
    height: 9px;
    color: #4b7e76;
    font-size: 80%;
    line-height: 9px;
    overflow: hidden;
}

div.newsletter p.close span
{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/newsletter-close.png") no-repeat 0 0;
    cursor: pointer;
}

div.copyright
{
    font-size: 70%;
    line-height: 22px;
}