/*=================================
Setup
===================================*/

/*-- HTML5 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, 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;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; 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 normalization inspired by YUI Library's fonts.css -- */
select, input, textarea, button { font:99% sans-serif; }

/*-- Normalize monospace sizing: --*/
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*-- Typography --*/
body, select, input, textarea {color: #333; font:16px/24px proxima-nova,sans-serif;}
h1, .gigantic {color:#444444; font: 50px/48px proxima-nova-sc-osf-ext-cond,sans-serif; font-weight: 500; display:block; letter-spacing:-1px;margin-bottom: 24px; text-shadow: 1px 2px 0 #e1e1e1; text-transform:uppercase; }
h2, .huge {color:#444; font: 36px/36px proxima-nova-sc-osf-ext-cond,sans-serif,sans-serif; font-weight: 500; display:block; letter-spacing:-1px;margin-bottom: 10px; text-shadow: 1px 2px 0 #e1e1e1; text-transform:uppercase; }
h3, .large {color:#412c00; font-size:22px; font-weight: 300; line-height: 24px;  margin: 12px 0; }
h4, .bigger {color:#444; font-size:18px; font-weight: 600; line-height: 24px;  margin-bottom: 12px 0; }
.line1 {color:#B4ADA3; font: 48px/48px bistro-script-web,cursive; display:block; letter-spacing:0;margin-left:5px;text-shadow:none;text-transform:none; vertical-align:bottom;}
.line2 { font-size:120px; display:block; letter-spacing:-3px; line-height: 120px;text-shadow: 1px 2px 0 #cecfc8; width:100%;}
.mast {background: transparent url(/media/4233/heading-mast.gif) repeat-x 0 bottom; margin-bottom:14px; padding-bottom:10px;}
.dark {text-shadow: 1px 2px 0 #cecfc8;}
.sectionMast {font-family: proxima-nova-sc-osf-ext-cond,sans-serif; font-size: 22px; line-height:24px; text-align:center; text-transform:uppercase;}

p {margin-bottom: 24px;}
a:hover, a:active { outline: none; }
a:link, a:active, a:visited { color: #f06b00; text-decoration: none; }
a:hover { color: #ef6b00; text-decoration: underline; -webkit-transition: color .25s ease-in; -moz-transition: color .25 ease-in;}
a img {display: block;    /* Stops image links getting text link styles */}
.small, small { font-size: 14px; line-height: 24px;}
time {font-size:13px; line-height: 24px;}
.xl {font-size: 22px; font-weight: 300; line-height: 24px;}
strong, th { font-weight: bold; }
sub, sup { font-size: 11px; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
em {font-style:italic;}
blockquote p {font: 16px/24px Georgia, serif; color:#555; font-style:italic; font-weight:300;  margin-bottom:12px 0; padding:0 20px;}
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; padding: 15px;}
.mast {background: transparent url(/media/4233/heading-mast.gif) repeat-x 0 bottom; margin-bottom:24px; padding-bottom:8px;}
.dark {text-shadow: 1px 2px 0 #cecfc8;}
.rule {border-top: 1px solid #eeebe4; margin-top: 0.5em; padding-top: 0.5em;}/*--*/
.byline {color:#412c00; font-size: 17px;}/*--*/
.tr {text-align:right;}
.tc {text-align: center;}
.nowrap {white-space:nowrap;}
.b {font-weight: 700;}

/* Useful Defaults */
body {height: 100%;}
html { overflow-y: scroll; height: 100%; /*-webkit-font-smoothing: antialiased;*/ }
td { vertical-align: top; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
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; }
::-moz-selection{ background: #ACBDBA; color:#fff; text-shadow: none; }
::selection { background:#ACBDBA; color:#fff; text-shadow: none; }
img::selection     {background: transparent;}
img::-moz-selection  {background: transparent;}
img {max-width:100%;}
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Helper Classes */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }/* Hide only visually, but have it available for screenreaders*/
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.right {display:inline; float:right; margin-left: 3.8%;}
.left {display:inline; float:left; margin-right: 3.8%;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.mb {margin-bottom:0;}
.listnone {list-style: none; margin:0; padding:0;}
.fmtContext {overflow:hidden;}

/*typekit tweaks */
.wf-loading {visibility: hidden;} 

/* transitions */
@-webkit-keyframes appear {  from { opacity: 0; } 25% {opacity:0;} to { opacity: 1; } }
@-webkit-keyframes hide {  0% { opacity: 1; } 100% { opacity: 0; } }
@-moz-keyframes appear {  from { opacity: 0; } 25% {opacity:0;} to { opacity: 1; } }
@-moz-keyframes hide {  0% { opacity: 1; } 100% { opacity: 0; } }
@-webkit-keyframes sailAway {from {right:25%;} to { right:100%;}}
@-moz-keyframes sailAway {from {right:25%;} to { right:100%;}}
@-webkit-keyframes flyAway {from {left:-220px;} to {left:100%;}}
@-moz-keyframes flyAway {from {left:-220px;} to {left:100%;}}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*=================================
Building Blocks
===================================*/

body { background-color: #fff; }
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/}/*Opera Fix for sticky footer*/

/* outers */
#wrap {min-height: 100%;}
/*.ie7 #wrap {display:table; height:100%}*/
.container {background-color: #fff; overflow:auto; }
.shaded {background-color:#f7f6f3; border-bottom: 1px solid #eeecea;} /*for containers that are beige*/
.bottom {padding-bottom: 300px; border-bottom: none;} /* last content block must always have this to accommodate sticky footer*/
#footerContainer {background-color:#242624; clear:both; height: 300px; margin-top: -300px;position:relative;}

/* inners */
.inner {margin: 0 auto; max-width:1140px; padding: 24px 80px 24px 80px;}
header.inner, nav.inner {padding-top: 0; padding-bottom: 0;}

/* columns*/
.row { width: 100%; max-width: 1140px; margin: 0 auto; overflow: hidden; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; }
.onecol {width: 4.85%;}
.twocol {width: 13.45%;}
.threecol {width: 22.05%;}
.fourcol {width: 30.75%;}
.fivecol {width: 39.45%;}
.sixcol {width: 48%;}
.sevencol {width: 56.75%;}
.eightcol {width: 65.4%;}
.ninecol {width: 74.05%;}
.tencol {width: 82.7%;}
.elevencol {width: 91.35%;}
.twelvecol {width: 100%;float: left;}
.last { margin-right: 0px; }

/*useful blocks*/
.borderPush {border-left: 3px solid #F7F6F3; padding-left: 7.2%; }

/*=================================
Interactions
===================================*/

/* new orange button */
.borderradius.boxshadow .oButton span { color:#fff; background: #f37f00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; font-size: 18px; font-weight:600; line-height: 24px; padding: 7px 40px 7px 20px ; position: relative; text-shadow: -1px -1px 0 rgba(174,66,0,.6); -webkit-transition: -webkit-box-shadow .4s ease-in-out;-moz-transition: -moz-box-shadow .4s ease-in-out; -o-transition: -o-box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out; vertical-align: middle; }
.borderradius.boxshadow .oButton { display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 4px 0 #d96100, 0 5px 7px rgba(0,0,0,.35); -moz-box-shadow:  0 4px 0 #d96100, 0 5px 7px rgba(0,0,0,.35); box-shadow: 0 4px 0 #d96100, 0 5px 7px rgba(0,0,0,.35);  -webkit-transition: -webkit-box-shadow .4s ease-in-out;-moz-transition: -moz-box-shadow .4s ease-in-out; -o-transition: -o-box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out;}
.borderradius.boxshadow .oButton:active {-webkit-box-shadow: 0 5px 0 #d96100, 0 7px 10px rgba(0,0,0,.3); -moz-box-shadow:  0 5px 0 #d96100, 0 7px 10px rgba(0,0,0,.3); box-shadow: 0 5px 0 #d96100, 0 7px 10px rgba(0,0,0,.3); outline:none;}
.borderradius.boxshadow .oButton:active span { -webkit-transform: translate(0, 3px); -moz-transform: translate(0, 3px); -o-transform: translate(0, 3px); transform: translate(0, 3px); } 
.cssgradients .oButton span:after {background: -webkit-gradient(radial, 45% 60%, 9, 45% 60%, 10, from(#ffc200), to(#f37f00)) #f37f00;background: -moz-radial-gradient(45% 60%, circle, #ffc200 9px, #f37f00 10px); content:'\00bb';  margin-left: 5px; line-height: 20px; padding:3px 4px 1px; position: absolute; text-shadow: -1px -1px 0 rgba(202,154,0,.6); top: 6px;width: 20px;}/* yellow circle */
.no-cssgradients .oButton span:after { content:'\00bb'; margin-left:10px; }
.no-borderradius.no-boxshadow .oButton {background: transparent url(/media/1004306/obutton-ie.png) no-repeat right top; color:#fff; cursor:pointer; display:inline-block; font-size:18px;line-height: 34px; padding: 0 48px 0 0;}
.no-borderradius.no-boxshadow .oButton span {display:block; background: transparent url(/media/1004306/obutton-ie.png) no-repeat left top; height: 34px; padding: 0 0 13px 20px;}
.no-borderradius.no-boxshadow .oButton:hover {text-decoration:none;}
.no-borderradius.no-boxshadow .oButton:active, .no-borderradius.no-boxshadow .oButton.active {background-position: right -49px;}
.no-borderradius.no-boxshadow .oButton:active span, .no-borderradius.no-boxshadow .oButton.active span {background-position: left -49px; padding:4px 0 9px 20px;}

/* beige button */
a.mButton, a.mButton:visited {background-color:#EEECEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#333; line-height:33px; padding: 6px 15px; }
a.mButton:hover {background-color:#dfdbd1; color:#333; text-decoration:none; -webkit-transition:none; -moz-transition:none;}

/* tag */
.tagList {clear:left; list-style:none; margin:0; overflow: hidden; padding:0;}
.tagList li {display: inline; float: left; margin: 0 5px 6px 0;}

a.serviceTag {background: transparent url(/media/6277/servicetag.png) no-repeat right top; color:#333; cursor:pointer; display: inline-block; line-height: 27px; padding: 0 10px 0 0;}
a.serviceTag span {background: transparent url(/media/6277/servicetag.png) no-repeat left top; display:block; font-size:14px; height: 27px; padding: 0 0 0 10px;}
a.serviceTag:hover {background-position: right -27px; color:#412c00; text-decoration: none; }
a.serviceTag:hover span {background-position: left -27px;}

a.clientTag {background: transparent url(/media/1002485/clienttag.png) no-repeat right top; color:#333; cursor:pointer; display: inline-block; line-height: 27px; padding: 0 10px 0 0;}
a.clientTag span {background: transparent url(/media/1002485/clienttag.png) no-repeat left top; display:block; font-size:14px; height: 27px; padding: 0 0 0 10px;}
a.clientTag:hover {background-position: right -27px; color:#412c00; text-decoration: none; }
a.clientTag:hover span {background-position: left -27px;}

a.postTag {background: transparent url(/media/6184/posttag.png) no-repeat right top; color: #7e735b; cursor:pointer; display: inline-block; font-size: ;  line-height: 28px; padding: 0 10px 0 0;}
a.postTag span {background: transparent url(/media/6184/posttag.png) no-repeat left top; display:block; font-size:14px; height: 28px; padding: 0 0 0 22px;}
a.postTag:hover {background-position: right -28px; color:#f37f00; text-decoration: none; }
a.postTag:hover span {background-position: left -28px;}

/* boxes */
a.boxWhite, a.boxBeige {background-color: #fff; border: 1px solid #b4ada3; box-shadow: 4px 4px 0 #dfdbd1; -moz-box-shadow: 4px 4px 0 #dfdbd1; -webkit-box-shadow:  4px 4px 0 #dfdbd1; color: #333; display:block;margin-bottom: 4px; margin-right:4px; overflow: hidden;position: relative;}
a.boxBeige {background-color: #f2ede4;}
a.boxWhite:hover, a.boxBeige:hover {border: 1px solid #6f6557; box-shadow: 4px 4px #c7bfae; -moz-box-shadow: 4px 4px #c7bfae; -webkit-box-shadow: 4px 4px #c7bfae; text-decoration:none;}

/*=================================
Forms
===================================*/
label {display:block;font-weight:700; width:100%;}
input[type="text"], input[type="email"], textarea {background-color:#F8F8F4;border:1px solid #DFDBD1; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.15);  padding:3px; width:100%;}
fieldset div {margin-bottom: 16px;}
textarea {height: 6em;}
.errorList li {color: #f5482b;}
label.error {color: #f5482b;}
fieldset.formArea div li {list-style:none;}
  
/*=================================
Main Navigation
===================================*/
#navContainer {background:#2a2a2a url(/media/4238/nav-shadow.gif) repeat-x left bottom; overflow:hidden;}
#navContainer ul, #navContainer li { text-align:center; }
#navContainer ul {padding: 10px 0;}
#navContainer li {display:inline;}
#navContainer li a { color: #fff;font-size:18px; line-height: 18px; padding: 9px 2em; text-shadow: 1px 1px 2px #000; }
#navContainer a:hover {color:#F07D00; text-decoration:none; -webkit-transition: color .25s ease-in;}
/*#navContainer li.current a {background: transparent url(/media/3272/nav-bk.gif) repeat 0 -200px; box-shadow: inset 0 0 8px #000; -webkit-box-shadow: inset 0 0 8px #000; -moz-box-shadow: inset 0 0 8px #000; }*/

/*=================================
Site Footer
===================================*/
#footerAddress {background: #151716 url(/media/4243/footeraddress-bk.gif) repeat-x left bottom; border-top: 1px solid #383b3a; border-bottom: 1px solid #2c2e2c;}
#footerAddress address {color: #fff; overflow:hidden; padding: 8px 80px; font-style:normal;}
#footerAddress a, #footerAddress a:visited {color: #fff; font-weight: 600;}
#footerAddress a:hover {color:#F07D00; text-decoration:none;}
#footerAddress .tel { margin-right: 20px;}
#footerAddress .fivecol {text-align:right;}
#siteFooter {color:#e9eae6; position:relative;}
#aboutFluent {background: transparent url(/media/3067/footer-flogo.png) no-repeat 50% 50%; float:none; margin: 0 auto 24px; min-height:123px; text-align:center;}
.layoutFormat {background-color:#151716; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;color: #555; display:none;font-family: proxima-nova-sc-osf-ext-cond,sans-serif; font-size: 20px; line-height: 20px; position:absolute; bottom: 0; padding:10px 0 10px 50px; right: 0; text-transform:uppercase; width: 90px;}
.formatIntro {display:block; font-size: 13px; line-height: 15px;}
#fluid {background:#151716 url(/media/1003796/desktop.png) no-repeat 20px 50%; display:block;}
#contactFluent {display: none; float:none; margin: 0 auto;}
.siteMeta {color: #555; margin-bottom: 0; text-align:center;}

/*-- Single Field Contact Form - Experimental - not currently deployed */
ul#ContactUs, ul#ContactUs li {list-style-type: none; margin-left:0; }
li#contact-form {background-color:#151615;  color:#8a8a8a; margin:0; min-height:60px; position:relative;}
li#contact-form textarea {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:none; color:#fff; font-size:14px; line-height:1.5; margin:9px 0px 0 12px; outline:none; padding:0; width:95%;}
/*li#contact-form:focus, li#contact-form:hover {background-color:#FFFFFF;}*/
li#contact-form label span {left:-999em;position:absolute;}
li#contact-form label.placeholder span {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent none repeat scroll 0 0; color:#99a9b1; font-size: 14px; left:15px; opacity:1; top:9px; z-index:5;}
li#contact-form label.faded span {opacity:0.4;}
li#contact-form label.hidden span {opacity:0;z-index:-1;}
li.send-button {margin-right:8px;}

/*-- Secondary Nav */
#secondary ul, #secondary li { text-align:center;}
#secondary li {border-right:1px solid #151615; display: inline;}
#secondary li a {padding:0 10px;}
#secondary li.secondaryLast {border-right:none;}

/*=================================
Homepage
===================================*/

/*=== Banner ===*/
#homeBannerContainer {background: transparent url(/media/1413/home-bannerbk.gif) repeat-x 0 0;}
#homeBanner {height: 353px; margin: 0 auto; max-width:2400px; overflow:hidden; position: relative; }
/*logo and strap*/
#homeBanner hgroup {position: absolute; left: 50%;  margin-left: -225px; text-align:center; width: 450px; z-index: 99;}
#homeBanner .xl {text-shadow: 1px 1px 0 rgba(255,255,255,.2); font-weight: 500;}
/*#homeBanner p {text-shadow: 1px 1px 0 rgba(255,255,255,.25); }*/
#homeLogo {display:block; height: 92px; margin: 27px auto 10px auto; text-indent: -9999px; width:244px;}
#homeLogo a {background: url(/media/1896/home-logo.png) no-repeat 0 0; display: block; height: 92px; width: 244px; }
#homeLogo a:hover {background-position: 0 -92px;} 
/*picture elements*/
#headland {background: transparent url(/media/4120/headland.png) no-repeat 50% 50%; display: block; position: absolute; height: 110px; margin-left: -4%; left: 65%; top: 173px; width: 731px; z-index: 80;}
#wispl {background: transparent url(/media/4143/wisp12.png) no-repeat left top; display:block; position: absolute; height: 135px; left: 0; top: 82px; width: 374px; z-index: 20;}
#wispr {background: transparent url(/media/4140/wisp45.png) no-repeat right top; display: block; position: absolute; height: 104px; right: 0; top: 82px; width: 446px; z-index: 20;}
#wispc {background: transparent url(/media/4090/wisp3.png) no-repeat 50% 50%; display: block; position: absolute; height: 11px; left:50%; margin-left: -180px; top: 100px; width: 367px; z-index: 15;}
#birds {background: transparent url(/media/3963/birds.png) no-repeat 50% 50%; display: block; position: absolute; height: 64px; left: 57%;top: 60px; width: 422px;z-index: 22; }
/* shadows and sunlight */
#wshadowl {background: transparent url(/media/4060/watershadow2.png) no-repeat top left; display: block; position: absolute; height: 118px; top:260px; right: 3%; margin-right:25%; width: 1862px; z-index: 20;}
#wshadowr {background: transparent url(/media/4050/watershadow1.png) no-repeat top right; display: block; position: absolute; height: 61px; top:320px; right: 0; width: 2812px; z-index: 21;}
#sunlight {background: transparent url(/media/4040/sunlight.png) no-repeat 50% 50%; display: block; position: absolute; height: 156px; top:245px; left: 50%; margin-left: -190px; width: 219px; z-index: 25;}
/* clouds */
#cloud1 {background: transparent url(/media/3974/cloud1.png) no-repeat 0 0; display: block; position: absolute; height: 80px; left: 5%; margin-left:-80px; top: 120px; width:242px; z-index: 30;}
#cloud2 {background: transparent url(/media/3984/cloud2.png) no-repeat 0 0; display: block; position: absolute; height: 64px; right: 69%; top: 129px; width:166px; z-index: 29;}
#cloud3 {background: transparent url(/media/3994/cloud3.png) no-repeat 0 0; display: block; position: absolute; height: 13px; left: 32%; top: 190px; width:40px; z-index: 28;}
#cloud4 {background: transparent url(/media/4004/cloud4.png) no-repeat 0 0; display: block; position: absolute; height: 60px; left: 70%; top: 128px; width:354px; z-index: 30;}
#cloud5 {background: transparent url(/media/4014/cloud5.png) no-repeat 0 0; display: block; position: absolute; height: 35px; margin-left:-1%; left: 96%; top: 100px; width:90px; z-index: 27;}
/* boats */
#boat1 {background: transparent url(/media/4168/boat1.png) no-repeat 0 0; display: block; position:absolute; right: 20%; height: 82px; top: 235px; width:72px;z-index: 98;}
#boat2 {background: transparent url(/media/4173/boat2.png) no-repeat 0 0; display: block; position:absolute; right: 35%; height: 41px; top: 215px; width:27px;z-index: 97;}
.sail {
  -webkit-animation-name: sailAway;
  -webkit-animation-duration: 800s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sailAway;
  -moz-animation-duration: 800s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  
  } /* move the boat! */

#plane1 {background: transparent url(/media/1023049/plane1.png) no-repeat 0 0;cursor:url(/media/1023054/sniper-scope.cur),default; display:block; position:absolute; left:-220px; top:50px; width:219px; height:31px; z-index:100;}
.fly {
  -webkit-animation-name: flyAway;
  -webkit-animation-duration: 60s;
  -webkit-animation-iteration-count: 255;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: flyAway;
  -moz-animation-duration: 60s;
  -moz-animation-iteration-count: 255;
  -moz-animation-timing-function: linear;
  } /* move the plane! */

#whale {background: transparent url(/media/1010496/failwhale.png) no-repeat 0 0; display:block; position:absolute; right:20%; height:74px; top: 250px; width:238px;z-index: 98;}

/* === Work & Services === */
#ourWork .boxWhite {max-width:350px; margin-bottom: 22px;}
#ourWork figure {overflow:hidden;}

/* === Bottom Row == */
#homeTestimonial {float:none; margin-left: auto; margin-right:auto;}
#happyToHelp {margin-bottom:0;}
#fluentTweets ul {list-style: none; margin:0; padding:0;}
#fluentTweets li {margin-bottom:22px;}

/*=================================
Content Pages - General
===================================*/

/*-- Content Page - Header --*/
#bannerContainer {background: #ccd8b8 url(/media/1001524/content-bannerbk.gif) repeat-x 0 0; }
#contentBanner {position:relative; text-align:center; overflow:hidden;}
#contentHeadland {background: transparent url(/media/1001534/content-headland.png) no-repeat 50% 50%; display: block; position: absolute; height: 81px; right: 0%; bottom: 0; width: 467px; z-index: 80;}

/*-- Copyspace - styling --*/
.page .screenshot {border:5px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15);}
.page p .noshadow {box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.page ul {margin-bottom:22px;}
.page figure {margin: 22px 0;}
/* Blockquote */
.testimonial {position:relative; margin-bottom:22px; }
.testimonial cite {display:block; text-align:right;}
.openQuote, .closeQuote {background: transparent url(/media/3070/testimonial-startquot.png) no-repeat 0 0; display:block; height: 36px; position: absolute; width: 42px ;}
.closeQuote {background: transparent url(/media/3073/testimonial-endquot.png) no-repeat 0 0; bottom: 22px; right: 0;}
blockquote.pullQuote {float: right; width:48%; margin-left: 3.8%;}
.emphasisQuote {border-left: 2px solid #ddd; font-style: italic; float:right; font-weight:700; margin-left:3.8%; margin-bottom:20px;padding:20px; width:40%;}
.emphasisQuote cite {color:#888; display:block; font-size:13px; font-style:normal; font-weight:500; margin-top:5px;}
.multiplebgs blockquote.pullQuote {background: url(/media/3070/testimonial-startquot.png) no-repeat 0 0,url(/media/3073/testimonial-endquot.png) no-repeat right bottom; ;}

/*-- Intro Story -- */
.introArticle {float:none; text-align: center; margin:0 auto; width: 65.4%;}

/* -- Storylist -- */
.storyList .mast,.storyList .mast {margin-bottom:0; padding-bottom:11px;}
#blogStories .mast {text-align:center; padding-bottom:22px;}
.storyNav {background: transparent url(/media/4233/heading-mast.gif) repeat-x 0 bottom; padding-bottom:4px;overflow:hidden;}
.storyNav span {display:block; line-height: 33px;  overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:34%; }
.nav-next a:before {content: '\2190'; padding-right: 2px;}
.nav-previous a:after {content: '\2192'; padding-left: 2px;}
.hfeed {display:none; list-style:none; margin:0; padding:0;}
.hfeed {display:block; -webkit-animation-name: appear; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: once; -webkit-animation-timing-function: ease-in; -moz-animation-name: appear; -moz-animation-duration: .5s; -moz-animation-iteration-count: once; -moz-animation-timing-function: ease-in; }
.hentry a article {border-bottom:1px solid #EEECEA; color:#333; overflow:hidden; padding: 11px;}
.hentry a:hover {text-decoration:none;}
.hentry a:hover article {background-color: #F7F6F3; -webkit-transition: background-color .25s ease-in; -moz-transition: background-color .25 eas-in;}
.hentry a h1 {color: #f37f00; font-size: 28px;letter-spacing:0; line-height:28px; margin-bottom: 0;   text-shadow: none;}
.hentry a p {margin-bottom: 0;}
.hentry a time {background-color: #fff; border: 1px solid #b4ada3; box-shadow: 2px 2px 0 #dfdbd1; -moz-box-shadow: 2px 2px 0 #dfdbd1; -webkit-box-shadow:  2px 2px 0 #dfdbd1; display:inline; float:left; font-size:12px; margin-right: 22px; overflow: hidden; text-align:center; text-transform:uppercase; width:70px;}
.hentry a .postDate {color:#B4ADA3; display:block; font: 50px/46px  proxima-nova-sc-osf-ext-cond,sans-serif; letter-spacing:-1px; margin-top:3px; }
.hentry header {overflow:hidden;}

/*=================================
Content Page - Services
===================================*/
.serviceGroup {clear:left; overflow:auto;}
.serviceGroup h3 {color: #f37f00; font: 28px/28px  proxima-nova-sc-osf-ext-cond,sans-serif; letter-spacing:0;  margin-bottom: 16px; text-transform:uppercase;}

/*=================================
Content Page - Clients
===================================*/
#customerList figure { height: 154px; margin-bottom: 34px; overflow: hidden;  text-overflow: ellipsis;}
#customerList a, #customerList a:visited {opacity: .9; padding: 0; margin-bottom: 8px;}
#customerList a:hover {opacity: 1;}

/*=================================
Content Page - About
===================================*/
.centerImageSpace { float:right; height: 240px; padding:5px; width:120px;}
.centerImage {float: left; height: 240px;padding: 5px;margin-left: -120px;width: 240px; }
.page .centerImage img {box-shadow:none; -mox-box-shadow: none; -webkit-box-shadow:none;}

/*=================================
Content Page - Team
===================================*/
#teamList li {list-style:none; overflow:hidden;}
#teamList figcaption {overflow:hidden;}

/*=================================
Content Page - Contact
===================================*/
#contactUs {overflow: hidden;}
#contactUs span {display:inline; float:left;}
#contactUs p.adr {clear:left;}
#contactUs p.adr span {display:block; float:none;}
#contactUs .label {clear:left; display:block; font-weight:600; width: 80px;}
a.vcard {background: transparent url(/media/1005754/vcard.png) no-repeat left 50%; margin-top: 22px; padding-left: 24px;}

/*=================================
Story Page
===================================*/
#storyContent .entry-title {margin:22px 0 0; padding-bottom:44px;text-align:center;}
#storyDateAuthor {font-size:13px; margin-top: -31px; margin-bottom:33px; padding-left:33%; padding-right:33%;}

/*=================================
Sidebar - Story
===================================*/
#storyMeta section, #storyMeta nav{overflow:hidden; margin-bottom:22px;}
#storyCustomer p {margin-bottom:0;}
#storyCustomer a {margin-bottom:11px;}
#similarStories li {padding: 3px 0;}
.recentPosts {margin-bottom:22px;}
.recentPosts li, .archiveMonths li {/*line-height: 18px; padding:0 0 6px;*/  }

/*=================================
 Collapse story navigation when titles are too wide for screen
===================================*/

@media only screen  and (max-width: 1080px) {
  #storyDateAuthor {margin-top: 0; margin:11px 0px 18px; padding:0;}
}

/*=================================
 Tablet Layout - 768px
===================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fly {
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: 255;
    -moz-animation-duration: 30s;
    -moz-animation-iteration-count: 255;
    } /* move the plane! */
  .layoutFormat, #fluid, #mobile {display:none;}
  #tabl {background:#151716 url(/media/1003786/ipad.png) no-repeat 20px 50%;display:block;}  
  
  /*>>> Typography <<<<*/
  body, select, input, textarea { -webkit-text-size-adjust: none;-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */}


  /*>>>> Building Blocks <<<<*/
  .inner {min-width: 0; padding: 30px 60px 30px 60px;}
  #footerAddress .inner {padding-left: 40px; padding-right: 40px;}

  /*>>>> Site Footer <<<<*/
  #footerAddress address {font-size: 13px;}
  #aboutFluent {width: 100%;}

  /*>>>> Homepage <<<<*/
  #wispr {  right: -10%; }

  /*>>>> Content Page <<<<*/
  .backgroundsize #contentHeadland {background-size: 233px 40px ;height: 40px; width: 233px;}
  .no-backgroundsize #contentHeadland {right: -20%;}
  .introArticle {float:none;width:auto;}
  #companyMeta {margin-top:33px;}
}

/*=================================
 Mobile Layout - 320px
===================================*/

@media only screen and (max-width: 479px) {
  
  .fly {
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: 255;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: 255;
  } /* move the plane! */

  /* Temporary tweaks for displaying current format */
  .layoutFormat {display:none;}
  #mobile {background:#151716 url(/media/1003781/iphone.png) no-repeat 20px 50%;display:block;}  
  
  body, select, input, textarea { -webkit-text-size-adjust: none;-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */}

  /*>>>> Useful Defaults <<<<*/
  .xl {font-size: 18px;}

  /*>>>> Typography <<<<*/
  body {font-size: 15px;}
  .line1 {font-size: 36px; line-height:44px; }
  .line2 {font-size: 86px; line-height:66px;}

  
  /*>>>> Building Blocks <<<<*/
  .inner {min-width: 0; padding-left: 20px; padding-right: 20px;}
  nav.inner, #footerAddress .inner {padding-left: 10px; padding-right: 10px;}
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { width: auto;  float: none; }
  #siteFooter.inner {padding-top: 10px; padding-bottom: 10px;}
  .borderPush {border-left: 0 none; border-top: 3px solid #F7F6F3; padding-left:0; padding-top: 22px;}

  /*outers*/
  .bottom {padding-bottom: 500px;}
  #footerContainer {height: 500px; margin-top: -500px;}

  /*>>>> Main Navigation <<<<*/
  #navContainer ul {padding: 6px 0;}
  #navContainer li a { font-size:15px; line-height: 18px; padding: 7px 6px; }

  /*>>>>> Site Footer <<<<*/
  #footerAddress address { font-size: 12px;overflow: hidden;}
  #footerAddress .email {float:left;}
  #aboutFluent, #secondary ul, .siteMeta {font-size: 12px;}
  #secondary {margin-top: 22px;}
  

  /*>>>> Homepage <<<<*/
  
  /*logo and strap*/
  #homeBanner hgroup {position: absolute; left: 50%;  margin-left: -225px; text-align:center; width: 450px; z-index: 99;}
  #homeBanner p {font-size: 18px;}
  #homeLogo {display:block; height: 92px; margin: 27px auto 10px auto; text-indent: -9999px; width:244px;}
  /*picture elements*/
  .backgroundsize #headland {background-size: 365px 55px; height: 55px; left: 42%; top: 210px; width: 365px;}
  .backgroundsize #wispl { background-size: 187px 67px; height: 67px; left: -30px; top: 52px; width: 187px;}
  .no-backgroundsize #wispl {display:none;}
  .backgroundsize #wispr { background-size: 223px 52px; height: 52px; right: -30%; top: 52px; width: 223px; }
  .no-backgroundsize #wispr {display:none;}
  .backgroundsize #wispc { background-size: 183px 5px; height: 5px;  margin-left: -90px; top: 100px; width: 183px;}
  .backgroundsize #birds {background-size: 211px 32px; height: 32px; left: 57%;top: 100px; width: 211px;}
  /* shadows and sunlight */
  .backgroundsize #wshadowl { background-size: 931px 59px; height: 59px; top:260px; right: 3%; margin-right:25%; width: 931px;}
  .backgroundsize #wshadowr { background-size: 1406px 30px; height: 30px; top:330px; width: 1406px;}
  /* clouds */
  .backgroundsize #cloud1 {background-size: 120px 40px; height: 40px; width: 120px; left: 5%; margin-left:-80px; top: 160px;}
  .no-backgroundsize #cloud1 {display:none;}
  .backgroundsize #cloud2 {background-size:  83px 32px; height: 32px; right: 67%; top: 160px; width:83px;}
  .no-backgroundsize #cloud2 {right:70%;}
  .backgroundsize #cloud3 {display:none;}
  .backgroundsize #cloud4 {background-size: 177px 30px; height: 30px; left: 70%; top: 158px; width:177px;}
  .backgroundsize #cloud5 {display: none;}
  /* boats */
  .backgroundsize #boat1 { right: 10%;}
  .backgroundsize #boat2 {display:none;}
  #whale {right:-20%;}

  /*Our Work*/
  #ourWork figcaption {clear:left; display: block;}
  /*bottom row*/
  #newsHeadlines {margin-top:22px;}

  /*>>>> Content Pages <<<<*/
  #contentHeadland {display:none;}
  .introArticle {float:none; width:auto;}
  /* storyList */
  .hentry header {margin-bottom:11px;}
  .hentry .entry-content {clear:left;}

  /*>>>> Clients <<<<*/
  #companyMeta {margin-top:33px;}
  #customerList figure {clear:left; height: auto;margin-right:0; width:100%; }
  #customerList a {display:inline-block; }
  #customerList figcaption {clear:left; text-align:left;}
  
  /*>>>> About <<<<*/
  .centerImageSpace { display:none;}
  .centerImage {display:none;}

  /*>>>> Story Page <<<<*/
  #storyContent .entry-title {margin-top: 11px; padding-bottom: 22px;}
  blockquote.pullQuote {float: none; width:auto;}
  .page .right {float:none;}
}

/*=================================
 Mobile Wide Layout - 480px
===================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

  .fly {
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: 255;
  -moz-animation-duration: 20s;
  -moz-animation-iteration-count: 255;
  } /* move the plane! */

  .layoutFormat, #fluid, #mobile, #tabl {display:none;}
  #mobileWide {background:#151716 url(/media/1003791/iphone_landscape.png) no-repeat 20px 50%;display:block;}  

  body, select, input, textarea { -webkit-text-size-adjust: none;-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */}

  /*>>>> Typography <<<<*/
  .line1 {font-size: 36px; line-height:44px; }
  .line2 {font-size: 86px; line-height:66px;}
  .xl {font-size: 22px; line-height:30px}

  /*>>>> Building Blocks <<<<*/
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { width: auto;  float: none; }
  .inner {min-width: 0; padding-left: 22px; padding-right: 22px;}
  nav.inner, #footerAddress .inner  {padding-left: 10px; padding-right: 10px;}
  /*outers*/
  .bottom {padding-bottom: 330px;}
  #footerContainer {height: 330px; margin-top: -330px;}
  .borderPush {border-left: 0 none; border-top: 3px solid #F7F6F3; padding-left:0; padding-top: 22px;}

  /*>>>> Main Navigation <<<<*/
  #navContainer li a {  padding: 7px 12px;}

  /*>>>>> Site Footer <<<<*/

  #footerAddress .email { float:left;}
  #footerAddress .tel {margin-top: 22px;}
  #aboutFluent, #secondary ul, .siteMeta {font-size: 14px;}

  /*>>>> Homepage <<<<*/
  
  /*logo and strap*/
  #homeBanner hgroup {position: absolute; left: 50%;  margin-left: -225px; text-align:center; width: 450px; z-index: 99;}
  #homeBanner p {font-size: 22px;}
  #homeLogo {display:block; height: 92px; margin: 27px auto 10px auto; text-indent: -9999px; width:244px;}
  /*picture elements*/
  .backgroundsize #headland {/*left: 72%;*/ left: 46%; }
  .backgroundsize #wispl { background-size: 187px 67px; height: 67px; left: -30px; top: 52px; width: 187px;}
  .backgroundsize #wispr { background-size: 223px 52px; height: 52px;  right: -10%; top: 60px; width: 223px; }
  .backgroundsize #wispc { background-size: 183px 5px; height: 5px;  margin-left: -90px; top: 100px; width: 183px;}
  .backgroundsize #birds {background-size: 211px 32px; height: 32px; left: 57%;top: 100px; width: 211px;}
  /* shadows and sunlight */
  .backgroundsize #wshadowl { background-size: 931px 59px; height: 59px; top:260px; right: 3%; margin-right:25%; width: 931px;}
  .backgroundsize #wshadowr { background-size: 1406px 30px; height: 30px; top:330px; width: 1406px;}
  /* clouds */
  .backgroundsize #cloud1 {left: -15%; margin-left:-80px;}
  .no-backgroundsize #cloud1 {left:-18%;}
  .backgroundsize #cloud2 { right: 77%; margin-right: -40px; }
  .backgroundsize #cloud3 {display:none;}
  .backgroundsize #cloud4 { left: 70%; }
  .backgroundsize #cloud5 {display: none;}
  /* boats */
  .backgroundsize #boat1 { right: 10%;}
  .backgroundsize #boat2 {display:none;}

  /* Our Work */
  #ourWork figure {clear:left; margin-right: 0; width: 100%;}
  #ourWork figure a { display:inline;float:left; margin-right: 3.7%; width:46%;}
  #ourWork figcaption {display: inline; float: left; width: 48%; }
  #newsHeadlines {margin-top:22px;}

  /*>>>> Content Pages <<<<*/
  .backgroundsize #contentHeadland {background-size: 233px 40px ;height: 40px; width: 233px;}
  .no-backgroundsize #contentHeadland {left: 70%;}
  .introArticle {float:none; overflow:hidden; width: auto;}
  .companyMeta {margin-top:33px;}
  /* storyList */
  .hentry header {margin-bottom:11px;}
  .hentry .entry-content {clear:left;}

  /*>>>> Clients <<<<*/
  #customerList figure {clear:left;height:auto; margin-right:0; width:100%; }
  #customerList a {display: inline; float: left; margin-right: 3.7%;}
  #customerList figcaption {}

  /*>>>> About <<<<*/
  .centerImageSpace { display:none;}
  .centerImage {display:none;}

  /*>>>> Team <<<<*/
  #teamList li {margin-bottom:22px;}
  #teamList img {float:left; margin-right:3.8%; width:48%;}

}


/*=================================
 2x DPI (iPhone 4) modifications
===================================*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
  
  .backgroundsize #homeLogo a {background: url(/media/1000216/home-logo.png) no-repeat 0 0;background-size: 244px 184px;}

}




/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

























































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */