/* ========================================================================== */
/* ==================HTML5 display definitions=============================== */
/* ========================================================================== */
/* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}
/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {display: none; height: 0;}
/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] {display: none;}
/* ==================Base==================================================== */
/* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/* Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0;}
/* ==================Links=================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus {outline: thin dotted;}
/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {outline: 0;}
/* ==================Typography============================================== */
/* Addresses font sizes and margins set differently in IE 6/7. Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
/* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] {border-bottom: 1px dotted;}
/* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
/* Addresses styling not present in Safari 5 and Chrome. */
dfn {font-style: italic;}
/* Addresses styling not present in IE 6/7/8/9. */
mark {background: yellow; color: black;}
/* Addresses margins set differently in IE 6/7. */
p, pre {margin: 1em 0;}
/* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
/* Improves readability of pre-formatted text in all browsers. */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
/* Addresses CSS quotes not supported in IE 6/7. */
q {quotes: none;}
/* Addresses `quotes` property not supported in Safari 4. */
q:before, q:after {content: ''; content: none;}
/* Addresses inconsistent and variable font size in all browsers. */
small {font-size: 80%;}
/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* ==================Lists=================================================== */
/* Addresses margins set differently in IE 6/7. */
dl, menu, ol, ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/* Addresses paddings set differently in IE 6/7. */
menu, ol, ul {padding: 0 0 0 16px;}
/* Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol {list-style: none; list-style-image: none;}
/* ==================Embedded content======================================== */
/* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7. */
img {border: 0; -ms-interpolation-mode: bicubic;}
/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) {overflow: hidden;}
/* ==================Figures================================================= */
/* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure {margin: 0;}
/* ==================Forms=================================================== */
/* Corrects margin displayed oddly in IE 6/7. */
form {margin: 0;}
/* Define consistent border, margin, and padding. */
fieldset {border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
/* Corrects color not being inherited in IE 6/7/8/9. Corrects text not wrapping in Firefox 3. 3. Corrects alignment displayed oddly in IE 6/7. */
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
/* Corrects font size not being inherited in all browsers. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. Improves appearance and consistency in all browsers. */
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
/* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input {line-height: normal;}
/* Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * Corrects inability to style clickable `input` types in iOS.
 * Improves usability and consistency of cursor style between image-type `input` and others.
 * Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}
/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] {cursor: default;}
/* Addresses box sizing set to content-box in IE 8/9. Removes excess padding in IE 8/9. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
/* Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;}
/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
/* Removes default vertical scrollbar in IE 6/7/8/9. Improves readability and alignment in all browsers. */
textarea {overflow: auto; vertical-align: top;}
.formvalid{font-size: 1.2em;color:#00cccc;margin-left:-25px;line-height:2.1;}
.forminvalid {font-size: 1.2em;color:#ff5f64;margin-left:-25px;line-height:2.1;}
/* Removes border radius on Chrome select box in form */
select {-webkit-appearance: none;-webkit-border-radius: 0px;}

/* ========================================================================== */
/* ==================GLOBAL SETTINGS========================================= */
/* ========================================================================== */
body {font-family: 'Open Sans', sans-serif;}
a {outline: 0!important; color: unset;}
.pw {margin: 0 auto; width: 940px; padding: 40px 0;} /* Page Width */
.fw, .headSpacer, .stdTable {width: 100%;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
li {padding-bottom: 5px;}
/* ==================Common Layout Settings================================== */
.fw,
.LEFT {float: left;}
.headerIntro,
.RIGHT {float: right;}
.headSpacer,
.BLOCK {display: block;}
.col20, .col30, .col70, .col60, .col80, .col50, .headerBlurb, .zendCertificate a, .blockLeft, .blockRight,
.INLINE_BLOCK {display: inline-block;}
.stdTableCell, .cellSpacer, .headerIntro,
.TABLE_CELL {display: table-cell;}
.stdTable,
.TABLE {display: table;}
.header,
.FIXED {position: fixed;}
.ABSOLUTE {position: absolute;}
.TEXT_CENTER {text-align: center;}
.stdPara, .strapline,
.TEXT_JUSTIFY {text-align: justify;}
.TEXT_RIGHT {text-align: right;}
.TEXT_LEFT {text-align: left;}
.col20, .col30, .col70, .col80, .col50, .stdTableCell, .blockLeft,
.VERTICAL_TOP {vertical-align: top;}
.VERTICAL_MIDDLE {vertical-align: middle;}
.headerBlurb, .headerIntro,
.VERTICAL_BOTTOM {vertical-align: text-bottom;}
.VERTICAL_SUB {vertical-align: sub;}
/* ==================Transform Settings====================================== */
.POINTER {cursor: pointer;}
.zendCertificate a,
.NO_DECORATION {text-decoration: none;}
.UPPERCASE {text-transform: uppercase;}
.NO_TRANSFORM {text-transform: none;}
.UNDERLINE {text-decoration: underline;}
.garlyk,
.BOLD {font-weight: bold;}
.BOLDER {font-weight: bolder;}
.headerIntro,
.ITALIC {font-style: italic;}
/* ==================Font Sizes============================================== */
p {line-height: 1.5;}
h1, .headerIntro,
.TEXT_44 {font-size: 2.75rem;line-height:1;} /* Equivalent to 44px */
h2, .garlyk,
.TEXT_30 {font-size: 1.875rem;} /* Equivalent to 30px */
.garlykText,
.TEXT_24 {font-size: 1.5rem;} /* Equivalent to 24px */
.strapline,
.TEXT_17 {font-size: 1.063rem;} /* Equivalent to 17px */
h5, p,
.TEXT_14 {font-size: 0.875rem;} /* Equivalent to 14px */
.TEXT_12 {font-size: 0.75rem;} /* Equivalent to 12px */
/* ==================Text Colors============================================= */
.strapline,
.WHITE_TEXT {color: #FFFFFF;}
body,
.DARK_GREY_TEXT {color: #666;}
/* ==================Background Colors======================================= */
.RESET_BG {background: none;}
.BLACK_BG {background-color: #000000;}
.BLUE_BG {background-color: #1C4C7D;}
.LIGHT_GREY_BG {background-color: #EEE;}
.zendCertificate a,
.WHITE_BG {background-color: #FFFFFF;}
.GREEN_BG {background-color: #CED252;}
/* ==================Element Spacing========================================= */
.header {z-index: 10; opacity: 0.95;}
.headSpacer {height: 135px;}
.logo img {width: 50px; height: 50px;}
.headerBlurb {line-height: 26px; margin: 0 0 0 10px;}
.headerIntro {padding-top: 8px;}
.cell50 {width: 47%;}
.stdImg, .zendCertificate a {border: 5px solid white; border-radius: 5px;}
.contactTrigger img {height: 56px;}
.technologyTrigger img {height: 150px;}
.portfolioTrigger .stdImg {height: 187px}
.zendCertificate a {height: 187px; padding: 0 10px;}
.zendCertificate img {height: 68px; width: 73px; padding: 10px 0;}
.blockLeft.address {width: 140px;}
.blockLeft.contact {width: 160px;}
.col70 {width: 68%;}
.garlyk {font-family: "Helvetica Neue Heavy","Helvetica 85 Heavy",Helvetica,Arial,"Lucida Grande",sans-serif;}
/* ========================================================================== */
/* ==================MEDIA QUERIES=========================================== */
/* ========================================================================== */
@media only screen and (max-width: 1050px) {
	.pw {float: left; width: 96%; margin: 0 2%;}
}
@media only screen and (max-width: 800px) {
	.col70 {width: 98%;}
	.portfolioTrigger .stdTableCell {display: block; width: 98%;}
	.portfolioTrigger .stdImg {height: unset; width: 280px;}
	.portfolioTrigger .cellSpacer {display: none;}
	.portfolioTrigger .stdTableCell img {margin-bottom: 5px;}
	.zendCertificate a {height: unset; width: 260px;}
	.zendCertificate {margin-bottom: 10px;}
}
@media only screen and (max-width: 740px) {
	.technologyTrigger .stdTableCell {display: block; width: 98%;}
	.technologyTrigger .cellSpacer {display: none;}
	.technologyTrigger .stdTableCell img {margin-bottom: 5px;}
	.technologyTrigger img {height: unset; width: 280px;}
}
@media only screen and (max-width: 700px) {
	.stdTableCell {display: block; width: 98%;}
	.blockLeft.address {width: 160px;}
	.cellSpacer {display: none;}
	h1 {font-size: 1.875rem;}
	.stdTableCell img {margin-bottom: 5px;}
}
@media only screen and (max-width: 640px) {
	.headerIntro {font-size: 1.875rem; padding-top: 21px;}
}
@media only screen and (max-width: 520px) {
	.garlykText {display: block; font-size: 0.875rem;}
	.garlyk, .headerIntro {font-size: 1.5rem;}
	.headerIntro {padding-top: 26px;}
}
@media only screen and (max-width: 380px) {
	.blockLeft.address {width: 100px;}
}