@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(base-datasets.css);
@import url(assets.css);

@media screen, projection {
	
	/*main layout*/
	body {
		color: #fff;
		background: #000 url(/release/images/layout/body_bg.gif) center top;
	}
	
	div.shell,
	div.section,
	div#content {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	
	div.shell {
		margin: 0 auto;
	}
	
	div#showcase-shell {
		position: relative;
		z-index: 1;
	}
	
	* html div.shell-full {
		/*ie6 min width*/
		border-right-width: 960px;
		margin-right: -960px;
		overflow: visible;
	}
	
	div.shell div#content,
	div.shell div#content-meta {
		overflow: hidden;
		color: #000;
		background: #fff;
	}
	
	div.shell-full {
		position: relative;
		overflow: hidden;
		width: 100%;
		min-width: 960px;
		color: #fff;
		background: #0e0e0e;
	}
	
	div.shell-full #links, div.shell-full #footer {
		color: #fff;
	}
	
	div.section {
		position: relative;
		clear: both;
		overflow: hidden;
		padding: 10px 0 0;
	}

	div.section h2 {
		margin: 0 10px 0.5em;
	}
	
	div.section h2 strong {
		text-decoration: line-through;
	}
	
	/*columns*/
	.col {
		float: left;
		display: inline;
		margin: 0 10px;
		padding: 5px 0 0;
		overflow:hidden
	}
	
	.col-group {
		position: relative;
		display: inline-block;
		overflow: hidden;
		left: -10px;
		margin: 0 -20px 0 0;
	}
	
	.col div.col-group div.col {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.col1 {
		width: 60px;
	}
	
	.col2 {
		width: 140px;
	}
	
	.col3 {
		width: 220px;
	}
	
	.col4 {
		width: 300px;
	}
	
	.col5 {
		width: 380px;
	}
	
	.col6 {
		width: 460px;
	}
	
	.col7 {
		width: 540px;
	}
	
	.col8 {
		width: 620px;
	}
	
	.col9 {
		width: 700px;
	}
	
	.col10 {
		width: 780px;
	}
	
	.col11 {
		width: 860px;
	}
	
	.col12 {
		width: 940px;
	}
	
	/*header*/
	div#header {
		position: relative;
		margin: 0 10px;
		height: auto !important;
		height: 190px;
		min-height: 190px;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	div#header.header-home {
		height: auto !important;
		height: 570px;
		min-height: 570px;
	}
	
	div#header a,
	div#header li em {
		text-transform: lowercase;
		text-decoration: none;
		color: #878787;
		font-style: normal;
	}
	
	div#header a:hover,
	div#header a:focus,
	div#header a:active,
	div#header li em {
		color: #fff;
	}
	
	div.header-home h1 {
		display: none;
	}
	
	div#header a#logo {
		position: absolute;
		z-index: 1;
		overflow: hidden;
		bottom: 0;
		margin: 120px 0 20px 0;
		width: 273px;
		height: 34px;
		text-transform: none;
		background: url(/release/images/logo.gif) no-repeat left top;
	}
	
	div#header a#logo:focus,
	div#header a#logo:active {
		background-position: left bottom;
	}
	
	div#header a#logo img {
		display: none;
	}
	
	div#header.header-home a#logo {
		bottom: 380px;
	}
	
	div#showcase-reel {
		width: 940px;
	}
	
	div#showcase-reel * {
		display: block;
	}
	
	/*primary nav*/
	ul#primary-navigation {
		position: absolute;
		z-index: 3;
		left: 0;
		top: 20px;
		font: 1.25em "Droid Serif", Georgia, "Times New Roman", Times, Serif;
	}
	
	ul#primary-navigation li {
		float: left;
		margin-right: 15px;
	}
	
	ul#primary-navigation li a:hover,
	ul#primary-navigation li.open a,
	ul#primary-navigation li.open em {
		color: #fff;
		text-shadow: 0 0 10px #fff;
	}
	
	/*secondary nav*/
	ul#secondary-navigation {
		margin: .25em 0 1em 0;
	}
	
	ul#secondary-navigation li {
		display: block;
		margin-bottom: .7em;
	}
	
	ul#secondary-navigation li li {
		margin-left: 1em;
	}
	
	ul#secondary-navigation li em {
		font-style: normal;
	}
	
	ul#secondary-navigation a {
		text-decoration: none;
	}
	
	ul#secondary-navigation a:focus,
	ul#secondary-navigation a:active {
		text-decoration: underline;
	}
	
	ul#secondary-navigation a,
	ul#secondary-navigation li.open li a {
		color: #878787;
	}
	
	ul#secondary-navigation a:hover,
	ul#secondary-navigation a:focus,
	ul#secondary-navigation a:active,
	ul#secondary-navigation li.open a,
	ul#secondary-navigation li.open a,
	ul#secondary-navigation li.open li a:hover,
	ul#secondary-navigation li.open li a:focus,
	ul#secondary-navigation li.open li a:active {
		color: #0e0e0e;
	}
	
	/*primary content*/
	div#body {
		position: relative;
	}
	
	div#body ul,
	div#body ol {
		padding-left: 1.5em;
		margin-bottom: 1em;
	}
	
	div#body ul {
		list-style: disc outside;
	}
	
	div#body ol {
		list-style: decimal outside;
	}
	
	div#body ul li,
	div#body ol li {
		margin: 0 .5em .3em 0;
	}
	
	div#body ul li ul,
	div#body ol li ol {
		margin: .3em .5em 0 0;
	}
	
	div#body .docsplit {
		font-style: italic;
		margin-bottom: 10px;
		border-top: 1px solid #EDEDED;
		padding-top: 10px;
	}
	
	/*articles*/
	div#body div.article {
		border-top: 1px solid #ededed;
		padding: 10px 0;
	}
	
	div#body div.first-article {
		border-top: none;
		padding-top: 0;
	}
	
	div#body div.article h2 {
		margin-top: 0;
	}
	
	div#body div.article h3 {
		margin-top: 1.5em;
		font-style: normal;
		color: #d50069;
	}
	
	div#body div.article p {
		margin: 0 0 .5em 0;
	}
	
	div#body div.article p.cite,
	div#body div.article p.date,
	div#secondary .date,
	div#tertiary div.article p.date {
		font-style: normal;
		color: #878787;
		font: 0.8em "Trebuchet MS", Verdana, Arial, Sans-serif;
		margin-top: 0;
	}
	
	div#body div.article p.cite {
		display: block;
		margin-bottom: 1em;
	}
	
	/*secondary & tertiary content*/
	div#secondary,
	div#tertiary {
		padding-top: 10px;
	}
	
	div#secondary h2,
	div#tertiary h2 {
		display: none;
	}
	
	div#secondary div.block h2,
	div#tertiary div.block h2 {
		display: block;
		margin: 0;
	}
		
	div#secondary p,
	div#tertiary p {
		color: #8a8a8a;
	}
	
	div#secondary div.block,
	div#tertiary div.block {
		margin-bottom: 1.5em;
	}
	
	/*footer*/
	div#bottom {
		padding: 0 0 1em 0;
	}
	
	div#footer {
		padding: 2em 0 3em;
		font: .6875em "Trebuchet MS", Verdana, Arial, Sans-serif;
		color: #878787;
	}
	
	div#footer div.section {
		background: url(/release/images/logo-footer.png) no-repeat;
	}
	
	div#footer p {
		float: left;
		margin: 40px 20px 0 0;
	}
	
	ul#org-logos {
		float: right;
	}
	
	ul#org-logos li {
		float: left;
		display: inline;
		margin-left: 20px;
	}
	
	ul#org-logos li a {
		float: left;
		height: 50px;
	}
	
	ul#org-logos img {
		display: none;
	}
	
	ul#org-logos li.scdi a {
		width: 80px;
		background: url(/release/images/icons/scdi.gif) no-repeat center center;
	}
	
	ul#org-logos li.iab a {
		width: 83px;
		background: url(/release/images/icons/iab.gif) no-repeat center center;
	}
	
	ul#org-logos li.iip a {
		width: 92px;
		background: url(/release/images/icons/iip.gif) no-repeat center center;
	}
	
	/*related items*/
	div#related {
		margin-top: 0;
		padding-top: 10px;
	}
	
	div.related-items {
		margin-bottom: 10px;
	}
	
	div.related-items ul,
	div.related-items ul.gallery {
		display: block;
		clear: both;
		overflow: auto;
		left: 0;
		margin: 0 0 10px 0;
		width: 100%;
	}
	
	div.related-items ul li * {
		width: 100%;
	}
	
	div.related-items li h3 {
		margin: 0;
	}
	
	div.related-items li {
		padding-top: 0;
		background-repeat: no-repeat;
	}
	
	div#content div.related-items li p {
		margin: 0;
	}
	
	div.related-items li p.description {
		font-size: .875em;
		color: #878787;
	}
	
	div.related-items ul.gallery li p.description {
		font-size: 1em;
		width: auto;
	}
	
	div.related-items li a {
		display: block;
		text-decoration: none;
	}
	
	div.related-items li a:hover,
	div.related-items li a:focus,
	div.related-items li a:active {
		text-decoration: underline;
	}
	
	/*client list*/
	div#clients ul li {
		background-color: #fff;
		padding: 0;
	}
	
	div#clients ul a,
	div#clients ul img {
		display: block;
		overflow: hidden;
		height: 140px;
		width: 140px;
	}
	
	div#clients ul a {
		position: relative;
	}
	
	div#clients ul img {
		position: relative;
		top: 0;
		left: 0;
	}
		
	div#clients ul a.ir span {
		background-position: center center;
	}
	
	/*bottom links*/
	div#services ul {
		float:left;
		width:50%
	}
	
	div#links, ul.pagination {
		font-family: "Trebuchet MS", Verdana, Sans-serif;
		font-size: .8125em;
	}
	
	div#links h2 {
		display: none;
	}
	
	div#links p {
		margin-top: 0;
	}
	
	div#links a {
		display: block;
		color: #fff;
		text-decoration: none;
	}
	
	div#links a.highlight {
		color: #d50068;
	}
	
	div#links a:hover,
	div#links a:focus,
	div#links a:active {
		color: #fa097f;
	}
	
	div#links a:focus,
	div#links a:active {
		text-decoration: underline;
	}
	
	div#links li {
		float: left;
		clear: both;
		height: auto !important;
		height: 16px;
		width: 100%;
		min-height: 16px;
		margin-bottom: 4px;
		padding: 0;
		line-height: 110%;
		background-image: url(/release/images/list-chevron.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	div#links li a {
		float: left;
		display: inline;
		margin-left: 14px;
	}
	
	div#links ul.tools {
		padding-left: 0;
	}
	
	div#links ul.tools li {
		height: auto !important;
		height: 23px;
		min-height: 23px;
	}
	
	div#links ul.tools li a {
		padding: 2px 0 0 16px;
	}
	
	div#links ul.tools li.sitemap {
		background-image: url(/release/images/icons/compass.gif);
	}
	
	div#links ul.tools li.rss {
		background-image: url(/release/images/icons/rss.gif);
	}
	
	div#links ul.tools li.twitter {
		background-image: url(/release/images/icons/twitter.gif);
	}
	
	div#links ul.tools li.bookmark {
		background-image: url(/release/images/icons/bookmark.gif);
	}
}