/*@import "webkit-scrollbar.css";*/
/* RESET */
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,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: central;
	background: transparent;
	margin: 0;
	padding: 0;
	box-decoration-break: slice;
}
body {
  line-height: 1;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
a {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
@font-face {
  font-family: "Tomato";
  src: url("tomato.eot");
  src: local("☺"), url("tomato.woff") format("woff"), url("tomato.ttf") format("truetype"), url("tomato.otf") format("opentype"), url("tomato.svg") format("svg");
  font-weight: bold;
  font-style: normal;
}
.tomato {
  font-family: "Tomato", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
/* GLOBAL */
html {
  font-size: 125%;
  background: #FFF;
  overflow-y: scroll;
  min-width: 710px;
  height: 100%;
}
html.slideshow {
  overflow: hidden;
}
body {
  font: 50%/1 Helvetica, Arial, sans-serif;
  background: #FFF;
  color: #333333;
  min-width: 710px;
  margin: 0;
  /*  font-size: 12px;*/

}
h1,
h2,
h3,
h4 {
  font-family: "Tomato", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: -0.03em;
}
/* CLEARFIX */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
section#content {
  min-width: 710px;
  padding-bottom: 80px;
  z-index: 2;
}
section {
  position: relative;
  background: #FFF;
}
section .loading {
  opacity: 0!important;
}
section article {
  border: 1px solid #f0f0f0;
  position: relative;
}
section article a {
  text-decoration: none;
}
section article .holder {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
section article .info {
  color: #000;
  position: absolute;
  padding: 20px;
}
section article .info h1, section article .info h2 {
  font-size: 20px;
  color: #000;
}
section article p {
  line-height: 1.3em;
  font-size: 12px;
}
section article .body {
  background: transparent url(../images/striped-statement-background.png) repeat;
  border: none;
  margin: 40px auto;
  background: #FFF;
  width: 344px;
  line-height: 1.6em;
  padding: 0 20px 20px;
}
section article .body p {
  line-height: 1.6em;
  margin-bottom: 20px;
}
section article .body a {
  color: #333333;
  text-decoration: underline;
}
section article.article {
  background: transparent url(../images/striped-statement-background.png) repeat;
  padding: 0px;
}
section article.article div {
  padding: 30px 30px 0 30px;
  background: #FFF;
}
section article.article div h1 {
  display: block;
  font-size: 18px;
  line-height: 1.3em;
}
section article.article div time {
  margin-top: 5px;
  font-weight: bold;
  display: block;
}
section article.article > a {
  color: #333333;
  height: 100%;
  display: block;
}
section article.plain div {
  padding: 18px 30px 0 30px;
  font-size: 12px;
}
section article.plain div h1 {
  font-size: 30px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 20px;
}
section article.plain div h2, section article.plain div h3 {
  color: #868686;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 7px;
}
section article.plain div p {
  line-height: 1.6em;
}
section article.blog, section article.link {
  background: #c5c5c5;
}
section article.blog div, section article.link div {
  padding: 0;
  height: 100%;
  background: transparent;
}
section article.blog div > a, section article.link div > a {
  background: transparent;
  padding: 19px 20px 0;
  height: 114px;
  display: block;
}
section article.blog .author,
section article.link .author,
section article.blog time,
section article.link time {
  margin-top: 7px;
  font-size: 12px;
  color: #434343;
  font-weight: bold;
}
section article.blog .author time,
section article.link .author time,
section article.blog time time,
section article.link time time {
  display: inline;
}
section article.blog h1, section article.link h1 {
  color: #FFF;
}
section article.blog:hover div, section article.link:hover div {
  background: transparent;
}
section article.blog:hover h1, section article.link:hover h1 {
  text-decoration: underline;
  color: #434343;
}
section article.news {
  background: #FFF;
}
section article.news .body {
  background: none;
  margin: 0;
  padding: 20px 20px 0;
  background: none;
  width: 199px;
}
section article.news .body h1 {
  color: #999999;
  font-size: 18px;
  line-height: 22px;
}
section article.news .body img {
  width: 100%;
  height: 100px;
  margin-bottom: 14px;
}
section article.news .body time {
  color: #434343;
  font-size: 12px;
  font-weight: bold;
  margin: 4px 0 20px;
  display: block;
}
section article.news:hover {
  background: transparent url(../images/striped-article-background.png) repeat;
}
section article.photo {
  cursor: pointer;
}
section article.photo img {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -moz-opacity: 1;
  opacity: 1;
}
section article.photo figcaption {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(33, 33, 33, 0.8);
  padding: 20px 20px 20px 20px;
  color: #fff;
}
section article.photo figcaption > * {
  width: 196px;
}
section article.photo figcaption a {
  width: 100%;
  height: 100%;
  display: block;
}
section article.photo figcaption h1 {
  font-size: 25px;
  line-height: 22px;
  margin-bottom: 7px;
  color: #fff;
}
section article.photo figcaption p {
  color: #fff;
}
section article.photo:hover figcaption {
  display: block;
}
section article.client {
  border-color: #f5f5f5;
  padding: 0;
}
section article.client img {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.2s;
  -moz-opacity: 0;
  opacity: 0;
}
section article.client .holder {
  z-index: 2;
}
section article.client h1, section article.client h2, section article.client h1 a {
  line-height: 1.1em;
  position: relative;
  color: #434343;
}
section article.client h1 {
  z-index: 1;
}
section article.client h2 {
  z-index: 1;
}
section article.client:hover img {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.2s;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
}
section article.update {
  background: #f5f5f5;
}
section article.update time {
  padding-left: 20px;
}
section article.update .username, section article.update time {
  font-size: 11px;
  color: #999999;
  text-decoration: none;
  font-weight: bold;
  display: inline;
}
section article.update .message {
  padding: 16px 20px 5px;
  color: #333333;
}
section article.update .message p {
  line-height: 16px;
  font-size: 12px;
}
section article.update .message a {
  color: #333333;
  text-decoration: underline;
}
section article.update:hover {
  background: #ffff01;
}
section article.update:hover .username, section article.update:hover time {
  color: #333;
}
section article.statement {
  background: transparent url(../images/striped-statement-background.png) repeat;
  border: none;
  padding: 1px;
}
section article.statement > div {
  margin: 40px auto;
  background: #FFF;
  padding: 18px 30px 0 30px;
  font-size: 12px;
}
section article.statement > div h1, section article.statement > div h2, section article.statement > div h3 {
  color: #868686;
  font-size: 18px;
  line-height: 20px;
}
section article.statement:hover {
  background: transparent url(../images/striped-statement-background.png) repeat;
}
section article.quote {
  background: #ffff01
 url(../images/striped-article-background.png) repeat;
  border: none;
  padding: 1px;
}
section article.quote blockquote {
  padding: 19px 30px;
  margin: 0;
  background: none;
}
section article.quote blockquote h1 {
  font-size: 26px;
  color: #434343;
  line-height: 30px;
}
section article.quote blockquote h1:before {
  content: "\201C";
  margin-left: -12px;
  padding-right: 3px;
}
section article.quote blockquote h1:after {
  content: "\201D";
}
section article.quote blockquote p, section article.quote blockquote a {
  color: #434343;
  line-height: 1.4em;
}
section article.quote blockquote .from {
  position: absolute;
  bottom: 30px;
  left: 30px;
  list-style: none;
  font-weight: bold;
  font-size: 10px;
}
section article.quote blockquote .from p {
  font-size: 12px;
}
section article.quote blockquote .from li {
  margin-bottom: 5px;
}
section article.quote blockquote p {
  margin: -2px 0 -3px;
}
section article.video {
  overflow: hidden;
}
section article.video img {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -moz-opacity: 1;
  opacity: 1;
}
section article.video:hover img {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
section article.video:hover span.icon {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
section article.hire div {
  padding: 20px;
  margin: 0;
  width: inherit;
}
section article.hire div > ul > li {
  display: inline-block;
  width: 210px;
  vertical-align: top;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 1.5em;
}
section article.hire div > ul > li ul > li:last-child {
  margin-bottom: 12px;
}
section article.hire h1 {
  font-size: 26px;
  color: #999999;
  margin-bottom: 30px;
}
section article.hire ul {
  list-style: none;
}
section article.hire p {
  font-weight: bold;
  line-height: 12px;
  margin-bottom: 0;
  line-height: 18px;
}
section article.hire .contact {
  color: #999999;
  margin-bottom: 0;
  font-size: 12px;
}
section article.hire a {
  color: #333333;
  text-decoration: underline;
}
section article.form {
  background: transparent url(../images/striped-article-background.png) repeat;
  border: 1px solid #FFF;
  color: #757575;
}
section article.form form {
  padding: 30px 60px 30px 30px;
}
section article.form form input[type="text"], section article.form form input[type="email"] {
  width: 369px;
  display: block;
  background: #fff;
  border: none;
  padding: 10px 10px;
  margin-bottom: 5px;
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
}
section article.form form label {
  display: block;
  font-size: 12px;
}
section article.form form button {
  background: #888888;
  color: #fff;
  border: none;
  padding: 6px 10px;
  text-transform: uppercase;
}
section article.form h1 {
  font-size: 18px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
section article.form p {
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 4px;
}
section span.video-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent url(/images/playbutton.png) center center no-repeat;
  font-size: 0;
}
section .video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
section article.internal:hover {
  background: #ffff01;
}
section article.internal:hover .icon {
  background-position: left bottom;
}
section article.internal:hover.photo figcaption {
  background: rgba(235, 25, 60, 0.85);
}
section article.internal:hover.photo figcaption h1, section article.internal:hover.photo figcaption p {
  color: #333333;
}
section article.internal:hover.photo .icon {
  background: transparent url(/images/external.png) no-repeat;
  background-position: left bottom;
}
section article.external:hover {
  background: rgba(22, 232, 210, 0.85);
}
section article.external:hover .icon {
  background-position: left bottom;
}
section article.external:hover.photo figcaption {
  background: rgba(22, 232, 210, 0.85);
}
section article.external:hover.photo figcaption h1, section article.external:hover.photo figcaption p {
  color: #333333;
}
section article.external:hover.photo .icon {
  background-position: left bottom;
}
section article .icon {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.7s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.7s;
  -moz-opacity: 0;
  opacity: 0;
}
section article .icon {
  width: 13px;
  height: 13px!important;
  position: absolute;
  bottom: 13px;
  right: 13px;
  visibility: hidden;
}
section article.expand .icon {
  background: transparent url(/images/expand.png) no-repeat;
}
section article.external .icon {
  background: transparent url(/images/external.png) no-repeat;
}
section article:hover .icon {
  visibility: visible;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-ease: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
}
.legal #content {
  max-width: 700px;
}
.legal #content h1 {
  font-family: "Tomato", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 100px;
  line-height: 100px;
  max-width: 700px;
  padding: 20px 20px 0;
  text-transform: uppercase;
}
.legal #content p {
  padding: 20px 20px;
  font-size: 14px;
  line-height: 18px;
}
footer#footer {
  padding: 10px 20px;
  border-top: 1px solid #f0f0f0;
  height: 16px;
  position: fixed;
  z-index: 998;
  bottom: 0;
  background: #FFF;
  width: 100%;
}
footer#footer ul li {
  list-style: none;
  height: 14px;
  float: left;
  margin-right: 30px;
}
footer#footer ul li span {
  display: none;
}
footer#footer ul li.facebook a, footer#footer ul li.twitter a {
  display: block;
  width: 14px;
  height: 14px;
}
footer#footer ul li.facebook a {
  background: transparent url(/images/facebook-badge.png) no-repeat;
}
footer#footer ul li.twitter a {
  background: transparent url(/images/twitter-badge.png) no-repeat;
}
footer#footer ul li.google {
  width: 24px;
}
footer#footer ul li a {
  vertical-align: top;
  margin-top: 2px;
  display: inline-block;
  color: #999;
  text-decoration: none;
}
footer#footer ul li a:hover {
  color: #333;
  text-decoration: underline;
}
#preloader {
  width: 95px;
  height: 35px;
  background: transparent url(/images/preloader.gif) no-repeat left top;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 1000;
}
.preload section, .preload #client-filter {
  visibility: hidden;
}
.touch footer#footer {
  position: relative;
}
.error-404 #content, .error-500 #content, .search.no-results #content {
  height: auto!important;
}
.error-404 h1,
.error-500 h1,
.search.no-results h1,
.error-404 h2,
.error-500 h2,
.search.no-results h2 {
  font-family: "Tomato", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 140px;
  line-height: 120px;
  max-width: 700px;
  padding: 20px 20px 0;
  text-transform: uppercase;
  color: #999999;
}
.error-404 h2, .error-500 h2, .search.no-results h2 {
  color: #ffff01;
  padding-top: 0;
}
.error-404 span, .error-500 span, .search.no-results span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent url(/images/error-stripes.png);
}
body.nextco article.plain .body {
  width: 300px;
  padding: 18px 60px 0 30px;
}
header#header {
	min-width: 710px;
	width: 100%;
	background: #FFF;
	min-height: 120px;
	position: relative;
	z-index: 1000;
}
header#header h1#logo {
  display: none;
}
header#header nav {
	z-index: 1000;
	min-width: 710px;
	display: block;
	position: fixed;
	background: #FFF;
	font-family: "Tomato", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	height: 120px;
	width: 100%;
	overflow-x: hidden;
	border-top: 3px solid #c91b4c;
	-moz-box-shadow: 0 0 7px 0px #999;
	-webkit-box-shadow: 0 0 7px 0px #999;
	box-shadow: 0 0 7px 0px #999;
}
header#header nav ul {
  list-style: none;
}
header#header nav ul li {
  float: left;
  height: 100%;
  margin: 0 20px;
}
header#header nav ul li a {
  display: block;
  padding: 10px 0;
  color: #999999;
  text-decoration: none;
}
header#header nav ul li a:hover, header#header nav ul li a.active {
  color: #434343;
}
header#header nav ul li.search {
  margin-top: 2px;
  float: right;
}
header#header nav ul li.search form {
  width: 130px;
  vertical-align: middle;
}
header#header nav ul li.search input[type="text"] {
  font-family: "Tomato", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-family: Helvetica, Arial;
  text-transform: uppercase;
  font-size: 12px;
  color: #cfcece;
  border: 0;
  padding: 5px;
  background: none;
  display: inline-block;
  -moz-transition-property: width;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: width;
  -o-transition-duration: 0.3s;
  width: 55px;
  float: right;
  outline: none;
  -webkit-appearance: none;
}
header#header nav ul li.search input[type="text"].active, header#header nav ul li.search input[type="text"]:focus {
  -moz-box-shadow: 0 0 4px 0px #888;
  -webkit-box-shadow: 0 0 4px 0px #888;
  box-shadow: 0 0 4px 0px #888;
  border-radius: 5px;
  -moz-transition-property: width;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: width;
  -o-transition-duration: 0.5s;
  width: 140px;
  color: #333333;
}
header#header nav ul li.search button {
  display: none;
}
#featured {
  overflow: hidden;
}
#featured .nav {
  position: absolute;
}
#featured .nav {
  z-index: 4;
  height: 25px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  text-align: center;
}
#featured .nav li {
  display: inline-block;
}
#featured .nav li a {
  display: block;
  width: 9px;
  height: 8px;
  background: transparent url(../images/featured-nav.png) right center no-repeat;
  padding: 8px 5px;
}
#featured .nav li a:hover {
  background-position: center left;
}
#featured .nav li a.current {
  background-position: center left;
}
#featured .nav:hover {
  opacity: 1;
}
#featured .nav.prev {
  left: 0;
}
#featured .nav.next {
  right: 0;
}
#featured .media {
  width: 500%;
  height: 100%;
  position: absolute;
  top: 0;
  list-style: none;
}
#featured .media img {
  height: 100%;
}
#featured .media > li {
  position: relative;
  height: 540px;
  float: left;
  overflow: hidden;
}
#featured .media > li a h3 {
  color: #000;
  font-size: 40px;
  line-height: 1.3em;
  font-weight: normal;
  padding: 25px 64px;
  max-width: 300px;
  position: relative;
  z-index: 2;
  display: none;
}
#featured:hover .nav {
  display: block;
}
#featured .scroll {
  width: 100%;
  height: 10px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
}
#featured .scrub {
  background: #ffff01;
  height: 100%;
  position: absolute;
}
.contact .address {
  background: #ffff01;
  height: 100%;
}
.contact .address ul, .contact .address ol {
  list-style: none;
}
.contact .address .vcard {
  color: #434343;
  float: left;
  padding: 20px 0 20px 20px;
  width: 30%;
}
.contact .address .vcard h2, .contact .address .vcard p {
  font-size: 18px;
  line-height: 1.2em;
  font-family: "Tomato", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.contact .address .vcard a {
  color: #434343;
}
.contact .address .vcard ol {
  margin: 24px 0 0;
}
.contact .address .vcard ol li {
  margin: 0 0 16px;
}
.contact .address .vcard ol li p {
  font-size: 11px;
  line-height: 1.0em;
}
.contact .address .vcard ol li p a {
  text-decoration: underline;
}
.contact .address .vcard h2 {
  font-weight: bold;
}
.contact .address:hover {
  background: #ffff01;
}
.contact h3 {
  display: none;
}
#client-filter {
  padding: 12px 20px 12px 20px;
  background: #fff;
  overflow: hidden;
  z-index: 3;
  position: relative;
  border: 1px solid #f0f0f0;
  margin-bottom: -1px;
  background: #fefefe;
}
#client-filter h2 {
  margin-top: 16px;
  color: #999;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: normal;
}
#client-filter:hover {
  background: #f5f5f5;
}
#client-filter > div {
  float: left;
  width: 239px;
  cursor: pointer;
}
#client-filter > div:hover h3 {
  background-position: right bottom;
}
#client-filter > div:last-child {
  width: 190px;
}
#client-filter > div h3 {
  font-size: 16px;
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 20px;
  background: transparent url(/images/dropdown.png) no-repeat right top;
}
#client-filter > div ul {
  cursor: default;
  margin-top: 8px;
  list-style: none;
  padding-bottom: 25px;
}
#client-filter > div ul li a {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-decoration: underline;
  text-transform: capitalize;
}
#client-filter > div ul li a:hover {
  color: #999;
}
#client-filter #issues h2, #client-filter #issues li a {
  text-transform: none;
}
#slideshow {
  position: fixed;
  top: 50px;
  bottom: 37px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100;
  overflow-y: scroll;
}
#slideshow .close {
  position: fixed;
  width: 13px;
  height: 13px;
  display: block;
  top: 127px;
  right: 20px;
  background: #ffffff url(/images/close.png) no-repeat;
}
#slideshow .arrow {
  position: fixed;
  width: 69px;
  height: 69px;
  display: block;
  top: 50%;
  margin-top: -24px;
  background: #000000 url(/images/next-prev.png) no-repeat;
}
#slideshow .arrow.next {
  background-position: right top;
  right: 20px;
}
#slideshow .arrow.prev {
  background-position: left top;
  left: 20px;
}
#slideshow div.container {
  width: 800px;
  margin: 0 auto 0;
  display: table;
  height: 100%;
}
#slideshow div.container article {
  padding: 30px 0;
  display: block;
  display: table-cell;
  vertical-align: middle;
  border: none;
}
#slideshow div.container article .holder {
  height: auto;
}
#slideshow div.container figure {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
#slideshow div.container figure figcaption {
  background: transparent;
  text-align: left;
  display: block;
  position: relative;
}
#slideshow div.container figure figcaption p {
  font-size: 12px;
  color: #fff;
}
#slideshow div.container figure figcaption h1 {
  font-size: 18px;
  color: #fff;
}
#slideshow div.container img {
  text-align: center;
}
#slideshow div.container .description {
  padding: 20px;
}
#slideshow div.container .description p {
  font-size: 12px;
  color: #fff;
}
.ie8 article.client img, .ie7 article.client img, .ie6 article.client img {
  visibility: hidden;
}
.ie8 article.client:hover img, .ie7 article.client:hover img, .ie6 article.client:hover img {
  visibility: visible;
}
.ie8 article.client h1,
.ie7 article.client h1,
.ie6 article.client h1,
.ie8 article.client h2,
.ie7 article.client h2,
.ie6 article.client h2,
.ie8 article.client img,
.ie7 article.client img,
.ie6 article.client img,
.ie8 article.client hgroup,
.ie7 article.client hgroup,
.ie6 article.client hgroup,
.ie8 article.client .holder,
.ie7 article.client .holder,
.ie6 article.client .holder {
  zoom: 1;
}
.ie8 article.photo figcaption, .ie7 article.photo figcaption, .ie6 article.photo figcaption {
  background: transparent url(/images/ie-image-hover.png) repeat;
}
.ie8 article.internal:hover.photo figcaption, .ie7 article.internal:hover.photo figcaption, .ie6 article.internal:hover.photo figcaption {
  background: transparent url(/images/ie-link-internal.png) repeat !important;
}
.ie8 article.external:hover.photo figcaption, .ie7 article.external:hover.photo figcaption, .ie6 article.external:hover.photo figcaption {
  background: transparent url(/images/ie-link-external.png) repeat !important;
}
.ie8 #slideshow, .ie7 #slideshow, .ie6 #slideshow {
  background: transparent url(/images/ie-transparent-bg.png) repeat;
}
.ie8 #featured .nav, .ie7 #featured .nav, .ie6 #featured .nav {
  background: transparent url(/images/ie-transparent-bg-nav.png) repeat;
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
  html {
    width: 100%;
  }
  .slideshow {
    width: 943px!important;
  }
  body {
    margin: 0 auto;
    overflow-x: hidden!important;
  }
  body,
  section#content,
  #header,
  #header nav {
    width: 943px!important;
    max-width: 943px;
    overflow-x: hidden!important;
  }
  header#header nav {
    position: relative!important;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation:portrait), only screen and (max-device-width: 480px) and (orientation:portrait) {
  html {
    width: 100%;
  }
  .slideshow {
    width: 707px!important;
  }
  body {
    margin: 0 auto;
    overflow-x: hidden!important;
  }
  body,
  section#content,
  #header,
  #header nav {
    width: 707px!important;
    max-width: 707px;
    overflow-x: hidden!important;
  }
  header#header nav {
    position: relative!important;
  }
}
@media only screen and (max-device-width: 1024px), only screen and (max-device-width: 480px) {
  .slideshow {
    background: #000;
  }
  .slideshow body {
    margin: 0!important;
    padding: 0;
    background: #000;
  }
  .slideshow header#header {
    display: none;
  }
  .slideshow #content {
    display: none!important;
  }
  .slideshow #footer {
    display: none;
  }
  .slideshow #slideshow {
    width: 100%!important;
    height: auto!important;
    display: block;
    position: relative!important;
    overflow: visible!important;
  }
  .slideshow #slideshow .container {
    height: auto!important;
    width: 707px!important;
    margin: 0 auto;
    height: auto!important;
    padding-top: 30px;
    position: static;
    display: block;
    overflow: visible!important;
  }
  .slideshow #slideshow article {
    height: auto!important;
    display: block;
    position: static;
    overflow: visible!important;
  }
  .slideshow #slideshow figure {
    height: auto!important;
    max-width: 707px;
    width: 707px;
    background: blue;
    position: relative;
    overflow: visible!important;
  }
  .slideshow #slideshow img {
    width: 707px;
    height: auto!important;
  }
  .slideshow .arrows {
    left: 0;
    right: 0;
    top: 300px;
    height: 20px;
    position: absolute;
    z-index: 999;
  }
  .slideshow .arrows .arrow {
    position: static!important;
  }
  .slideshow .arrows .arrow.prev {
    float: left;
  }
  .slideshow .arrows .arrow.next {
    float: right;
  }
  .slideshow .close {
    position: static!important;
    float: right;
    margin: 20px 20px 0 0;
  }
}