@charset "UTF-8";
.menulinks {
  display: block;
  height: 25px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  color: #86847e;
  background-color: #fff;
  font-size: 1.8em;
  font-weight: normal;
  font-weight: 500;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  float: left;
  overflow: hidden;
}
.menulinks.active, .menulinks.active:hover {
  background-color: #7fc3e4;
  color: #fff;
}
body {
  background-image: url(assets/body_pattern.jpg);
  background-image: url(assets/texture.jpg);
  background-attachment: fixed;
}
#wrapper {
  display: block;
  text-align: center;
  background-image: url(assets/wrapper_pattern.png);
  background-position: 50% 0%;
  background-repeat: repeat-y;
}
#wrapper #container {
  display: block;
  min-width: 978px;
  max-width: 1280px;
  margin: auto;
  padding-top: 93px;
  padding-bottom: 150px;
  text-align: center;
  background-color: #fff;
  background-image: url(assets/footer_bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  overflow: hidden;
}
#wrapper #container.error {
  background-image: none;
  padding-bottom: 0px;
}
#wrapper #container #header {
  position: absolute;
  display: block;
  left: 50%;
  top: 0px;
  width: 968px;
  height: 63px;
  margin-left: -484px;
  padding-left: 10px;
  padding-top: 30px;
  background-color: #fff;
  overflow: hidden;
  z-index: 253;
}
#wrapper #container #header h1 {
  display: block;
  width: 240px;
  height: 32px;
  background-image: url(assets/header_signet.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  cursor: pointer;
  float: left;
}
#wrapper #container #header h1 span {
  display: none;
}
#wrapper #container #header h2 {
  display: none;
}
#wrapper #container #menu_overlay {
  position: fixed;
  display: block;
  top: -56px;
  left: 50%;
  width: 968px;
  height: 44px;
  margin-left: -484px;
  padding-left: 10px;
  padding-top: 12px;
  background-image: url(assets/mainmenu_overlay_pattern.png);
  background-repeat: repeat;
  overflow: hidden;
  z-index: 250;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
}
#wrapper #container #menu_overlay a.to_top {
  display: block;
  height: 25px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  color: #86847e;
  background-color: #fff;
  font-size: 1.8em;
  font-weight: normal;
  font-weight: 500;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  float: left;
  overflow: hidden;
  padding-left: 38px;
  color: #fff;
  background-color: transparent;
  background-image: url(assets/link_totop.gif);
  background-position: 10px 0px;
  background-repeat: no-repeat;
}
#wrapper #container #menu_overlay a.to_top.active, #wrapper #container #menu_overlay a.to_top.active:hover {
  background-color: #7fc3e4;
  color: #fff;
}
#wrapper #container #menu_overlay a.to_top:hover {
  color: #7fc3e4;
  background-position: 10px -33px;
}
#wrapper #container #menu_overlay a.link {
  color: #fff;
  background-color: transparent;
}
#wrapper #container #menu_overlay a.link.active {
  color: #fff;
  background-color: #7fc3e4;
}
#wrapper #container .mainmenu {
  display: block;
  width: 728px;
  height: 59px;
  float: right;
  overflow: hidden;
}
#wrapper #container .mainmenu ul {
  display: block;
  height: 59px;
  list-style: none;
  float: right;
  overflow: hidden;
}
#wrapper #container .mainmenu ul li {
  display: block;
  height: 59px;
  margin-right: 6px;
  float: left;
  overflow: hidden;
}
#wrapper #container .mainmenu ul li a.link {
  display: block;
  height: 25px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  color: #86847e;
  background-color: #fff;
  font-size: 1.8em;
  font-weight: normal;
  font-weight: 500;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  float: left;
  overflow: hidden;
}
#wrapper #container .mainmenu ul li a.link.active, #wrapper #container .mainmenu ul li a.link.active:hover {
  background-color: #7fc3e4;
  color: #fff;
}
#wrapper #container #featured {
  display: block;
  min-width: 978px;
  max-width: 1280px;
  height: 480px;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  overflow: hidden;
}
#wrapper #container #featured .content {
  width: 528px;
  padding-top: 80px;
  padding-left: 450px;
  padding-bottom: 0px;
}
#wrapper #container #featured .content h2 {
  font-size: 2.0em;
  color: #4d4d4d;
  line-height: 1.25em;
  letter-spacing: -0.0125em;
}
#wrapper #container #featured .content h3 {
  font-size: 2.0em;
  color: #76746f;
  letter-spacing: -0.0125em;
}
#wrapper #container #featured.error {
  height: 300px;
}
#wrapper #container #featured.error .content {
  width: 428px;
  padding-left: 550px;
}
#wrapper .content {
  display: block;
  width: 978px;
  margin: auto;
  padding-top: 44px;
  padding-bottom: 27px;
  padding-left: 10px;
  padding-right: 10px;
}
#wrapper .content .column {
  width: 469px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
#wrapper .content .column.full {
  width: 958px;
}
#wrapper .content h2,
#wrapper .content h3,
#wrapper .content h4,
#wrapper .content h5,
#wrapper .content h6 {
  font-weight: normal;
  font-weight: 500;
  color: #1d2c33;
  line-height: 1.25em;
}
#wrapper .content h2 {
  font-size: 2.2em;
}
#wrapper .content h3 {
  font-size: 1.8em;
}
#wrapper .content h2 + p,
#wrapper .content h3 + p,
#wrapper .content h2 + table,
#wrapper .content h3 + table,
#wrapper .content h2 + ul,
#wrapper .content h3 + ul,
#wrapper .content h2 + ol,
#wrapper .content h3 + ol {
  margin-top: 30px;
}
#wrapper .content p {
  margin-bottom: 0.6429em;
  font-size: 1.4em;
  color: #1d2c33;
  line-height: 1.2857em;
}
#wrapper .content p a.button {
  font-size: 1.1429em !important;
  line-height: 1.0em !important;
}
#wrapper .content ul, #wrapper .content ol {
  margin-left: 0.6429em;
  margin-bottom: 0.6429em;
  font-size: 1.4em;
  color: #1d2c33;
  line-height: 1.2857em;
  list-style: outside;
  list-style-type: none;
}
#wrapper .content ul li:before {
  content: "_ ";
}
#wrapper .content ol {
  margin-left: 25px;
  list-style-type: decimal;
}
#wrapper .content table {
  width: 100%;
  margin-bottom: 0.6429em;
  font-size: 1.4em;
  line-height: 1.2857em;
  color: #1d2c33;
  border-collapse: collapse;
}
#wrapper .content table td, #wrapper .content table th {
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 1.5em;
  vertical-align: baseline;
  font-weight: normal;
  border-top: 1px solid #1d2c33;
}
#wrapper .content table th {
  padding-bottom: 0.5em;
  font-size: 0.7857em;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 3px solid #1d2c33;
}
#wrapper .content a {
  color: #689fba;
}
#wrapper .content a:hover {
  color: #1d2c33;
}
#wrapper .content a.button {
  display: block;
  height: 24px;
  margin-top: 25px;
  margin-right: 10px;
  padding-top: 9px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #7fc3e4;
  color: #fff;
  font-size: 1.6em;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
}
#wrapper .content a.button:hover {
  color: #1d2c33;
}
#wrapper .content a.button.icon {
  padding-left: 37px;
  background-repeat: no-repeat;
  background-position: 4px 0px;
}
#wrapper .content a.button.disciplines {
  background-image: url(assets/link_disciplines.gif);
}
#wrapper .content a.button.agency {
  background-image: url(assets/link_agency.gif);
}
#wrapper .content a.button.portfolio {
  background-image: url(assets/link_portfolio.gif);
}
#wrapper .content a.button.icon:hover {
  background-position: 4px -33px;
}
#wrapper #submenu {
  display: block;
  background-color: #7fc3e4;
}
#wrapper #submenu ul {
  display: block;
  width: 968px;
  height: 35px;
  margin: auto;
  padding-top: 18px;
  padding-left: 10px;
  list-style: none;
}
#wrapper #submenu ul li {
  display: block;
  height: 35px;
  margin-right: 30px;
  float: left;
  background-repeat: no-repeat;
  background-position: 50% 35px;
  background-image: url(assets/submenu/marker.gif);
  overflow: hidden;
}
#wrapper #submenu ul li a.link {
  display: block;
  height: 18px;
  padding-top: 1px;
  color: #fff;
  font-size: 1.8em;
  float: left;
}
#wrapper #submenu ul li a.link:hover {
  color: #1d2c33;
}
#wrapper #submenu ul li a.link.active:hover {
  color: #fff;
}
#wrapper #submenu ul li a.link.icon {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#wrapper #submenu ul li a.link.icon:hover {
  background-position: 0px -19px;
}
#wrapper #submenu ul li a.link.icon.active:hover {
  background-position: 0px 0px;
}
#wrapper #submenu ul li a.link.projects {
  background-image: url(assets/submenu/projects.gif);
}
#wrapper #submenu ul li a.link.identity {
  background-image: url(assets/submenu/identity.gif);
}
#wrapper #submenu ul li a.link.publishing {
  background-image: url(assets/submenu/publishing.gif);
}
#wrapper #submenu ul li a.link.online {
  background-image: url(assets/submenu/online.gif);
}
#wrapper #submenu ul li a.link.mobile {
  background-image: url(assets/submenu/mobile.gif);
}
#wrapper .content_item {
  display: block;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  overflow: hidden;
}
#wrapper .content_item.odd {
  background-image: url(assets/content_item_odd_bg.gif);
}
#wrapper .content_item.odd .content {
  padding-right: 10px;
  padding-left: 0px;
}
#wrapper .content_item.even {
  background-image: url(assets/content_item_even_bg.gif);
}
#wrapper .content_item.even .content {
  padding-left: 10px;
  padding-right: 0px;
}
#wrapper .content_item.projects .content {
  width: 368px;
}
#wrapper .content_item.icons .content {
  width: 523px;
}
#wrapper .content_item .bigslides {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #fff;
  z-index: 1;
}
#wrapper .content_item .content_item_inner {
  display: block;
  width: 978px;
  margin: auto;
  z-index: 2;
}
#wrapper .content_item .content_item_inner .smallslides {
  display: block;
  width: 600px;
  padding-top: 62px;
  padding-bottom: 25px;
  float: left;
}
#wrapper .content_item .content_item_inner .smallslides a.projectlink {
  position: absolute;
  display: block;
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  z-index: 100;
}
#wrapper .content_item .content_item_inner .smallslides a.projectlink:hover {
  background-position: 0px -81px;
}
#wrapper .content_item .content_item_inner .smallslides a.projectlink.external {
  left: 475px;
  top: 30px;
  background-image: url(assets/link_external.png);
}
#wrapper .content_item .content_item_inner .smallslides a.projectlink.appstore {
  left: 370px;
  top: 30px;
  background-image: url(assets/link_appstore.png);
}
#wrapper .content_item .content_item_inner .smallslides a.projectlink span {
  display: none;
}
#wrapper .content_item .content_item_inner .icon_column {
  display: block;
  width: 445px;
  padding-top: 44px;
  padding-bottom: 27px;
  text-align: center;
  float: left;
}
#wrapper .content_item .content_item_inner .icon_column img {
  margin: auto;
}
#wrapper .content_item .content_item_inner .content {
  float: left;
}
#wrapper .content_item.publishing .smallslides, #wrapper .content_item.identity .smallslides {
  padding-bottom: 0px;
}
#wrapper .content_item.publishing .meta span {
  background-image: url(assets/meta/publishing.png);
}
#wrapper .content_item.online .meta span {
  background-image: url(assets/meta/online.png);
}
#wrapper .content_item.identity .meta span {
  background-image: url(assets/meta/identity.png);
}
#wrapper .content_item.mobile .meta span {
  background-image: url(assets/meta/mobile.png);
}
#wrapper .content_item .content_item_menu {
  display: block;
  position: absolute;
  height: 31px;
  left: 10px;
  top: 5px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 5px;
  font-size: 1.4em;
  color: #666;
  background-image: url(assets/item_menu_pattern.png);
  z-index: 3;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
}
#wrapper .content_item .content_item_menu .date {
  display: block;
  height: 21px;
  padding-top: 5px;
  padding-right: 10px;
  float: left;
}
#wrapper .content_item .content_item_menu .skip_menu {
  display: block;
  height: 22px;
  padding-top: 4px;
  padding-left: 13px;
  padding-right: 10px;
  background-image: url(assets/item_menu_separator.png);
  background-repeat: no-repeat;
  float: left;
}
#wrapper .content_item .content_item_menu .skip_menu a {
  display: block;
  width: 17px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  float: left;
}
#wrapper .content_item .content_item_menu .skip_menu a:hover {
  background-position: 0px -21px;
}
#wrapper .content_item .content_item_menu .skip_menu a.next {
  margin-right: 4px;
  background-image: url(assets/skip_next.png);
}
#wrapper .content_item .content_item_menu .skip_menu a.previous {
  background-image: url(assets/skip_prev.png);
}
#wrapper .content_item .content_item_menu .skip_menu a span {
  display: none;
}
#wrapper .content_item .content_item_menu .meta {
  display: block;
  height: 21px;
  padding-top: 5px;
  padding-left: 13px;
  padding-right: 10px;
  background-image: url(assets/item_menu_separator.png);
  background-repeat: no-repeat;
  float: left;
}
#wrapper .content_item .content_item_menu .meta a {
  color: #666;
}
#wrapper .content_item .content_item_menu .meta a:hover {
  color: #333;
}
#wrapper .content_item .content_item_menu .meta span {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 1px;
}
#wrapper .content_item .content_item_menu .meta span.portfolio {
  background-image: url(assets/meta/portfolio.png);
}
#wrapper .content_item .content_item_menu .slide_menu {
  display: block;
  height: 23px;
  padding-top: 3px;
  padding-left: 13px;
  padding-right: 10px;
  background-image: url(assets/item_menu_separator.png);
  background-repeat: no-repeat;
  float: left;
}
#wrapper .content_item .content_item_menu .slide_menu a.slide_button {
  display: block;
  width: 21px;
  height: 21px;
  margin-right: 2px;
  background-image: url(assets/slidebutton.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  float: left;
}
#wrapper .content_item .content_item_menu .slide_menu a.slide_button:last-child {
  margin-right: 0px;
}
#wrapper .content_item .content_item_menu .slide_menu a.slide_button.active, #wrapper .content_item .content_item_menu .slide_menu a.slide_button:hover {
  background-color: transparent;
  background-position: 0px -21px;
}
#wrapper .content_item .content_item_menu .slide_menu a.slide_button span {
  display: none;
}