/*  screen.css*//*  --------------------------------------------------------------------------- *  ELEMENTS: GENERAL ATTRIBUTES *  ---------------------------------------------------------------------------*/body {    margin: auto 0;}body {    font-family: "lucida grande", "lucida sans", "lucida sans unicode", sans-serif;    font-size: 12px;    line-height: 25px;    color: #000000;}ol, ul {    list-style: none;}	a:active,a:hover,a:visited,a:link {    color: #777;}a:hover {    color: #000000;}fieldset,.unit_text p {    margin: 0;    padding: 0;}fieldset {    border: 0;}/*  --------------------------------------------------------------------------- *  CLASSES: GENERAL *  ---------------------------------------------------------------------------*//*@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=703a0317-6e45-4a69-84cf-100ea30a696b");*/@font-face{    font-family:"Trade Gothic W01 Bold 2";    src:url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?iefix") format("eot");}@font-face{    font-family:"Trade Gothic W01 Bold 2";    src:url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?iefix");    src:url("../fonts/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype");    /*    url("../fonts/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"),    url("../fonts/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg");    */}@font-face{    font-family:"Trade Gothic W01 Roman";    src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?iefix") format("eot");}@font-face{    font-family:"Trade Gothic W01 Roman";    src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?iefix");    src:url("../fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype");    /*    url("../fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"),        url("../fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg");    */}/*  --------------------------------------------------------------------------- *  CLASSES: GENERAL *  ---------------------------------------------------------------------------*/.line {    border-top: 1px solid #CCC;}.shadow {    -moz-box-shadow: -0px 0px 10px rgba(100,100,100,1);    -webkit-box-shadow: 0px 0px 10px rgba(100,100,100,1);    box-shadow: 0px 0px 10px rgba(100,100,100,1);}.error {    color: #990000;}.border_0 {    border: solid 1px transparent;}.border_1 {    border: solid 1px #E6E6E6;}.ie_shadow {    display: none;}.color_00 {    color: #000000;}.color_01 {    color: #CCCCCC;}.color_02 {    color: #FFFFFF;}.color_04 {    color: #FFFFFF;    background-color: #000000;}.color_03 {    color: #777;}a:active.region,a:hover.region,a:visited.region,a:link.region {    text-decoration: none;}.color_01 a:active,.color_01 a:visited,.color_01 a:link {    color: #CCCCCC;}.color_01 a:hover {    color: #000000;}.color_04 a:active,.color_04 a:visited,.color_04 a:link {    color: #FFFFFF;}.color_04 a:hover {    color: #FFFFFF;    text-decoration: underline;}a:active .button_00 .color_02,a:hover .button_00 .color_02,a:visited .button_00 .color_02,a:link .button_00 .color_02 {    text-decoration: none;    color: #FFFFFF;}.font_00 {    font-family: "lucida grande", "lucida sans", "lucida sans unicode", sans-serif;}.font_01 {    font-family: "Trade Gothic W01 Bold 2", "lucida grande", "lucida sans", "lucida sans unicode", sans-serif;    -webkit-font-smoothing: antialiased;}.font_02 {    font-family: "Trade Gothic W01 Roman", "lucida grande", "lucida sans", "lucida sans unicode", sans-serif;    -webkit-font-smoothing: antialiased;}.size_00 {    font-size: 12px;    line-height: 25px;}.size_01 {    font-size: 15px;    line-height: 17px;}.size_02 {    font-size: 9px;    line-height: 9px;}.size_03 {    font-size: 28px;    line-height: 28px;}.size_04 {    font-size: 60px;    line-height: 60px;}.size_05 {    font-size: 20px;    line-height: 22px;}.size_06 {    font-size: 24px;    line-height: 38px;}.size_07 {    font-size: 36px;    line-height: 49px;}.size_08 {    font-size: 20px;    line-height: 24px;}	.size_09 {    font-size: 30px;    line-height: 45px;}	.size_10 {    font-size: 21px;    line-height: 33px;}	.size_11 {    font-size: 10px;    line-height: 125%;}.spacing_00 {    margin: 30px 0 0 0;}.spacing_01 {    margin: 37px 0 0 0;}.spacing_02 {    padding: 5px 0 0 0;}.spacing_03 {    margin: 70px 0 0 0;}.spacing_04 {    margin: 70px 0 0 0;}.spacing_05 {    margin: 20px 0 0 0;}.unit_text p.spacing_06,.spacing_06 {    margin: 8px 0 0 0;}.unit_text p.spacing_07,.spacing_07 {    margin: 12px 0 0 0;}.unit_text p.spacing_08,.spacing_08 {    margin: 24px 0 0 0;}.unit_text p.spacing_09,.spacing_09 {    margin: -3px 0 0 0;}.unit_text p.spacing_10,.spacing_10 {    margin: -7px 0 0 0;}.spacing_10i {    margin-bottom: -7px;}.unit_text p.spacing_11,.spacing_11 {    margin: 10px 0 0 0;}.unit_text p.spacing_12,.spacing_12 {    margin: 16px 0 0 0;}.spacing_13 {    margin: 60px 0 0 0;}.spacing_14 {    margin: 1em 0 20px 0;}	.unit_text p.spacing_15,.spacing_15 {    margin: -10px 0 0 0;}.spacing_15i {    margin-bottom: -10px;}.spacing_16 { margin-bottom: 56px !important; }.spacing_17 { margin-top: 3px; }.unit_text p.spacing_18,.spacing_18 {    margin: 12px 0 0 0;}.unit_text p.spacing_19,.spacing_19 {    margin: 10px 0 0 0;}.spacing_20 {    margin: 55px 0 0 0;}.spacing_25 {    line-height: 20px;}.unit_text p.spacing_21,.spacing_21 {    margin: 20px 0 0 0;}.uppercase {    text-transform: uppercase;}	/*  --------------------------------------------------------------------------- *  COMPONENT STYLING *  ---------------------------------------------------------------------------*//* arrows - no images version */.button_00 span {    display: inline-block;}.button_00.right {    margin: 0 0 0 20px;}.button_00 span span {    display: block;    float: left;}.button_00 span .middle {    height: 22px;    line-height: 22px;    vertical-align: middle;    padding: 0 7px 0 10px;}.left .button_00 span .middle {    padding: 0 10px 0 7px; }.button_00 span .point_r {    width: 0 !important;     height: 0 !important;     border-top: 11px solid transparent;    border-bottom: 11px solid transparent;    border-left: 11px solid transparent;}.button_00 span .point_l {    width: 0 !important;     height: 0 !important;     border-top: 11px solid transparent;    border-bottom: 11px solid transparent;    border-right: 11px solid transparent;}.button_00 span .cap {    width: 0;     height: 22px;}.pr_on {    border-left-color: #cccccc !important;}.pr_off {    border-left-color: black !important;}.m_on {    background: #cccccc;    border-color: #cccccc !important;}.m_off {    background: black;    border-color: black;}.c_on {    background: #cccccc;}.c_off {    background: black;}.pl_on {    border-right-color: #cccccc !important;}.pl_off {    border-right-color: black !important;}/* arrows - images version.button_00 span {    display: inline-block;}.button_00.right {    margin: 0 0 0 20px;}.button_00 span span {    display: block;    float: left;}.button_00 span .middle {    height: 22px;    line-height: 22px;    vertical-align: middle;    position: relative;    right: 1px;    padding: 0 10px;}.button_00 span .point_l,.button_00 span .point_r {    width: 13px;    height: 22px;}.button_00 span .point_r {    position: relative;    right: 2px;}.button_00 span .cap {    width: 0;    height: 22px;}.pr_on {    background: url(../images/0044x0044-sprite.png) no-repeat scroll -4px 0px;}.pr_off {    background: url(../images/0044x0044-sprite.png) no-repeat scroll -4px -22px;}.m_on {    background: #cccccc;}.m_off {    background: black;}.c_on {    background: #cccccc;}.c_off {    background: black;}.pl_on {    background: url(../images/0044x0044-sprite.png) no-repeat scroll -27px 0px;}.pl_off {    background: url(../images/0044x0044-sprite.png) no-repeat scroll -27px -22px;}*//*  ---------------------------------------------------------------------------*/.block_01 {    max-width: 900px;}.about,.portfolio,.services,.reverse.plain,.location,.contact,.case_studies {    margin: 40px auto 0 auto;}.reverse.plain {    margin: 80px auto 0 auto;}.block_01.footer {    margin: 80px auto 0 auto;    padding: 0 0 100px 0;}.news,.portfolio_detail,.news_detail {    margin: 69px auto 0 auto;}.services .service_items .unit {    width: 200px;    margin: 0 12px 70px 12px;    float: left;}.reverse.plain .unit {    padding: 39px 55px 54px 55px;}/*  ---------------------------------------------------------------------------*/.news>.unit>.unit_img_outer,.news_detail>.unit>.unit_img_outer,.portfolio_detail>.unit>.unit_img_outer {    margin-left: -9px;}.news, .about, .portfolio, .case_studies, .services, .main>.unit, .contact, .reverse, .news_detail>div, .portfolio_detail>div {    box-sizing: border-box;    padding: 0 26px;}#main.news .contact, #main.news .reverse {    /*padding: 0;*/}.news_detail .thumbs .unit_wrap .unit {    width: 50%;    box-sizing: border-box;    padding: 0 30px 0 0;    margin: 0;}.news_detail .thumbs .unit_wrap .unit.left {    padding: 0 15px 0 0;}.news_detail .thumbs .unit_wrap .unit.right {    padding: 0 0 0 15px;}.about.block_01 .spacing_04 .unit_img_outer>img {    width: 100%;}.about .spacing_08>div.float_left, .about .spacing_08>div.float_right {    width: 50%;    box-sizing: border-box;}.about .spacing_08>div.float_left {    padding-right: 15px;}.about .spacing_08>div.float_right {    padding-left: 15px;}.about.block_01 .spacing_08 .unit_img_outer>img {    width: 100%;}.portfolio .thumbs .unit.first_row {    margin-right: 4%;}.portfolio .thumbs .unit {    width: 22%;}.news .thumbs .unit,.case_studies .thumbs .unit {    width: 30%;    /*width: 282px;*/    /*margin: 80px 27px 0 0;*/    margin: 80px 5% 0 0;}.unit_img_inner>img {    width: 100%;    height: 100%;}.news .thumbs .unit.first_row,.case_studies .thumbs .unit.first_row {    margin: 0px 5% 0 0;}.news .thumbs .unit.last_col,.case_studies .thumbs .unit.last_col {    margin: 80px 0 0 0;}.news .thumbs .unit.first_row.last_col,.case_studies .thumbs .unit.first_row.last_col {    margin: 0;}.case_studies.description {    height:auto;    text-align:left;    width: 715px;    margin: 80px 0 0 0;}.services .service_items .unit {    width: 22%;    margin: 0 4% 70px 0;}.no-margin-right {    margin-right: 0 !important;}/*  ---------------------------------------------------------------------------*/.portfolio .thumbs .unit {    /*width: 202px;*/    margin: 80px 30px 0 0;}.portfolio .thumbs .unit.first_row {    margin: 0px 4% 0 0;}.portfolio .thumbs .unit.last_col {    margin: 80px 0 0 0;}.portfolio .thumbs .unit.first_row.last_col {    margin: 0;}/*  ---------------------------------------------------------------------------*/.news_detail .unit .unit_text.float_right .unit_link.font_01.size_01 a {    text-decoration: none;}.news_detail .thumbs .unit_wrap {    margin: 80px 0 0 0;}.news_detail .thumbs .unit_wrap.first_row {    margin: 80px 0 0 0;}.news_detail .thumbs .unit_wrap .unit {    /*width: 435px;*/    /*margin: 0 30px 0 0;*/}.news_detail .thumbs .unit_wrap .unit.second_row {    /*width: 435px;*/    /*margin: 80px 30px 0 0;*/}.news_detail .thumbs .unit_wrap .unit.right {    margin: 0;}.news_detail .thumbs .unit_wrap .unit.right.second_row {    margin: 80px 0 0 0;}/*  ---------------------------------------------------------------------------*/.portfolio_detail .unit .unit_text.float_right .unit_link.font_01.size_01 a {    text-decoration: none;}.portfolio_detail .thumbs .unit {    /*width: 435px;*/    /*margin: 80px 30px 0 0;*/}.portfolio_detail .thumbs .unit.large  {    max-width: 900px;    margin: 80px 0 0 0;}	.portfolio_detail .thumbs .unit.first_row {    margin: 30px 30px 0 0;}.portfolio_detail .thumbs .unit.right {    margin: 80px 0 0 0;}.portfolio_detail .thumbs .unit.first_row.right {    margin: 30px 0 0 0;}.portfolio_detail .thumbs .unit {    width: 50%;    box-sizing: border-box;    padding: 0 30px 0 0;    margin: 80px 0 0 0;}.portfolio_detail .thumbs .unit_wrap .unit.left {    padding: 0 15px 0 0;}.portfolio_detail .thumbs .unit_wrap .unit.right {    padding: 0 0 0 15px;}.portfolio_detail .thumbs .unit.large {    width: 100%;    padding: 0 !important;}/*  ---------------------------------------------------------------------------*/.nav .right {    line-height: 22px;    vertical-align: middle;}.location div div .social_0 a {    margin: 0 10px 0 0 ;}.location .unit.text_right .unit_link a {    text-decoration: none;}/* (non-api buttons)..nav .right .social_1 {    width: 40px;    }.nav .right .social_1 a {    float: right;    margin: 4px 0 0 5px;    font-size: 0;    line-height: 0;    }.nav .right .share {    float: right;    padding: 7px 5px 0 0;    }*/.nav .right .social_1 {    width: 125px;}.nav .right .social_1 div {    font-size: 0;    line-height: 0;    float: right;}.nav .right .social_1 .pn {    margin: 0 0 0 5px;float: left;}.nav .right .social_1 .fb {    margin: 0 0 0 5px;width:80px;}.nav .right .social_1 .tw {    margin: 2px 0 0 5px;}/* facebook summary text */td.connect_text_wrapper {    display: none;}/*  ---------------------------------------------------------------------------*//* (non-api buttons).reverse.twtr .unit .unit_img_outer .unit_img_inner {    padding:  20px 20px 0 0;    }.reverse.twtr .unit .unit_img_outer .unit_img_inner a {    margin: 0 0 0 5px;    }*/.reverse.twtr .unit .social_1 {    padding: 18px 19px 0 0;}.reverse.twtr .unit .social_1 div {    display: inline-block;    margin: 0 0 0 5px;    font-size: 0;    line-height: 0;    vertical-align: middle;}.reverse.twtr .unit .unit_text .unit_title {    margin: -1px 0 -15px 40px;}.twtr-hd,.twtr-ft,.twtr-tweet,.twtr-tweet-text p em,.twtr-tweet-text p .twtr-user {    display: none;}#tweet-id-1 {    display: block;    font-family: "Trade Gothic W01 Roman", "lucida grande", "lucida sans", "lucida sans unicode", sans-serif;    font-size: 27px;    line-height: 25px;}.twtr-timeline {    margin: 12px 31px 0 31px;}/*  ---------------------------------------------------------------------------*/.unit_form {    width: 282px;}input[type=text] {    /*width: 259px;*/    width: 100%;    height: 23px;    margin: 0 34px 20px 0;    padding: 0 10px;    font-size: 12px;    line-height: 25px;    box-sizing: border-box;}textarea {    /*width: 259px;*/    width: 100%;    height: 141px;    padding: 6px 10px 0 10px;    font-size: 12px;    line-height: 16px;    box-sizing: border-box;}input#contact_submit {    width: 60px;    height: 22px;}#contact_msg {    font-size: 12px;    line-height: 16px;     width: 200px;    height: auto;    text-align: left;}.t_off {    color: #777;    border: 1px solid #CCCCCC;}.t_on {    color: #000000 !important;    border: 1px solid #000000 !important;}.s_on {    background: url(../images/0060x0022-submit-off.png) no-repeat scroll 0px 0px;}.s_off {    background: url(../images/0060x0022-submit-on.png) no-repeat scroll 0px 0px;}form .missing {    border: #cc0000 solid 1px !important;}form#emailus input#captcha {    border: 1px solid #CCCCCC;    color: #777777;}form#emailus #form_captcha {    display: none;}form#emailus #form_captcha label {    bottom: 12px;}form#emailus #contact_url {    display: none;}/*  ---------------------------------------------------------------------------*/.social_0 a {    display: inline-block;    width: 20px;    height: 20px;}a.fb_0 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll 0px 0px;}a:hover.fb_0 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll -25px 0px;}a.tw_0 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll 0px -25px;}a:hover.tw_0 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll -25px -25px;}/* (non-api buttons).social_1 a {    display: inline-block;    width: 15px;    height: 15px;    }a.fb_1 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll -50px 0px;    }a:hover.fb_1 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll -65px 0px;    }a.tw_1 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll -50px -25px;    }a:hover.tw_1 {    background: url(../images/0080x0050-sprite.png) no-repeat scroll -65px -25px;    }*//*2012-06-11*/#main {    width: 1100px !important;    margin: 0 auto;    padding:0;    min-height: 100%;     height: 100%;     position: relative;}.navigation ul {    line-height: 01.00em;    margin: 14px 0 0 0;    font:9px "Lucida Sans";}.navigation ul li {    display: inline;    float:left;    text-align:right;}.navigation ul li a {    margin: 0 0 0 15px;    float:left;    height: 100%;    font-family: "lucida grande","lucida sans","lucida sans unicode",sans-serif;}.navigation a:active,.navigation a:hover,.navigation a:visited,.navigation a:link {    text-decoration: none;    color: #999;}.navigation a:hover {    color: #000;}.logo {    margin:20px 0 0 10px;    letter-spacing:5px;}.wrap {    position:relative;}	.social {    position:absolute;    top:-40px;    right:0;}.social img{    margin: 0 0 0 2px}	.introText {    width:620px;    height:auto;    margin:40px 0 0 0;}.introText p {    font-size:60px;    text-align:left;    line-height: 1.3em;    margin:0;}#backTop {    position: fixed;    bottom: 0px;    margin-left: 918px;    z-index: 111;    background-color: #000000;    color: #FFF;    padding: 6px 11px;    font: normal 9px "Arial";    text-transform:uppercase;    display: block;}#backTop a {     color: #FFF !important;     text-decoration: none; }#backTop:hover {      background-color: #CCCCCC;}#arrows {    height:50px;    width:50px;    position: fixed;    /*left:0;*/    bottom: 50%;    z-index: 111;    margin: 0 0 0 1030px;    padding: 0;    display: block;}#arrow_up {    height:38px;    width:50px;    margin: 0 0 40px 0;}#arrow_down {    height:38px;    width:50px;    margin: 0 0 40px 0;}#contact_form {    width:30%;    /*width:282px;*/    /*margin:0 27px 0 0;*/    margin:0 5% 0 0;    float:left;}#contact_map {    height:auto;    width:30%;    /*width:282px;*/    /*margin:0 27px 0 0;*/    margin:0 5% 0 0;    float:left;}#contact_map img {    width: 100%;}#contact_address {    width:30%;    /*width:279px;*/    margin:0;    float:left;    height:auto;}#contact_address .social_0 a {    margin: 0 7px 0 0 ;}#contact_address .unit_link a {    text-decoration: none;}#contact_form input[type="text"], #contact_form textarea {    margin-bottom: 0px;} #contact_form label {    text-transform: uppercase;    font-size: 9px;    position: relative;    bottom: 3px;    line-height: 0 !important;}#contact_form label span {    color: #990000;    display: none;}#contact_form label em {    padding-right: 10px;    font-style: normal;}.message {    /*width:259px;*/    width: 100%;}#contact_map img {    width: 100%;}.fb {    float: left;    width: 80px;margin:0 10px 0 0;    height: 21px}.twitter_feed {    padding:50px 10px 40px;}html body.text_center div#main div.reverse div.unit div.unit_text div#twtr-widget-1.twtr-widget div.twtr-doc div.twtr-bd div.twtr-timeline div.twtr-tweets div#tweet-id-1.twtr-tweet div.twtr-tweet-wrap div.twtr-tweet-text p{    font-size: 30px !important;    line-height: 45px !important;}html body.text_center div#main div.reverse div.unit div.unit_text #twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline{    height: auto !important;}/* End */a#top { position: absolute; top: 0px; }.logo a { text-decoration: none; color: #000000; }.portfolio .thumbs .unit.first_row.other { margin-top: 20px; }.otherNotableSites { margin-top: 0px !important; padding-top: 62px; }.contact_address .size_08 { line-height: 22px; }.unit_title {margin-top: 2px}#contact_info {line-height: 21px}#contact_info_link {line-height: 21px}.pn {    width: 80px;float: left;    margin:0 10px 0 0;    height: 21px}.tw { width: 80px; float: left;    margin:0 10px 0 0;    height: 21px}.anchor_spacer {padding-top: 40px}.tm{    font-size: 10px;    top: -2.2em;    margin-left: -4px;}.no-margin-left{    margin-left: 0px !important;}/*--- email support */#info {	margin-left: 55px;}a.pdf_link {	background: url(../images/icon-pdf.gif) no-repeat scroll left center;	padding-left: 20px;	white-space: nowrap;}.guides {	float:left;	width:120px;}.icon {	float:left;	margin-right:10px;}table {	border-collapse:collapse;}td {	line-height: inherit;}.email_clients { width: 900px;}.server_config_header td {	border-bottom:1px solid #CCCCCC;}.alternate_row {	background-color:#F7F7F7;}.small {	color: #999;	font-size: 10px;}div.service_items div.unit a {    color: black;    text-decoration: none;}div.service_items div.unit a div.unit_img_outer {    outline: none;}div.service_items div.unit a img {     }.addthis_toolbox {    margin-top: 20px;}/*end --- email support */.navigation-responsive {    display: none;}#backTop .content-responsive {    display: none;}.clear_both{    clear: both;}.portfolio_image{    width: 100%;}div#at4-share {    display: none !important;}/* ADA compilance */.siteIndex li {    list-style: disc;}.siteIndex li a {    color: #000;    text-decoration: none;}.siteIndex ul {    padding-left: 40px;    width: 200px;}body #skipToContent {    position: absolute;    top: -1000px;    left: -1000px;    width: 0;    height: 0;    overflow: hidden;    padding: 3px;    margin: 3px;    z-index: 10001;    color: #000 !important;    text-decoration: none;}body #skipToContent:focus {    left: 0;    top: 0;    width: auto;    height: auto;    outline: 2px solid #000 !important;}a:focus, :focus, .bx-wrapper .bx-controls-direction a:focus {    color: #000 !important;    outline: 2px solid #000;    display: inline-block;}.section-dark a:focus {    color: #fff !important;    outline: 2px solid #fff;}.remove_outline, #contentWrapper, a.bx-prev:active, a.bx-next:active {    outline: 2px solid transparent !important;}#menu_bar a:focus {    color: #fff !important;    outline: 2px solid #000;}#menu_bar a.remove_outline {    outline: 2px solid transparent !important;}#menu_bar li.li-social-media a {    display: block !important;}#menu_bar li div.sub_on a {    display: block !important;}