/* 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: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 */