/* Fonts */
@font-face {
   font-family: 'TwCen';
   src: url('fonts/twcenmtbold.eot');
   src: url('fonts/twcenmtbold.eot?#iefix') format('embedded-opentype'),
       url('fonts/twcenmtbold.woff') format('woff'),
       url('fonts/twcenmtbold.ttf') format('truetype'),
       url('fonts/twcenmtbold.svg#twcenmtbold') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* Stop jQuery Animate Glitch */
* { -webkit-backface-visibility:hidden; }
      
/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'TwCen', sans-serif; color: #222; }
body { margin: 0; font-size:12px; line-height: 1.4em; }

::-moz-selection { background: #ccc; color: #fff; text-shadow: none; }
::selection { background: #ccc; color: #fff; text-shadow: none; }
:focus { outline:none; }

a { color:#fff; cursor:pointer; text-decoration:none; }
a:hover { color:#bce13b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

@media only screen and (min-width: 35em) {}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clear:before, .clear:after,
.row:before, .row:after { content:""; display:block; height:0; overflow:hidden; visibility:hidden; }
.clear:after, .row:after { clear:both; }
.clear, .row { zoom:1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/*************************************************/
/* Global */
/*************************************************/
html, body { background-color:#5ca7bd; height:100%; }
.pattern { background: url('../img/pattern.png') repeat 0 0; left:0; height:100%; width:100%; position:fixed; top:0; z-index:4; }
.bg { 	background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; left:0; height:100%; width:100%; position:fixed; top:0; z-index:3; }
.bg.current { z-index:2; }
:focus { outline:none; }
.hide { display:none; }
.green { color:#bce13b; }
h2 { line-height:1em; margin:0; }

/*************************************************/
/* Header & Footer */
/*************************************************/
header, footer { background:#bce13b; left:0; position:fixed; width:100%; z-index:250; }
header { height:13px; top:0; }
footer { bottom:0; height:61px; }

/*************************************************/
/* Logo & Menu */
/*************************************************/
#logo, #logo img { display:block; height:89px; width:242px; }
#logo { left:26px; position:absolute; top:33px; z-index:200; }
#logo.health, #logo.health img { display:block; height:89px; width:288px; }

nav { height:90%; overflow:hidden; position:absolute; right:0; top:81px; width:224px; z-index:200; }
nav .row { margin-top:10px; left:160px; position:relative; }
nav .row:first-child { margin-top:0; }
nav a.top { background:rgba(255,255,255,0.25); color:#fff; display:block; float:right; font-size:25px; line-height:1em; padding:7px 28px 7px 16px; text-transform:uppercase; width:180px; }
nav a.top span { display:block; }
nav a.top span.hide { display:none; }
nav a.top:hover, nav a.top.current { background:rgba(9,194,255,0.7); color:#fff; }
nav a.top.current { width:180px; }
nav a.top img { display:block; }
/* Subnav */
nav .sub { display:block; left:0; position:absolute; text-align:right; text-transform:uppercase; top:40px; width:137px; }
nav .sub a { display:block; line-height:1em; margin-top:5px; }
nav .sub a.current { color:#bce13b; }
nav .sub.hide { display:none; }

/*************************************************/
/* Content */
/*************************************************/
#wrap { height:100%; min-width:1180px; position:relative; }
.content { color:#fff; font-size:30px; height:100%; line-height:1.25em; margin:0 auto; position:relative; text-shadow:3px 3px 3px rgba(0,0,0,0.6); text-transform:uppercase; z-index:150; }
.content#work, .content#home { margin:0; }
.content h2, .content span { cursor:default; opacity:0; }
.main { height:100%; margin:0 auto; }
.bottom { bottom:81px; font-size:24px; line-height:1em; left:0; position:absolute; width:100%; }
.bottom .col { float:left; text-align:center; width:25%; }
.bottom .col.mid { width:50%; }
.tbl { display:table; height:100%; width:100%; }
.tbl .valign { display:table-cell; padding:13px 0 61px; vertical-align:top; }
#work .tbl .valign { padding:184px 0 100px; }

/*************************************************/
/* HOME */
/*************************************************/
#home {min-height:600px;}
#home .bottom { font-size:18px; line-height:1em; padding-left:26px; width:auto; }
#home h2.green { color:#fff; font-size:49px; margin-bottom:5px; }

/*************************************************/
/* AGENCY */
/*************************************************/
#agency .main { width:870px; }
#philosophy { font-size:34px; line-height:1em; }
#clients { font-size:20px; line-height:30px; text-align:center; }
#agency div.valign {padding-top:184px;}

/*************************************************/
/* people */
/*************************************************/
#people .main { width:755px; }
#people div.valign {padding-top:179px;}
/*#people div.sub p {white-space:nowrap;}*/

/*************************************************/
/* CONTACT */
/*************************************************/
#contact {min-height:600px;}
#contact .main { font-size:35px; width:400px; }
#contact .main span { display:block; }
#contact div.valign {padding-top:184px;}

/*************************************************/
/* WORK */
/*************************************************/
#work {  width:970px; }
#work .main { padding:0 20px 0 80px; }
#work h2.green { color:#fff; font-size:43px; }
#work .main p { color:#cdf2fd; font-size:28px; margin:10px 0 0; }
#work .row { margin-top:30px; }
#work .row span.clear { display:block; }
#work .row a { border:1px solid #fff; display:block; float:left; margin-left:25px; -webkit-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); -moz-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; }
#work .row a:first-child { margin-left:0; }
#work .row a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.50; }
.project { background:url('../img/pattern_v.png') repeat; height:100%; left:0; position:fixed; top:0; width:100%; z-index:500; }
.project .tbl .valign { padding:0; vertical-align:middle; }
.project img, .project iframe { border:1px solid #fff; display:block; margin:0 auto; -webkit-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); -moz-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); }
.project a.close, .project p { color:#fff; display:block; margin:0 auto; text-transform:uppercase; }
.project a.close { font-size:18px; line-height:1em; padding:20px 0; text-align:right; }
.project a.close span { background:url('../img/close.png') no-repeat 0 2px transparent; display:block; float:right; height:18px; line-height:18px; padding-left:23px; }
.project p { cursor:default; font-size:16px; line-height:1.25em; padding:20px 0; }

/*************************************************/
/* HEALTH */
/*************************************************/
#home.health_home div.valign {padding-top:184px;}
#home.health_home .main { width:870px; }
#home.health_home { font-size:34px; line-height:1em; }
/*
#health {  width:970px; }
#health .main { padding:0 20px 0 80px; }
#health h2.green { color:#fff; font-size:43px; }
#health .main p { color:#cdf2fd; font-size:28px; margin:10px 0 0; }
#health .row { margin-top:30px; }
#health .row span.clear { display:block; }
#health .row a { border:1px solid #fff; display:block; float:left; margin-left:25px; -webkit-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); -moz-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; }
#health .row a:first-child { margin-left:0; }
#health .row a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.50; }
.project { background:url('../img/pattern_v.png') repeat; height:100%; left:0; position:fixed; top:0; width:100%; z-index:500; }
.project .tbl .valign { padding:0; vertical-align:middle; }
.project img, .project iframe { border:1px solid #fff; display:block; margin:0 auto; -webkit-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); -moz-box-shadow:4px 2px 13px rgba(0, 0, 0, 0.6); }
.project a.close, .project p { color:#fff; display:block; margin:0 auto; text-transform:uppercase; }
.project a.close { font-size:18px; line-height:1em; padding:20px 0; text-align:right; }
.project a.close span { background:url('../img/close.png') no-repeat 0 2px transparent; display:block; float:right; height:18px; line-height:18px; padding-left:23px; }
.project p { cursor:default; font-size:16px; line-height:1.25em; padding:20px 0; }
*/