@font-face {
    font-family: 'helveticaneue-boldcond';
    src: url('/fonts/helveticaneue-boldcond.eot');
    src: url('/fonts/helveticaneue-boldcond.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneue-boldcond.woff') format('woff'),
         url('/fonts/helveticaneue-boldcond.ttf') format('truetype'),
         url('/fonts/helveticaneue-boldcond.svg#helveticaneue-boldcond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Condensed';
    src: url('/fonts/helveticaneue-condensed.eot');
    src: url('/fonts/helveticaneue-condensed.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneue-condensed.woff') format('woff'),
         url('/fonts/helveticaneue-condensed.ttf') format('truetype'),
         url('/fonts/helveticaneue-condensed.svg#helveticaneue-condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

#header { background: #fff url(/images/header_un.png) no-repeat center 0; }
#header .shell { background: transparent; }

#about-box { background: #f8f8f8 url(/images/about-box.png) repeat-x 0 bottom; border: solid 1px #b9b8b9; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 14px 23px 1px 42px; width: 860px; margin-bottom: 43px; margin-top: 26px; }
#about-box .info { float: left; display: inline; width: 350px; }
#about-box .info img.left { position: relative; margin: -4px 0 21px -21px; width: 245px; height: 72px; }
#about-box .info p { padding-bottom: 15px; font-size: 17px; line-height: 27px; color: #76797b; }
#about-box .info a.more-link { color: #005b86; text-transform: uppercase; font-size: 13px; line-height: 21px; font-family: 'helveticaneue-boldcond'; }
#about-box .info a.more-link:hover { text-decoration: none; color: #333; }
#about-box .info a.more-link span { color: #b0c1d4; }
#about-box .image { float: right; display: inline; width: 491px; }
#about-box .image img { border: 0; }

#images { position: relative; width: 928px; height: 442px; margin: 5px 0 35px; }
#images ul li { list-style: none; position: absolute; overflow: hidden; }
#images ul li p { font-family: 'HelveticaNeue-Condensed'; font-size: 27px; line-height: 1; text-align: right; color: #fff; text-transform: uppercase; position: absolute; right: 16px; bottom: -16px; }
#images ul li .num { font-size: 66px; line-height: 1; display: block; font-family: 'HelveticaNeue-Condensed'; }
#images ul li .numlink { font-size: 56px; color: #ffffff; line-height: 1; display: block; font-family: 'HelveticaNeue-Condensed'; }
#images ul li.img-1 { top: 0; left: 0; }
#images ul li.img-2 { top: 0px; left: 558px; }
#images ul li.img-3 { top: 0px; left: 753px; }
#images ul li.img-4 { top: 165px; left: 132px; }
#images ul li.img-5 { top: 138px; left: 265px; }
#images ul li.img-6 { top: 138px; left: 471px; }
#images ul li.img-7 { top: 310px; left: 472px; }
#images ul li.img-8 { top: 310px; left: 764px; }
#images ul li.box-1 { top: 0px; left: 268px; width: 283px; height: 118px; background: #6aa0c0; }
#images ul li.box-2 { top: 138px; left: 731px; width: 198px; height: 152px; background: #005a84; }
#images ul li.box-3 { top: 279px; left: 57px; width: 202px; height: 166px; background: #9d9c9c; }
#images ul li.box-4 { top: 384px; left: 268px; width: 197px; height: 96px; background: #f38300; }
#images a.more-link { font-size: 14px; color: #76797b; position: absolute; right: 0; bottom: 0; }
#images a.more-link span { color: #6aa0c0; }
#images a.more-link:hover { text-decoration: none; color: #6aa0c0; }