/* General html elements and fonts */
    
    body {margin:0px 0px 22px; padding:0px; text-align:center; background:#202020 url(/images/bg_tile.jpg) repeat}
    body, thead, tbody, h1, h2, h3 {font:11px/14px arial,helvetica,sans-serif; color:#999}
    h1, h2, h3 {padding:0px; margin:0px; color:#fff}
    h1, p {margin:0px 0px 14px 0px}
    
    a {color:#be0027; text-decoration:none}
    a:hover {text-decoration:underline}
    a img {border:none}
    
    a.discreet {color:#999}
    .dark {color:#666}
    
    .hr {clear:both; width:980px; height:1px; margin:0px; padding:0px; background:#121212; overflow:hidden}
    
    :focus{-moz-outline-style: none;}/*Line added by AppStract*/
    
    
/* Header area */

    #top-gradient {height:78px; margin-bottom:-78px; background:url(/images/bg_tile_top.jpg) repeat-x 0px 0px; overflow:hidden}
    #header, #content {position:relative; width:983px; margin:0px auto; text-align:left}

    #header {height:80px; margin-bottom:-3px; background:#000 url(/images/bg_header.gif) no-repeat 0px 0px; overflow:hidden}
      #logo {position:absolute; top:17px; left:19px;}
    

      
  /* Navigation */

      #header ul {display:inline; float:right; margin:0px; padding:0px; list-style:none;}
        #header li {display:inline; float:left; margin-left:28px}
        #header li a {display:inline; float:left; border-bottom:1px solid #0e0e0e}
        #header li a:hover, #header li.selected a {border-color:#540818 !important}
        #header li a img {padding-bottom:9px; margin:0px -2px -1px}
        
        #header li a img.on {display:none}
        #header li a img.off {dislay:inline; float:left}
        #header li.selected a img.on, #header li a:hover img.on {display:inline; float:left}
        #header li.selected a img.off, #header li a:hover img.off {display:none}
        
      #breadcrumb {position:absolute; top:55px; left:22px; }
        #breadcrumb ul {float:left}
        #breadcrumb li {margin:0px 3px 0px 0px}
        #breadcrumb a {color:#666; margin-right:3px; border:none !important}
        #breadcrumb a:hover {color:#999}
        #breadcrumb a.new-search {color:#999;}
    
      ul#language {margin:23px 25px 0px 49px; padding-bottom:30px}
        ul#language li {margin-left:14px}
        
      #main-menu {display:inline; float:right; width:750px; margin-top:23px}
      
      #sub-menu {display:inline; float:right; width:750px; margin-top:7px;}
        #sub-menu li a {border-color:#000}
        #sub-menu li a img {padding-bottom:8px}

    

/* Content elements */

    .shadow {display:inline; float:left; height:3px; width:100%; margin-bottom:-3px; background:url(/images/bg_contentbox_bottom_full.gif)}

    #content {overflow:hidden;} /* width:980px; Removed by AppStract as it created offset with #Header */
  
      .box-fullwidth {width:983px; margin:12px 0px 0px; background:#000 url(/images/bg_contentbox.gif) repeat-y 100% 0px}
        .col-half {position:relative; display:inline; float:left; margin:19px 18px 18px 22px; width:448px}
        .col-quart {position:relative; display:inline; float:left; margin:19px 18px 18px 22px; width:204px}
        
      
      
      .frontpage-list {line-height:20px; margin-top:14px; margin-bottom:15px}
        .frontpage-list h1, .frontpage-list h2, .frontpage-list p {margin:0px; line-height:20px}
        .frontpage-list .date {padding-right:5px}

      
      .article {}
        .article .description, .article .facts, .article .info, 
        .project .description, .project .facts, .project .info {min-height:20px; height:auto !important; height:20px}
        .article .description, 
        .project .description {display:inline; float:left; width:448px; margin:19px 40px 6px 22px}
        .article .description-right, 
        .project .description-right {display:inline; float:left; width:448px; margin:19px 0px 6px 0px}
        .article .facts, 
        .project .facts {display:inline; float:left; width:204px; margin:19px 72px 6px 0px}
        .article .info, 
        .project .info {display:inline; float:left; width:170px; margin:19px 25px 6px 0px;}
        .article .info p,
        .project .info p {line-height:20px; margin-top:-3px}
        
        .article a.email {position:absolute; top:2px; left:190px}
        .project .shadow, .article .shadow {margin-top:22px} /* .article .shadow added by AppStract */
      
      .caption-bar {display:block; height:22px; padding:0px 22px; margin-right:3px; line-height:22px; color:#666; background:#000; overflow:hidden}
        .caption-bar a {color:#666}
        a:hover .caption-bar, .caption-bar a:hover  {color:#999}
      .caption-bar-team-member {display:block; height:44px; padding:0px 8px 0px 22px; margin-right:3px; line-height:16px; color:#666; background:#000; overflow:hidden}/*Line added by AppStract*/
        .caption-bar-team-member a {color:#666}/*Line added by AppStract*/
        a:hover .caption-bar-team-member, .caption-bar-team-member a:hover  {color:#999}/*Line added by AppStract*/
        .caption-bar-team-member .right {float:right;background: url(/images/gx_email.gif) no-repeat right 3px;padding:16px 0 0;width:30px; text-align:right;}/*Line added by AppStract*/
        .caption-bar-team-member .left {float:left;width:172px;}/*Line added by AppStract*/
        
      .date {color:#666}
      
      
      
  /* Error page - Section added by AppStract*/
  
      .error-page{}
        .error-page .description {min-height:470px; height:auto !important; height:470px}
        .error-page .description {display:inline; float:left; width:448px; margin:32px 40px 6px 22px;color:#ffffff;}
        .error-page .shadow {margin-top:22px}
        .error-page .description h2 { font-size:22px; margin-bottom:10px; line-height:24px;}
        
  /* Filter bar */

    #filter-bar {width:980px; height:104px; background:#292929 url(/images/bg_filterbar.gif) repeat 0px 0px; overflow:hidden }
      .filter-single {display:inline; float:left; width:163px; height:104px; overflow:hidden}
      .filter-double {display:inline; float:left; width:327px; height:104px; background:url(/images/bg_filterbar_double.gif) repeat-y 0px 0px; overflow:hidden}
      
      #filter-bar h2 {margin:3px 0px 0px 22px; line-height:16px}
      #filter-bar a:hover h2 {text-decoration:underline;} /*Line added by AppStract*/
      #filter-bar p {display:inline; float:left; width:140px; /*width:120px;*/ margin:0px 0px 0px 22px; line-height:16px}
      #filter-bar p span {color:#666;cursor:default;}
      #filter-bar a {color:#999}
      #filter-bar a.selected {color:#be0027; text-decoration:underline}

  /* View & paging bar */      
    
    #view-bar {width:980px; height:32px;}
      #view-bar ul {display:inline; float:left; margin:0px 22px; padding:0px; list-style:none}
      #view-bar li {display:inline; float:left;}
      #view-bar a {color:#999}
      
      #view-bar .paging {position:relative; color:#fff; line-height:32px; overflow:hidden}
        #view-bar .paging li {position:relative; left:-21px; padding-left:21px; background:url(/images/gx_paging_divider.gif) no-repeat 11px 14px}
        
        
      #view-bar .view {float:right; margin-top:8px}
        #view-bar .view li {margin-left:12px}
        #view-bar .view a {display:inline; float:left; border:1px solid #000}
        #view-bar .view a:hover {border-color:#333}
        #view-bar .view li.selected a {border-color:#720017}
    
        
  /* List view */
  
    .list-view {}
      .list-view div.list {display:inline; float:left; width:744px; background:url(/images/bg_contentbox_wide.gif) repeat-y 100% 0px; overflow:hidden;}
        .list-view .list table {width:732px; margin:16px 0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px}
        .list-view .list td, .list-view .list th {margin:0px; padding:2px 22px; font-weight:normal; vertical-align:top; text-align:left; border-top:1px solid #000; border-bottom:1px solid #000}
        
        .list-view .list th a {color:#fff;} /* text-decoration:underline removed by AppStract*/
        .list-view .list th a:hover {text-decoration:underline} /* Line added by AppStract */
        .list-view .list th a.selected {color:#be0027}
        .list-view .list td {cursor:pointer; cursor:hand}
        .list-view .list tr.awards-list td {cursor:default;} /* Line added by AppStract */
        .list-view .list td a {display:block; color:#999}
        .list-view .list td a:hover {text-decoration:none}
        .list-view .list tr.over td {border-color:#f00}
        
        .list-view .list td .tile, .list-view .list td .description {display:none}
        
        
      .list-view .details {display:inline; float:left; width:248px; margin-left:-12px; background:url(/images/bg_contentbox_wide.gif) repeat-y 0px 0px}
        
        .list-view .details div.image {width:239px; height:162px; margin-left:12px; background:url(/images/bg_contentbox_tile.gif) no-repeat 0px 0px; overflow:hidden}
          .list-view .details div.image a.tile {display:block; margin-right:3px; color:#999; line-height:23px}
          .list-view .details div.image img {display:block}
      
        .list-view .details div.desc {width:239px; min-height:310px; height:auto !important; height:310px; margin-left:12px; background:url(/images/bg_contentbox.gif) repeat-y 100% 0px; overflow:hidden}
          .list-view .details div.desc .description {display:block; width:auto; margin:17px 22px 18px}
          
      
      .list-view .shadow {background-image:url(/images/bg_contentbox_bottom_list.gif)}


  /* Tile view */
  
    .tile-view {margin:12px 0px 0px -9px;width:992px;}/*Changed from: margin:12px -20px 0px 0px; by AppStract*/
      
      .tile-quart {display:inline; float:left; width:239px; height:160px; margin-left:9px; background:#000 url(/images/bg_contentbox_tile.gif) no-repeat 0px 0px; overflow:hidden; position:relative;}
        .tile-quart img {display:block; height:127px; margin-bottom:-127px; position:relative;}
        .tile-quart .caption-bar {margin-top:127px;}
        .tile-quart .caption-bar-team-member {margin:127px 0 -16px;width:203px;padding-right:11px;height:19px;overflow:hidden;padding-top:3px;}/*Line added by AppStract*/
        .tile-quart a {display:block; width:236px; height:149px; color:#999}
        .tile-quart a:hover {text-decoration:none; border-bottom:1px solid #be0027}
        .tile-quart a:hover .caption-bar-team-member {margin-top:95px;height:51px;overflow:hidden; position:relative;}/*Line added by AppStract*/
        .tile-quart a.email .caption-bar {background:url(/images/gx_email.gif) no-repeat 211px 50%}
        
      .tile-half {position:relative; display:inline; float:left; width:487px; height:153px; margin-left:9px; margin-bottom:7px; background:#000 url(/images/bg_contentbox_tile_half.gif) no-repeat 0px 0px; overflow:hidden}
        .tile-half img {display:inline; float:left; margin-right:10px}
        .tile-half h2 {margin:8px 0px 14px}
        .tile-half .caption-bar {position:absolute; top:127px; left:0px; width:190px}
        .tile-half .inner {height:150px; margin-right:3px; overflow:hidden; padding-right:5px; padding-left:3px;}/*Padding-right:5px; added by AppStract*/
        .tile-half .inner .jobs a {color:#ffffff;}
      
      .tile-textonly {}
        /* .tile-textonly h1, .tile-textonly h2 {text-transform:uppercase} */
        .tile-textonly .inner {position:relative; height:127px; padding:0px 22px; border-bottom:1px solid #121212}
        .tile-textonly .caption-bar {width:auto}
    
      
  /* Image sizes */
    
    
    
    .img-large, .img-large img, img.large {display:block; width:980px; height:448px; margin:0px; padding:0px; background:#999}
    .img-medium, .img-medium img, img.medium {display:block; width:980px; height:336px; margin:0px; padding:0px; background:#999}
    .img-small, .img-small img, img.small {display:block; width:236px; height:127px; margin:0px; padding:0px; background:#999}
    .img-default {display:block; width:980px; min-height:336px; height:auto !important; height:336px; margin:0px; padding:0px; background:#999}
    .img-default img {display:block; margin:0px; padding:0px}
    
    
  /* No Flash - Added by AppStract */
    .no-flash {display:block; width:630px; height:36px; margin:0px; padding:175px 100px 125px 250px; background:#000 url(/images/no_flash.png) no-repeat 0px 0px;}
    
    
/* Fixes and hacks */

    .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
    .clearfix {display: inline-block;}
    
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

