/**
 * HTML5 Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
/* line 16, ../sass/html5/_reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 26, ../sass/html5/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 30, ../sass/html5/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 33, ../sass/html5/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 35, ../sass/html5/_reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 37, ../sass/html5/_reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 39, ../sass/html5/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 41, ../sass/html5/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 43, ../sass/html5/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 45, ../sass/html5/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 47, ../sass/html5/_reset.scss */
input, select {
  vertical-align: middle;
}

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */
/* line 54, ../sass/html5/_reset.scss */
body {
  font: 13px/1.385 sans-serif;
  *font-size: small;
}

/* Hack retained to preserve specificity */
/* line 55, ../sass/html5/_reset.scss */
select, input, textarea, button {
  font: 99% sans-serif;
}

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
/* line 59, ../sass/html5/_reset.scss */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/**
 * Minimal base styles.
 */
/* Always force a scrollbar in non-IE */
/* line 6, ../sass/html5/_base.scss */
html {
  overflow-y: scroll;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
/* line 9, ../sass/html5/_base.scss */
a:hover, a:active {
  outline: none;
}

/* Remove annoying border on linked images. */
/* line 12, ../sass/html5/_base.scss */
a img {
  border: none;
}

/* line 15, ../sass/html5/_base.scss */
ul, ol {
  margin-left: 2em;
}

/* line 16, ../sass/html5/_base.scss */
ol {
  list-style-type: decimal;
}

/* line 18, ../sass/html5/_base.scss */
small {
  font-size: 85%;
}

/* line 19, ../sass/html5/_base.scss */
strong, th {
  font-weight: bold;
}

/* line 21, ../sass/html5/_base.scss */
td {
  vertical-align: top;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
/* line 24, ../sass/html5/_base.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/* line 25, ../sass/html5/_base.scss */
sup {
  top: -0.5em;
}

/* line 26, ../sass/html5/_base.scss */
sub {
  bottom: -0.25em;
}

/* line 28, ../sass/html5/_base.scss */
pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
/* line 36, ../sass/html5/_base.scss */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* NAVIGATION ELEMENTS */
/* Remove margins for navigation lists */
/* line 42, ../sass/html5/_base.scss */
nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

/* line 48, ../sass/html5/_base.scss */
nav a {
  text-decoration: none;
}

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
/* line 56, ../sass/html5/_base.scss */
::-moz-selection {
  background: #8BC0E8;
  color: #fff;
  text-shadow: none;
}

/* line 57, ../sass/html5/_base.scss */
::selection {
  background: #8BC0E8;
  color: #fff;
  text-shadow: none;
}

/**
 * You might tweak these..
 */
/* line 63, ../sass/html5/_base.scss */
body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* @group Forms */
/* The following styles imported from HTML5Boilerplate with 
   additions adapted from http://tjkdesign.com/ez-css/css/base.css */
/* line height helps to set the vertical alignment of radio buttons and check boxes (remember to group these in fieldsets) 
 */
/* line 9, ../sass/util/_forms.scss */
fieldset {
  line-height: 1;
}

/* line 11, ../sass/util/_forms.scss */
.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
/* line 14, ../sass/util/_forms.scss */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 15, ../sass/util/_forms.scss */
input[type="checkbox"] {
  vertical-align: bottom;
}

/* line 17, ../sass/util/_forms.scss */
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

/* line 18, ../sass/util/_forms.scss */
.ie6 input {
  vertical-align: text-bottom;
}

/* Hand cursor on clickable input elements */
/* line 21, ../sass/util/_forms.scss */
label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
/* line 24, ../sass/util/_forms.scss */
button, input, select, textarea {
  margin: 0;
}

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
/* line 28, ../sass/util/_forms.scss */
button {
  width: auto;
  overflow: visible;
}

/* line 30, ../sass/util/_forms.scss */
textarea {
  overflow: auto;
}

/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
/* A specific font-size is set for these elements
 * the line-height is to override FF's default styling
 */
/*
input, button, textarea, select, optgroup, option {
  font-size: .9em;
  line-height: 1.4 !important;
}
*/
/* Colors for form validity */
/*
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
*/
/*	Inline label style (left-aligned). */
/*	Fieldset.actions left margin should be the same as label width (+ padding & margins). */
/* @end */
/**
 * Primary styles
 *
 * Author: 	BRETT GULLAN	(brettgullan at mac dot com)
 * Date:	March 2011
 *
 */
/* @group COLOUR PALETTE */
/* @end */
/* @group DEFAULTS */
/* line 139, ../sass/style.scss */
html, body {
  min-width: 1080px;
}

/* line 143, ../sass/style.scss */
body {
  background-color: #17344a;
}

/* line 148, ../sass/style.scss */
figure {
  line-height: 100%;
}
/* line 150, ../sass/style.scss */
figure a, figure img {
  display: block;
  line-height: 100%;
}

/* line 161, ../sass/style.scss */
#global-navigation ul,
#footer-navigation ul,
#compliance-navigation ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
  overflow: hidden;
  *zoom: 1;
}
/* line 56, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
#global-navigation ul li,
#footer-navigation ul li,
#compliance-navigation ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
/* line 45, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
#global-navigation ul li:first-child, #global-navigation ul li.first,
#footer-navigation ul li:first-child,
#footer-navigation ul li.first,
#compliance-navigation ul li:first-child,
#compliance-navigation ul li.first {
  padding-left: 0;
}
/* line 46, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
#global-navigation ul li:last-child, #global-navigation ul li.last,
#footer-navigation ul li:last-child,
#footer-navigation ul li.last,
#compliance-navigation ul li:last-child,
#compliance-navigation ul li.last {
  padding-right: 0;
}

/* line 167, ../sass/style.scss */
#upper.wrapper {
  background-color: #4195d3;
}

/* line 171, ../sass/style.scss */
#global-header {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  height: 60px;
  overflow: visible;
}

/* line 177, ../sass/style.scss */
#site-identity {
  position: absolute;
  left: 28px;
  top: 37px;
  z-index: 100;
}
/* line 184, ../sass/style.scss */
#site-identity a {
  display: block;
  width: 67px;
  height: 67px;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

/* line 195, ../sass/style.scss */
#global-navigation {
  position: absolute;
  top: 0;
  left: 100px;
  width: 880px;
  height: 60px;
  background-position: 0 -180px;
}
/* line 206, ../sass/style.scss */
#global-navigation ul {
  padding: 0 180px 0 100px;
  overflow: hidden;
  *zoom: 1;
}
/* line 210, ../sass/style.scss */
#global-navigation li, #global-navigation a, #global-navigation span {
  display: block;
  height: 60px;
  line-height: 100%;
  width: 120px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 219, ../sass/style.scss */
#global-navigation #nav-main-who a {
  background-position: -100px 0;
}
/* line 221, ../sass/style.scss */
#global-navigation #nav-main-who a:hover, #global-navigation #nav-main-who a.hover {
  background-position: -100px -60px;
}
/* line 226, ../sass/style.scss */
#global-navigation #nav-main-who.active a, #global-navigation #nav-main-who.active a:hover, #global-navigation #nav-main-who.active a.hover {
  background-position: -100px -120px;
}
/* line 232, ../sass/style.scss */
#global-navigation #nav-main-what a {
  background-position: -220px 0;
}
/* line 234, ../sass/style.scss */
#global-navigation #nav-main-what a:hover, #global-navigation #nav-main-what a.hover {
  background-position: -220px -60px;
}
/* line 239, ../sass/style.scss */
#global-navigation #nav-main-what.active a, #global-navigation #nav-main-what.active a:hover, #global-navigation #nav-main-what.active a.hover {
  background-position: -220px -120px;
}
/* line 245, ../sass/style.scss */
#global-navigation #nav-main-how a {
  background-position: -340px 0;
}
/* line 247, ../sass/style.scss */
#global-navigation #nav-main-how a:hover, #global-navigation #nav-main-how a.hover {
  background-position: -340px -60px;
}
/* line 252, ../sass/style.scss */
#global-navigation #nav-main-how.active a, #global-navigation #nav-main-how.active a:hover, #global-navigation #nav-main-how.active a.hover {
  background-position: -340px -120px;
}
/* line 258, ../sass/style.scss */
#global-navigation #nav-main-think a {
  background-position: -460px 0;
}
/* line 260, ../sass/style.scss */
#global-navigation #nav-main-think a:hover, #global-navigation #nav-main-think a.hover {
  background-position: -460px -60px;
}
/* line 265, ../sass/style.scss */
#global-navigation #nav-main-think.active a, #global-navigation #nav-main-think.active a:hover, #global-navigation #nav-main-think.active a.hover {
  background-position: -460px -120px;
}
/* line 271, ../sass/style.scss */
#global-navigation #nav-main-work a {
  background-position: -580px 0;
}
/* line 273, ../sass/style.scss */
#global-navigation #nav-main-work a:hover, #global-navigation #nav-main-work a.hover {
  background-position: -580px -60px;
}
/* line 278, ../sass/style.scss */
#global-navigation #nav-main-work.active a, #global-navigation #nav-main-work.active a:hover, #global-navigation #nav-main-work.active a.hover {
  background-position: -580px -120px;
}

/* line 285, ../sass/style.scss */
#global-content {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 40px;
  min-height: 640px;
}

/* line 292, ../sass/style.scss */
#content-feature {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  width: 880px;
  padding-left: 200px;
  padding-top: 80px;
}

/* line 298, ../sass/style.scss */
#content-main {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  width: 860px;
  padding: 80px 20px 120px 200px;
}

/* line 306, ../sass/style.scss */
#section-header {
  position: absolute;
  left: 0;
  top: 80px;
  margin: 0 30px 24px 20px;
  width: 150px;
}
/* line 313, ../sass/style.scss */
#section-header h2 {
  height: 30px;
}
/* line 315, ../sass/style.scss */
#section-header h2 a {
  display: block;
  height: 23px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

/* line 323, ../sass/style.scss */
.carousel-slider {
  padding-top: 7px;
  height: 18px;
  background-image: url(/ui/assets/global/slider_background.png);
  background-repeat: repeat-x;
}
/* line 332, ../sass/style.scss */
.carousel-slider span {
  display: block;
  width: 400px;
  padding: 0 1px;
  margin: 0 auto;
  background-image: url(/ui/assets/global/slider_tray.png);
}
/* line 341, ../sass/style.scss */
.carousel-slider span a {
  display: block;
  height: 12px;
  /*
  			background: {
  				image: url(/ui/assets/global/slider_handle_left.png);
  				repeat: no-repeat;
  			}
  */
}
/* line 350, ../sass/style.scss */
.carousel-slider span a em {
  display: block;
  float: left;
  width: 50%;
  height: 12px;
  background-image: url(/ui/assets/global/slider_handle_left.png);
  background-repeat: no-repeat;
  background-position: left top;
}
/* line 360, ../sass/style.scss */
.carousel-slider span a em.right {
  float: right;
  background-image: url(/ui/assets/global/slider_handle_right.png);
  background-repeat: no-repeat;
  background-position: right top;
}

/* line 374, ../sass/style.scss */
#lower.wrapper {
  padding-bottom: 25px;
}

/* line 377, ../sass/style.scss */
#global-footer {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  padding-top: 20px;
}

/* line 384, ../sass/style.scss */
#global-footer {
  /*
  #footer-navigation,
  #compliance-navigation,
  .copyright {
  	float: left;
  	.ie6 & {
  		width:	50%;
  	}
  }
  */
}
/* line 396, ../sass/style.scss */
#global-footer #footer-navigation {
  float: left;
  width: 150px;
  margin-left: 20px;
  margin-right: 30px;
}
/* line 402, ../sass/style.scss */
#global-footer #footer-navigation li {
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}
/* line 409, ../sass/style.scss */
#global-footer #footer-navigation a {
  display: block;
  padding: 6px 15px;
  /* 			color: #FFF; */
  font-size: 0.77em;
  line-height: 1.2;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #2976C1;
}
/* line 424, ../sass/style.scss */
#global-footer #vcard,
#global-footer #compliance-navigation,
#global-footer .copyright {
  float: right;
  clear: right;
  width: 240px;
  margin-right: 20px;
}
/* line 431, ../sass/style.scss */
#global-footer #compliance-navigation,
#global-footer .copyright {
  font-size: 0.77em;
  line-height: 1.2;
}
/* line 440, ../sass/style.scss */
#global-footer #compliance-navigation li {
  margin-right: 10px;
}
/* line 442, ../sass/style.scss */
#global-footer #compliance-navigation li a {
  display: block;
  padding: 5px 15px;
}
/* line 448, ../sass/style.scss */
#global-footer .copyright {
  /* 		color:		#195092; */
  margin-top: 9px;
}
/* line 453, ../sass/style.scss */
#global-footer #vcard {
  color: #4195d3;
  padding-bottom: 20px;
}
/* line 456, ../sass/style.scss */
#global-footer #vcard h3 {
  /* 			color: $bgcd_blue; */
  font-weight: bold;
}
/* line 460, ../sass/style.scss */
#global-footer #vcard a {
  /* 			color: $bgcd_blue; */
  text-decoration: none;
}
/* line 467, ../sass/style.scss */
#global-footer .vcard {
  font-size: 0.77em;
  line-height: 1.2;
}
/* line 479, ../sass/style.scss */
#global-footer .vcard .org,
#global-footer .vcard .adr,
#global-footer .vcard .communications,
#global-footer .vcard .download,
#global-footer .vcard .adr span,
#global-footer .vcard .communications a {
  display: block;
  float: left;
  clear: left;
}
/* line 484, ../sass/style.scss */
.ie7 #global-footer .vcard .org, .ie6 #global-footer .vcard .org, .ie7
#global-footer .vcard .adr, .ie6
#global-footer .vcard .adr, .ie7
#global-footer .vcard .communications, .ie6
#global-footer .vcard .communications, .ie7
#global-footer .vcard .download, .ie6
#global-footer .vcard .download, .ie7
#global-footer .vcard .adr span, .ie6
#global-footer .vcard .adr span, .ie7
#global-footer .vcard .communications a, .ie6
#global-footer .vcard .communications a {
  width: 100%;
}
/* line 488, ../sass/style.scss */
#global-footer .vcard .adr .country-name {
  clear: none;
  margin-left: 0.5em;
}
/* line 493, ../sass/style.scss */
.ie7 #global-footer .vcard .country-name, .ie7 #global-footer .vcard .locality, .ie6 #global-footer .vcard .country-name, .ie6 #global-footer .vcard .locality {
  width: auto !important;
}
/* line 497, ../sass/style.scss */
#global-footer .vcard .org, #global-footer .vcard .adr, #global-footer .vcard .communications, #global-footer .vcard .communications .email, #global-footer .vcard .download {
  margin-top: 0.5em;
}
/* line 500, ../sass/style.scss */
#global-footer .vcard .org {
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 505, ../sass/style.scss */
#global-footer .vcard .communications .type {
  display: block;
  float: left;
  width: 45px;
}
/* line 510, ../sass/style.scss */
#global-footer .vcard .communications .value {
  font-weight: bold;
}

/* line 517, ../sass/style.scss */
#lower.wrapper {
  background-image: url(/ui/assets/global/midnight/footer_background.png);
  background-repeat: repeat-x;
}

/* line 523, ../sass/style.scss */
#global-footer {
  color: #2f6486;
  text-shadow: 1px 1px 2px #132c3e;
}
/* line 528, ../sass/style.scss */
#global-footer h3 {
  color: #4195d3;
}
/* line 531, ../sass/style.scss */
#global-footer p {
  margin-bottom: 1em;
}
/* line 534, ../sass/style.scss */
#global-footer a {
  color: #2f6486;
  text-shadow: 1px 1px 1px #132c3e;
}
/* line 540, ../sass/style.scss */
#global-footer #footer-navigation li {
  border-bottom: 1px solid #132c3e;
}
/* line 543, ../sass/style.scss */
#global-footer #footer-navigation a {
  color: #2f6486;
  text-shadow: 1px 1px 1px #132c3e;
}
/* line 547, ../sass/style.scss */
#global-footer #footer-navigation a:hover, #global-footer #footer-navigation a.hover {
  color: #FFF;
  background-color: #4195d3;
}
/* line 554, ../sass/style.scss */
#global-footer #vcard {
  color: #2f6486;
}
/* line 556, ../sass/style.scss */
#global-footer #vcard .org {
  color: #4195d3;
}
/* line 559, ../sass/style.scss */
#global-footer #vcard a {
  color: #2f6486;
}
/* line 564, ../sass/style.scss */
#global-footer #compliance-navigation a {
  border: 1px solid #132c3e;
}
/* line 567, ../sass/style.scss */
#global-footer #compliance-navigation a:hover, #global-footer #compliance-navigation a.hover {
  background-color: #4195d3;
  border-color: #4195d3;
  color: #FFF;
}
/* line 573, ../sass/style.scss */
#global-footer .copyright {
  color: #2f6486;
}

/* @end */
/* @group PAGE SKELETON */
/* line 585, ../sass/style.scss */
html.primary {
  /*
  	#content-main {
  		height: 290px;
  		min-height: 290px;
  		background: {
  			color: #B3D5ED;
  			image:	url(/ui/assets/background-hongkong-lower.jpg);
  			position: center top;
  			repeat: no-repeat;
  		}
  		
  		#design-thinking {
  			@include carousel(50%, 320px);
  		}
  	}
  */
}
/* line 587, ../sass/style.scss */
html.primary #upper.wrapper {
  min-height: 840px;
  /*
  		background: {
  			color: $bgcd_blue;
  			image:	url(/ui/assets/background-hongkong-upper.jpg);
  			position: center 150px;
  			repeat: no-repeat;
  		}
  */
  background-color: #4195d3;
  background-image: url(/ui/assets/background-hongkong.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 606, ../sass/style.scss */
html.primary #global-navigation {
  background-image: url(/ui/assets/global/secondary/navigation_global.png);
}
/* line 611, ../sass/style.scss */
html.primary #global-navigation a {
  background-image: url(/ui/assets/global/secondary/navigation_global.png);
}
/* line 617, ../sass/style.scss */
html.primary #site-identity {
  position: absolute;
  left: -60px;
  top: -51px;
  z-index: 50;
}
/* line 623, ../sass/style.scss */
html.primary #site-identity a {
  display: block;
  width: 245px;
  height: 245px;
  background-image: url(/ui/assets/identity-primary.png);
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 635, ../sass/style.scss */
html.primary #content-feature {
  padding-top: 32px;
}
/* line 639, ../sass/style.scss */
html.primary #content-feature .slideshow {
  position: relative;
  height: 440px;
  width: 680px;
  padding-left: 20px;
  padding-bottom: 40px;
  background-image: url(/ui/assets/background-blueghost.png);
}
/* line 56, ../sass/style.scss */
html.primary #content-feature .slideshow .content-viewer {
  position: relative;
}
/* line 59, ../sass/style.scss */
html.primary #content-feature .slideshow .content-viewer .content-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
/* line 67, ../sass/style.scss */
html.primary #content-feature .slideshow .content-tabs {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
}
/* line 56, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
html.primary #content-feature .slideshow .content-tabs li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
/* line 45, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
html.primary #content-feature .slideshow .content-tabs li:first-child, html.primary #content-feature .slideshow .content-tabs li.first {
  padding-left: 0;
}
/* line 46, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
html.primary #content-feature .slideshow .content-tabs li:last-child, html.primary #content-feature .slideshow .content-tabs li.last {
  padding-right: 0;
}
/* line 655, ../sass/style.scss */
html.primary #content-feature .slideshow .content-item {
  padding-right: 40px;
}
/* line 659, ../sass/style.scss */
html.primary #content-feature .slideshow .content-item h1 {
  height: 110px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url(/ui/assets/home/frontpage-titles.png);
  background-repeat: no-repeat;
  margin-right: -40px;
  margin-bottom: 20px;
  width: 660px;
}
/* line 671, ../sass/style.scss */
html.primary #content-feature .slideshow .content-item p {
  font-size: 40px;
  line-height: 1;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
  margin-bottom: 0.5em;
}
/* line 683, ../sass/style.scss */
html.primary #content-feature .slideshow #block-1 h1 {
  background-position: 0  0;
}
/* line 686, ../sass/style.scss */
html.primary #content-feature .slideshow #block-2 h1 {
  background-position: 0 -110px;
}
/* line 689, ../sass/style.scss */
html.primary #content-feature .slideshow #block-3 h1 {
  background-position: 0 -220px;
}
/* line 692, ../sass/style.scss */
html.primary #content-feature .slideshow #block-4 h1 {
  background-position: 0 -330px;
}
/* line 695, ../sass/style.scss */
html.primary #content-feature .slideshow #block-5 h1 {
  background-position: 0 -440px;
}
/* line 700, ../sass/style.scss */
html.primary #content-feature .slideshow nav {
  position: absolute;
  bottom: 10px;
}
/* line 705, ../sass/style.scss */
html.primary #content-feature .slideshow nav ul li {
  margin: 0 6px;
}
/* line 708, ../sass/style.scss */
html.primary #content-feature .slideshow nav ul a {
  display: block;
  height: 12px;
  width: 12px;
  background-image: url(/ui/assets/global/bullet-indicator.png);
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 718, ../sass/style.scss */
html.primary #content-feature .slideshow nav ul a.current {
  background-position: 0 -12px;
}
/* line 744, ../sass/style.scss */
html.primary #global-footer #about-us {
  float: left;
  width: 570px;
}
/* line 748, ../sass/style.scss */
html.primary #global-footer #about-us h2 {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 1em;
}
/* line 755, ../sass/style.scss */
html.primary #global-footer #about-us #about {
  float: left;
  width: 270px;
  margin-right: 30px;
}
/* line 761, ../sass/style.scss */
html.primary #global-footer #about-us #interest {
  float: left;
  width: 270px;
}

/* end html.primary */
/* line 771, ../sass/style.scss */
html.folio body {
  background-color: #153145;
}
/* line 774, ../sass/style.scss */
html.folio #upper.wrapper {
  background-color: #17344a;
}
/* line 779, ../sass/style.scss */
html.folio #site-identity a {
  background-image: url(/ui/assets/global/midnight/b-spot.png);
}
/* line 786, ../sass/style.scss */
html.folio #global-navigation {
  background-image: url(/ui/assets/global/midnight/navigation_global.png);
}
/* line 791, ../sass/style.scss */
html.folio #global-navigation a {
  background-image: url(/ui/assets/global/midnight/navigation_global.png);
}
/* line 798, ../sass/style.scss */
html.folio #lower.wrapper {
  background-color: #153145;
  background-image: url(/ui/assets/global/midnight/footer_background.png);
  background-repeat: repeat-x;
}
/* line 805, ../sass/style.scss */
html.folio #global-footer {
  color: #2f6486;
  text-shadow: 1px 1px 2px #0E2943;
}
/* line 807, ../sass/style.scss */
html.folio #global-footer h3 {
  color: #4195d3;
}
/* line 816, ../sass/style.scss */
html.folio #global-footer #footer-navigation li {
  border-bottom: 1px solid #0E2943;
}
/* line 819, ../sass/style.scss */
html.folio #global-footer #footer-navigation a {
  color: #2f6486;
  text-shadow: 1px 1px 1px #0E2943;
}
/* line 823, ../sass/style.scss */
html.folio #global-footer #footer-navigation a:hover, html.folio #global-footer #footer-navigation a.hover {
  color: #FFF;
  background-color: #4195d3;
}
/* line 828, ../sass/style.scss */
html.folio #global-footer #vcard {
  color: #2f6486;
}
/* line 831, ../sass/style.scss */
html.folio #global-footer #vcard .org {
  color: #4195d3;
}
/* line 834, ../sass/style.scss */
html.folio #global-footer #vcard a {
  color: #2f6486;
}
/* line 838, ../sass/style.scss */
html.folio #global-footer .copyright {
  color: #2f6486;
}
/* line 843, ../sass/style.scss */
html.folio #global-footer #compliance-navigation a {
  color: #2f6486;
  text-shadow: 1px 1px 1px #0E2943;
  border: 1px solid #0E2943;
}
/* line 848, ../sass/style.scss */
html.folio #global-footer #compliance-navigation a:hover, html.folio #global-footer #compliance-navigation a.hover {
  background-color: #4195d3;
  border-color: #4195d3;
  color: #FFF;
}

/* end html.folio */
/* line 858, ../sass/style.scss */
html.secondary {
  /*
  	#lower.wrapper {
  		background:	{
  			color:	#2864A1;
  			image:	url(/ui/assets/global/secondary/footer_background.png);
  			repeat: repeat-x;
  		}
  	}
  	#global-footer {
  	
  		color: #A0CAE9;
  		text-shadow: 1px 1px 2px #2864A1;
  		h3 {
  			color: 	#FFF;
  		}
  		
  		#footer-navigation {
  			
  			li {
  				border-bottom:	1px solid #367BB5;
  			}
  			a {
  				color:	#A0CAE9;
  				text-shadow: 1px 1px 1px #2864A1;
  			}
  			a:hover, a.hover {
  				color: #FFF;
  				background-color: $light_blue;
  			}
  		}
  
  		#vcard {
  			color: #A0CAE9;
  			
  			.org {
  				color: 	#FFF;
  			}
  			a {
  				color: #A0CAE9;
  			}
  		}
  		.copyright {
  			color: #A0CAE9;
  		}
  		
  		#compliance-navigation {
  			
  			a {
  				color: #A0CAE9;
  				text-shadow: 1px 1px 1px #2864A1;
  				border:	1px solid #367BB5; 
  			}
  			a:hover, a.hover {
  				background-color: $light_blue;
  				border-color: #367BB5;
  				color: #FFF;
  			}
  		}
  	}
  */
}
/* line 861, ../sass/style.scss */
html.secondary #site-identity a {
  background-image: url(/ui/assets/global/secondary/b-spot.png);
}
/* line 868, ../sass/style.scss */
html.secondary #global-navigation {
  background-image: url(/ui/assets/global/secondary/navigation_global.png);
}
/* line 873, ../sass/style.scss */
html.secondary #global-navigation a {
  background-image: url(/ui/assets/global/secondary/navigation_global.png);
}

/* end html.secondary */
/* line 945, ../sass/style.scss */
html.tertiary body {
  background-color: #E6ECF0;
}
/* line 948, ../sass/style.scss */
html.tertiary #upper.wrapper {
  background-color: #FFF;
}
/* line 953, ../sass/style.scss */
html.tertiary #site-identity a {
  background-image: url(/ui/assets/global/tertiary/b-spot.png);
}
/* line 960, ../sass/style.scss */
html.tertiary #global-navigation {
  background-image: url(/ui/assets/global/tertiary/navigation_global.png);
}
/* line 965, ../sass/style.scss */
html.tertiary #global-navigation a {
  background-image: url(/ui/assets/global/tertiary/navigation_global.png);
}
/* line 972, ../sass/style.scss */
html.tertiary #lower.wrapper {
  background-color: #E6ECF0;
  background-image: url(/ui/assets/global/tertiary/footer_background.png);
  background-repeat: repeat-x;
}
/* line 979, ../sass/style.scss */
html.tertiary #global-footer {
  color: #507A95;
}
/* line 982, ../sass/style.scss */
html.tertiary #global-footer h3 {
  color: #2f6486;
}
/* line 988, ../sass/style.scss */
html.tertiary #global-footer #footer-navigation li {
  border-bottom: 1px solid #C1D1DB;
}
/* line 991, ../sass/style.scss */
html.tertiary #global-footer #footer-navigation li:hover, html.tertiary #global-footer #footer-navigation li.hover {
  border-bottom: 1px solid #FFF;
}
/* line 995, ../sass/style.scss */
html.tertiary #global-footer #footer-navigation a {
  color: #507A95;
  text-shadow: 1px 1px 1px #C1D1DB;
  text-shadow: 1px 1px 1px #D2DCE3;
}
/* line 1000, ../sass/style.scss */
html.tertiary #global-footer #footer-navigation a:hover, html.tertiary #global-footer #footer-navigation a.hover {
  color: #FFF;
  text-shadow: 1px 1px 1px #4195d3;
  background-color: #8bc0e8;
}
/* line 1006, ../sass/style.scss */
html.tertiary #global-footer #vcard {
  color: #2f6486;
}
/* line 1009, ../sass/style.scss */
html.tertiary #global-footer #vcard .org {
  color: #4195d3;
}
/* line 1012, ../sass/style.scss */
html.tertiary #global-footer #vcard a {
  color: #2f6486;
}
/* line 1016, ../sass/style.scss */
html.tertiary #global-footer .copyright {
  color: #2f6486;
}
/* line 1022, ../sass/style.scss */
html.tertiary #global-footer #compliance-navigation a {
  color: #507A95;
  text-shadow: 1px 1px 1px #D2DCE3;
  border: 1px solid #C1D1DB;
}
/* line 1027, ../sass/style.scss */
html.tertiary #global-footer #compliance-navigation a:hover, html.tertiary #global-footer #compliance-navigation a.hover {
  color: #FFF;
  text-shadow: 1px 1px 1px #4195d3;
  background-color: #8bc0e8;
  border-color: #4195d3;
}

/* end html.tertiary */
/*

#global-footer #block-about-us {
	float: left;
	width:	210px;
	margin-right: 30px;
	
	font: {
		size: 0.85em;
	}
	line-height:	1.364;
	
	h3 {
		font: {
			weight:	bold;
		}
		text-transform: uppercase;
		margin-bottom: 0.8em;
	}
	
	p {
		margin-bottom: 0.8em;
	}
}
*/
/* @end */
/* @group WHO / ABOUT US Section */
/* line 1071, ../sass/style.scss */
.who #inner.wrapper {
  background-image: url(/ui/assets/background-melbourne-upper.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 1080, ../sass/style.scss */
.who #section-header h2 {
  background-image: url(/ui/assets/who/section-title.png);
}
/* line 1087, ../sass/style.scss */
.who #block-1 {
  float: left;
  width: 315px;
  margin-right: 45px;
  font-size: 21px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
}
/* line 1093, ../sass/style.scss */
.who #block-2 {
  float: left;
  width: 240px;
  font-size: 18px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
}
/* line 1100, ../sass/style.scss */
.who #about {
  position: relative;
  background-color: #A0CAE9;
  background-image: url(/ui/assets/background-melbourne-lower.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
/* line 1110, ../sass/style.scss */
.who #about .carousel {
  /*
  	root element for the scrollable.
  	when scrolling occurs this element stays still.
  */
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
  margin: 0 auto;
  /*
  	root element for scrollable items. Must be absolutely positioned
  	and it should have a extremely large width to accommodate scrollable items.
  	it's enough that you set width and height for the root element and
  	not for this element.
  */
}
/* line 91, ../sass/style.scss */
.who #about .carousel .carousel-viewer {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  /*
  	a single item. must be floated in horizontal scrolling.
  	typically, this element is the one that *you* will style
  	the most.
  */
}
/* line 101, ../sass/style.scss */
.who #about .carousel .carousel-viewer .carousel-item {
  float: left;
}
/* line 1113, ../sass/style.scss */
.who #about .carousel .carousel-item {
  margin: 15px;
  font-size: 14px;
  line-height: 21px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
  color: #2f6486;
  text-shadow: none;
}
/* line 1120, ../sass/style.scss */
.who #about .carousel .carousel-item .content {
  padding: 12px 20px 35px 20px;
  background-image: url(/ui/assets/background-white-0.8.png);
  border-bottom: 1px solid #7D8f9E;
}
/* line 1127, ../sass/style.scss */
.who #about .carousel .carousel-item p {
  margin-bottom: 1em;
}
/* line 1130, ../sass/style.scss */
.who #about .carousel .carousel-item a {
  color: #2f6486;
  text-decoration: none;
  font-weight: bold;
}
/* line 1135, ../sass/style.scss */
.who #about .carousel .carousel-item a:hover {
  color: #c53800;
}
/* line 1138, ../sass/style.scss */
.who #about .carousel .carousel-item a:active {
  color: #e7bf00;
}
/* line 1143, ../sass/style.scss */
.who #about .carousel .basic {
  width: 360px;
  padding: 0 0 15px 0;
  background-image: url(/ui/assets/what/service-block-shadow.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 1152, ../sass/style.scss */
.who #about .carousel .basic h1 {
  /* 				margin: -15px -15px 0 -15px; */
  height: 66px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url(/ui/assets/who/block-titles.png);
}
/* line 1161, ../sass/style.scss */
.who #about .carousel .basic .content {
  padding: 15px;
}
/* line 1165, ../sass/style.scss */
.who #about .carousel .quotation {
  margin: 15px 45px;
  width: 270px;
  padding: 15px 0;
  text-align: center;
}
/* line 1172, ../sass/style.scss */
.who #about .carousel .quotation p {
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
  color: #17344a;
  text-shadow: 1px 1px 1px #2B638C;
  text-shadow: none;
}
/* line 1184, ../sass/style.scss */
.who #about .carousel #our-services h1 {
  background-position: 0 0;
}
/* line 1187, ../sass/style.scss */
.who #about .carousel #our-clients h1 {
  background-position: 0 -66px;
}
/* line 1195, ../sass/style.scss */
.who #global-footer #team {
  float: left;
  width: 240px;
  font-size: 14px;
  line-height: 21px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
}

/* @end */
/* @group WHAT / SERVICES Section */
/* line 1208, ../sass/style.scss */
.what #inner.wrapper {
  background-image: url(/ui/assets/background-london-upper.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 1217, ../sass/style.scss */
.what #section-header h2 {
  background-image: url(/ui/assets/what/section-title.png);
}
/* line 1224, ../sass/style.scss */
.what #content-main {
  padding-bottom: 160px;
}
/* line 1228, ../sass/style.scss */
.what #block-1 {
  float: left;
  width: 340px;
  margin-right: 40px;
  font-size: 21px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
}
/* line 1234, ../sass/style.scss */
.what #block-2 {
  float: left;
  width: 450px;
  font-size: 18px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
}
/* line 1240, ../sass/style.scss */
.what #services {
  position: relative;
  background-color: #A0CAE9;
  background-image: url(/ui/assets/background-london-lower.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
/* line 1243, ../sass/style.scss */
.what #services > header {
  position: absolute;
  height: 25px;
  top: -25px;
  left: 50%;
  margin-left: -540px;
  width: 1080px;
}
/* line 1251, ../sass/style.scss */
.what #services > header h2 {
  margin-left: 20px;
  width: 150px;
  height: 25px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url(/ui/assets/what/services-title.png);
}
/* line 1262, ../sass/style.scss */
.what #services .carousel {
  /*
  	root element for the scrollable.
  	when scrolling occurs this element stays still.
  */
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 450px;
  margin: 0 auto;
  /*
  	root element for scrollable items. Must be absolutely positioned
  	and it should have a extremely large width to accommodate scrollable items.
  	it's enough that you set width and height for the root element and
  	not for this element.
  */
}
/* line 91, ../sass/style.scss */
.what #services .carousel .carousel-viewer {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  /*
  	a single item. must be floated in horizontal scrolling.
  	typically, this element is the one that *you* will style
  	the most.
  */
}
/* line 101, ../sass/style.scss */
.what #services .carousel .carousel-viewer .carousel-item {
  float: left;
}
/* line 1274, ../sass/style.scss */
.what .service {
  width: 400px;
  padding: 0 0 15px 0;
  margin: 15px;
  background-image: url(/ui/assets/what/service-block-shadow.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 1286, ../sass/style.scss */
.what .service h1 {
  height: 96px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url(/ui/assets/what/service-titles.png);
}
/* line 1294, ../sass/style.scss */
.what .service .content {
  padding: 12px 20px 35px 20px;
  background-image: url(/ui/assets/background-white-0.8.png);
  border-bottom: 1px solid #7D8f9E;
}
/* line 1301, ../sass/style.scss */
.what .service .content .keywords {
  margin-bottom: 10px;
}
/* line 1303, ../sass/style.scss */
.what .service .content .keywords p {
  color: #FFF;
  font-size: 0.85em;
  font-style: italic;
  line-height: 1.364em;
}
/* line 1314, ../sass/style.scss */
.what .service .content .summary p {
  color: #17344a;
  font-size: 1.154em;
  line-height: 1.4em;
  margin-bottom: 0.6em;
}
/* line 1324, ../sass/style.scss */
.what #service-design-strategy h1 {
  background-position: 0 0;
}
/* line 1329, ../sass/style.scss */
.what #service-graphic-design h1 {
  background-position: 0 -96px;
}
/* line 1334, ../sass/style.scss */
.what #service-experience-design h1 {
  background-position: 0 -192px;
}
/* line 1339, ../sass/style.scss */
.what #service-web-development h1 {
  background-position: 0 -288px;
}
/* line 1344, ../sass/style.scss */
.what #service-search-social-media h1 {
  background-position: 0 -384px;
}
/* line 1349, ../sass/style.scss */
.what #service-technical-services h1 {
  background-position: 0 -480px;
}

/* @end */
/* @group HOW  Section */
/* line 1361, ../sass/style.scss */
.how #inner.wrapper {
  min-height: 540px;
  background-image: url(/ui/assets/background-stockholm-upper.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 1372, ../sass/style.scss */
.how #section-header h2 {
  background-image: url(/ui/assets/how/section-title.png);
}
/* line 1379, ../sass/style.scss */
.how #content-main {
  padding-bottom: 160px;
}
/* line 1383, ../sass/style.scss */
.how #block-1 {
  float: left;
  width: 320px;
  margin-right: 40px;
  font-size: 21px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
}
/* line 1389, ../sass/style.scss */
.how #block-2 {
  float: left;
  width: 440px;
  font-size: 18px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
}
/* line 1395, ../sass/style.scss */
.how #tools {
  background-color: #A0CAE9;
  background-image: url(/ui/assets/background-stockholm-lower.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
/* line 1403, ../sass/style.scss */
.how #tools .carousel {
  /*
  	root element for the scrollable.
  	when scrolling occurs this element stays still.
  */
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 160px;
  margin: 0 auto;
  /*
  	root element for scrollable items. Must be absolutely positioned
  	and it should have a extremely large width to accommodate scrollable items.
  	it's enough that you set width and height for the root element and
  	not for this element.
  */
}
/* line 91, ../sass/style.scss */
.how #tools .carousel .carousel-viewer {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  /*
  	a single item. must be floated in horizontal scrolling.
  	typically, this element is the one that *you* will style
  	the most.
  */
}
/* line 101, ../sass/style.scss */
.how #tools .carousel .carousel-viewer .carousel-item {
  float: left;
}

/* @end */
/* @group WORK / FOLIO Section */
/* line 1415, ../sass/style.scss */
.folio #section-header h2 {
  background-image: url(/ui/assets/work/section-title.png);
}

/* line 1426, ../sass/style.scss */
.ie8 .work #upper.wrapper, .ie7 .work #upper.wrapper, .ie6 .work #upper.wrapper {
  position: relative;
  padding-bottom: 240px;
  zoom: 1 !important;
}
/* line 1430, ../sass/style.scss */
.ie8 .work #upper.wrapper #content-main, .ie7 .work #upper.wrapper #content-main, .ie6 .work #upper.wrapper #content-main {
  overflow: hidden;
  *zoom: 1;
}
/* line 1434, ../sass/style.scss */
.ie8 .work #upper.wrapper #folio-navigator, .ie7 .work #upper.wrapper #folio-navigator, .ie6 .work #upper.wrapper #folio-navigator {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 240px;
  /*
  			margin-bottom: -240px;
  */
  zoom: 1 !important;
}

/* line 1452, ../sass/style.scss */
.folio #landing #inner.wrapper {
  background-image: url(/ui/assets/background-sanfrancisco-upper.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 1460, ../sass/style.scss */
.folio #landing #content-main {
  padding-top: 80px;
  padding-bottom: 160px;
}
/* line 1465, ../sass/style.scss */
.folio #landing #block-1 {
  float: left;
  width: 340px;
  margin-right: 40px;
  font-size: 21px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
  text-shadow: 1px 1px 1px #132c3e;
}
/* line 1472, ../sass/style.scss */
.folio #landing #block-2 {
  float: left;
  width: 450px;
  font-size: 18px;
  line-height: 24px;
  color: white;
  text-shadow: 1px 1px 2px #2B638C;
  text-shadow: 1px 1px 1px #132c3e;
}
/* line 1479, ../sass/style.scss */
.folio #landing #portfolio {
  min-height: 640px;
  background-color: #5D7181;
  background-image: url(/ui/assets/background-sanfrancisco-lower.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
/* line 1489, ../sass/style.scss */
.folio #landing #portfolio .carousel {
  /*
  	root element for the scrollable.
  	when scrolling occurs this element stays still.
  */
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 640px;
  margin: 0 auto;
  /*
  	root element for scrollable items. Must be absolutely positioned
  	and it should have a extremely large width to accommodate scrollable items.
  	it's enough that you set width and height for the root element and
  	not for this element.
  */
}
/* line 91, ../sass/style.scss */
.folio #landing #portfolio .carousel .carousel-viewer {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  /*
  	a single item. must be floated in horizontal scrolling.
  	typically, this element is the one that *you* will style
  	the most.
  */
}
/* line 101, ../sass/style.scss */
.folio #landing #portfolio .carousel .carousel-viewer .carousel-item {
  float: left;
}
/* line 1492, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index {
  width: 780px;
  margin-left: 20px;
  margin-right: 80px;
}
/* line 1497, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index .category-header {
  position: relative;
  width: 270px;
  background-image: url(/ui/assets/work/category-titles-landing.png);
  background-repeat: none;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  margin: 8px 0;
}
/* line 1508, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index .category-header h2 {
  background: none;
  margin: 0;
}
/* line 1511, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index .category-header h2 a {
  display: block;
  height: 25px;
}
/* line 1517, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index .folio-index-thumbnail {
  display: block;
  width: 163px;
  height: 163px;
  border: 10px solid #455D6E;
  line-height: 0;
}
/* line 1524, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index .folio-index-thumbnail img {
  line-height: 0;
}
/* line 1529, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index .folio-index-overlay {
  position: absolute;
  width: 143px;
  height: 143px;
  padding: 10px;
  margin: 10px;
  background-color: #4195d3;
  top: 0;
  left: 0;
  display: none;
  color: #4195d3;
  color: #455D6E;
  color: #FFF;
}
/* line 1543, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index .folio-index-overlay h2 {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 123px;
  font-size: 1.85em;
  line-height: 1;
}
/* line 1557, ../sass/style.scss */
.folio #landing #portfolio .carousel .columns-2 {
  width: 398px;
}
/* line 1560, ../sass/style.scss */
.folio #landing #portfolio .carousel .columns-3 {
  width: 597px;
}
/* line 1563, ../sass/style.scss */
.folio #landing #portfolio .carousel .columns-4 {
  width: 796px;
}
/* line 1566, ../sass/style.scss */
.folio #landing #portfolio .carousel .columns-5 {
  width: 995px;
}
/* line 1569, ../sass/style.scss */
.folio #landing #portfolio .carousel .columns-6 {
  width: 1194px;
}
/* line 1573, ../sass/style.scss */
.folio #landing #portfolio .carousel #identity-index .category-header {
  background-position: 0 0;
}
/* line 1578, ../sass/style.scss */
.folio #landing #portfolio .carousel #print-index .category-header {
  background-position: 0 -25px;
}
/* line 1583, ../sass/style.scss */
.folio #landing #portfolio .carousel #web-index .category-header {
  background-position: 0 -50px;
}
/* line 1588, ../sass/style.scss */
.folio #landing #portfolio .carousel #multimedia-index .category-header {
  background-position: 0 -75px;
}
/* line 1594, ../sass/style.scss */
.folio #landing #portfolio .carousel .folio-index-item {
  float: left;
  position: relative;
  margin-bottom: 16px;
  margin-right: 16px;
  /*
  			&:nth-child(4n+0),
  			.folio-index-items item-4 {
  				margin-right: 0;
  			}
  */
}

/* line 1613, ../sass/style.scss */
.work {
  /* .category-header */
}
/* line 1615, ../sass/style.scss */
.work #content-main {
  padding-top: 25px;
  padding-bottom: 50px;
}
/* line 1620, ../sass/style.scss */
.work .category-header {
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
/* line 1624, ../sass/style.scss */
.work .category-header h2 {
  float: left;
  width: 240px;
  margin: 15px 0 25px 0;
  background-image: url(/ui/assets/work/category-titles.png);
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 1633, ../sass/style.scss */
.work .category-header h2 a {
  display: block;
  height: 15px;
}
/* line 1639, ../sass/style.scss */
.work .category-header #folio-navigation {
  float: right;
}
/* line 1642, ../sass/style.scss */
.work .category-header #folio-navigation ul {
  overflow: hidden;
  *zoom: 1;
}
/* line 1646, ../sass/style.scss */
.work .category-header #folio-navigation li {
  display: block;
  float: left;
  height: 44px;
  width: 44px;
  background-image: url(/ui/assets/work/navigation-folio.png);
}
/* line 1656, ../sass/style.scss */
.work .category-header #folio-navigation li a {
  display: block;
  height: 44px;
  width: 44px;
  background-image: url(/ui/assets/work/navigation-folio.png);
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 1668, ../sass/style.scss */
.work .category-header #folio-navigation li.previous {
  background-position: 0 -88px;
}
/* line 1672, ../sass/style.scss */
.work .category-header #folio-navigation li.previous a {
  background-position: 0 0;
}
/* line 1676, ../sass/style.scss */
.work .category-header #folio-navigation li.previous a:hover, .work .category-header #folio-navigation li.previous a.hover {
  background-position: 0 -44px;
}
/* line 1683, ../sass/style.scss */
.work .category-header #folio-navigation li.next {
  background-position: -97px -88px;
}
/* line 1687, ../sass/style.scss */
.work .category-header #folio-navigation li.next a {
  background-position: -97px 0;
}
/* line 1691, ../sass/style.scss */
.work .category-header #folio-navigation li.next a:hover, .work .category-header #folio-navigation li.next a.hover {
  background-position: -97px -44px;
}

/* line 1703, ../sass/style.scss */
#identity.work .category-header h2 {
  background-position: 0 0;
}

/* line 1706, ../sass/style.scss */
#print.work .category-header h2 {
  background-position: 0 -15px;
}

/* line 1709, ../sass/style.scss */
#web.work .category-header h2 {
  background-position: 0 -30px;
}

/* line 1712, ../sass/style.scss */
#multimedia.work .category-header h2 {
  background-position: 0 -45px;
}

/* line 1717, ../sass/style.scss */
.work #folio-navigator {
  /*
  	root element for the scrollable.
  	when scrolling occurs this element stays still.
  */
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 240px;
  margin: 0 auto;
  /*
  	root element for scrollable items. Must be absolutely positioned
  	and it should have a extremely large width to accommodate scrollable items.
  	it's enough that you set width and height for the root element and
  	not for this element.
  */
  background-color: #455D6E;
}
/* line 91, ../sass/style.scss */
.work #folio-navigator .carousel-viewer {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  /*
  	a single item. must be floated in horizontal scrolling.
  	typically, this element is the one that *you* will style
  	the most.
  */
}
/* line 101, ../sass/style.scss */
.work #folio-navigator .carousel-viewer .carousel-item {
  float: left;
}
/* line 1723, ../sass/style.scss */
.work #folio-navigator ul li {
  height: 240px;
  margin-left: 20px;
  margin-right: 40px;
}
/* line 1729, ../sass/style.scss */
.work #folio-navigator ul li h2 {
  margin: 10px 0;
  background-image: url(/ui/assets/work/category-titles.png);
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 1737, ../sass/style.scss */
.work #folio-navigator ul li h2 a {
  display: block;
  height: 15px;
}
/* line 1743, ../sass/style.scss */
.work #folio-navigator ul li figure {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
/* line 1749, ../sass/style.scss */
.work #folio-navigator ul li figure a {
  border: 5px solid #5d7181;
}
/* line 1751, ../sass/style.scss */
.work #folio-navigator ul li figure a:hover, .work #folio-navigator ul li figure a.hover {
  border-color: #4195d3;
}
/* line 1756, ../sass/style.scss */
.work #folio-navigator ul li figure.active a, .work #folio-navigator ul li figure.active a:hover, .work #folio-navigator ul li figure.active a.hover {
  border-color: white;
}
/* line 1760, ../sass/style.scss */
.work #folio-navigator ul li figure figcaption {
  display: none;
}
/* line 1765, ../sass/style.scss */
.work #folio-navigator ul li.columns-3 {
  width: 285px;
}
/* line 1768, ../sass/style.scss */
.work #folio-navigator ul li.columns-4 {
  width: 380px;
}
/* line 1771, ../sass/style.scss */
.work #folio-navigator ul li.columns-5 {
  width: 475px;
}
/* line 1774, ../sass/style.scss */
.work #folio-navigator ul li.columns-6 {
  width: 570px;
}
/* line 1778, ../sass/style.scss */
.work #folio-navigator ul #identity-index h2 {
  background-position: -200px 0;
}
/* line 1781, ../sass/style.scss */
.work #folio-navigator ul #print-index h2 {
  background-position: -200px -15px;
}
/* line 1784, ../sass/style.scss */
.work #folio-navigator ul #web-index h2 {
  background-position: -200px -30px;
}
/* line 1787, ../sass/style.scss */
.work #folio-navigator ul #multimedia-index h2 {
  background-position: -200px -45px;
}

/* line 1794, ../sass/style.scss */
.work .folio-item {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  color: #4195d3;
  text-shadow: 1px 1px 2px #0E2943;
}
/* line 1799, ../sass/style.scss */
.work .folio-item hgroup h1 {
  color: #4195d3;
  font-size: 2.77em;
  line-height: 1;
  margin-bottom: 0.5em;
}
/* line 1812, ../sass/style.scss */
.work .folio-item p {
  font-size: 1.154em;
  line-height: 1.4em;
  margin-bottom: 0.5em;
}
/* line 1820, ../sass/style.scss */
.work .folio-item .folio-images {
  position: relative;
}
/* line 1823, ../sass/style.scss */
.work .folio-item .folio-images figure {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
/* line 1829, ../sass/style.scss */
.work .folio-item .folio-images figure figcaption {
  position: absolute;
  width: 135px;
  top: 320px;
  left: -165px;
  min-height: 210px;
  color: #4195d3;
  font-style: italic;
  font-weight: 100;
  line-height: 1.2;
}
/* line 1848, ../sass/style.scss */
.work .folio-item .folio-image-tabs ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
}
/* line 56, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
.work .folio-item .folio-image-tabs ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
/* line 45, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
.work .folio-item .folio-image-tabs ul li:first-child, .work .folio-item .folio-image-tabs ul li.first {
  padding-left: 0;
}
/* line 46, ../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
.work .folio-item .folio-image-tabs ul li:last-child, .work .folio-item .folio-image-tabs ul li.last {
  padding-right: 0;
}
/* line 1851, ../sass/style.scss */
.work .folio-item .folio-image-tabs a {
  display: block;
  width: 15px;
  height: 15px;
  border: 3px solid #455D6E;
  background-color: #17344a;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 1859, ../sass/style.scss */
.work .folio-item .folio-image-tabs a:hover, .work .folio-item .folio-image-tabs a:hover {
  background-color: #4195d3;
  background-image: url(/ui/assets/work/image_tab.png);
  background-position: -3px -3px;
}
/* line 1866, ../sass/style.scss */
.work .folio-item .folio-image-tabs a.current {
  border-color: #4195d3;
}
/* line 1872, ../sass/style.scss */
.work .folio-item .folio-related {
  width: 155px;
}
/* line 1876, ../sass/style.scss */
.work .folio-item .folio-related h3 {
  height: 20px;
  background-image: url(/ui/assets/work/related-header.png);
  margin-bottom: 10px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 1885, ../sass/style.scss */
.work .folio-item .folio-related li {
  position: relative;
  float: left;
  width: 72px;
  height: 72px;
  margin: 0 10px 10px 0;
  background-image: url(/ui/assets/work/related-swatches.png);
}
/* line 1896, ../sass/style.scss */
.work .folio-item .folio-related li.even {
  margin-right: 0;
}
/* line 1900, ../sass/style.scss */
.work .folio-item .folio-related li .folio-index-related {
  display: block;
  width: 72px;
  height: 72px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 1906, ../sass/style.scss */
.work .folio-item .folio-related li .folio-index-overlay {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 62px;
  height: 62px;
  padding: 5px;
  margin: 0;
}
/* line 1918, ../sass/style.scss */
.work .folio-item .folio-related li.print {
  background-position: 0 0;
}
/* line 1921, ../sass/style.scss */
.work .folio-item .folio-related li.identity {
  background-position: -72px 0;
}
/* line 1924, ../sass/style.scss */
.work .folio-item .folio-related li.web {
  background-position: 0 -72px;
}
/* line 1927, ../sass/style.scss */
.work .folio-item .folio-related li.multimedia {
  background-position: -72px -72px;
}

/* .folio-item */
/* line 1938, ../sass/style.scss */
.work .one-column .folio-item .folio-image-tabs {
  margin-bottom: 18px;
}
/* line 1941, ../sass/style.scss */
.work .one-column .folio-item .folio-details {
  position: relative;
  float: left;
  width: 540px;
}
/* line 1946, ../sass/style.scss */
.work .one-column .folio-item .folio-related {
  float: right;
  margin-left: 30px;
}

/* end .one-column .folio-item */
/* line 1954, ../sass/style.scss */
.work .two-column .folio-item {
  width: 270px;
  padding-left: 510px;
  overflow: hidden;
  *zoom: 1;
}
/* line 1960, ../sass/style.scss */
.work .two-column .folio-item .folio-images {
  margin-left: -510px;
  float: left;
  width: 510px;
}
/* line 1965, ../sass/style.scss */
.work .two-column .folio-item .folio-images figure {
  border: 15px solid #455D6E;
}
/* line 1969, ../sass/style.scss */
.work .two-column .folio-item .folio-image-tabs {
  position: absolute;
  top: 0px;
  left: 510px;
}
/* line 1974, ../sass/style.scss */
.work .two-column .folio-item .folio-details {
  margin-top: 60px;
}
/* line 1978, ../sass/style.scss */
.work .two-column .folio-item .folio-related {
  margin-top: 45px;
}

/* end .two-column .folio-item */
/* @end */
/* @group LEGALS */
/* line 1991, ../sass/style.scss */
.legal #content-main {
  width: 540px;
  padding-top: 25px;
  padding-right: 340px;
}
/* line 1996, ../sass/style.scss */
.legal #content-main header {
  margin-bottom: 30px;
}
/* line 1998, ../sass/style.scss */
.legal #content-main header h1 {
  height: 51px;
  background-image: url(/ui/assets/global/legal-headers.png);
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
/* line 2008, ../sass/style.scss */
.legal #content-main ul {
  padding-bottom: 0.462em;
}
/* line 2010, ../sass/style.scss */
.legal #content-main ul li {
  margin-bottom: 0.462em;
}
/* line 2016, ../sass/style.scss */
.legal #content-main h2 {
  font-size: 1.5em;
  color: #4195d3;
  line-height: 1;
  margin-top: 1.385em;
  margin-bottom: 1em;
}
/* line 2026, ../sass/style.scss */
.legal #content-main h3 {
  font-size: 1.385em;
  color: #17344a;
  line-height: 1;
  margin-top: 0.462em;
  margin-bottom: 0.462em;
}
/* line 2036, ../sass/style.scss */
.legal #content-main p {
  margin-bottom: 0.92em;
}

/* line 2041, ../sass/style.scss */
#terms-of-use #content-main h1 {
  background-position: 0 0;
}

/* line 2044, ../sass/style.scss */
#privacy-policy #content-main h1 {
  height: 25px;
  background-position: 0 -51px;
}

/* @end */
/**
 * Non-semantic helper classes: please define your styles before this section.
 */
/* For image replacement */
/* line 6, ../sass/html5/_helpers.scss */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
/* line 10, ../sass/html5/_helpers.scss */
.hidden {
  display: none;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
/* line 14, ../sass/html5/_helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
/* line 17, ../sass/html5/_helpers.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
/* line 20, ../sass/html5/_helpers.scss */
.invisible {
  visibility: hidden;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
/* line 24, ../sass/html5/_helpers.scss */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 25, ../sass/html5/_helpers.scss */
.clearfix:after {
  clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
/* line 27, ../sass/html5/_helpers.scss */
.clearfix {
  zoom: 1;
}

/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  /* line 33, ../sass/html5/_media.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: sanbeiji.com/archives/953 */
  /* line 35, ../sass/html5/_media.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  /* line 36, ../sass/html5/_media.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 37, ../sass/html5/_media.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 38, ../sass/html5/_media.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  /* line 39, ../sass/html5/_media.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 40, ../sass/html5/_media.scss */
  thead {
    display: table-header-group;
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  /* line 41, ../sass/html5/_media.scss */
  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
}

  /* line 43, ../sass/html5/_media.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 44, ../sass/html5/_media.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}