/** @file Navigation Styling */
/* Markup generated by theme_menu_tree(). */
ul li.expanded { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); list-style-type: circle; }

ul li.collapsed { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ list-style-type: disc; }

ul li.leaf { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC'); list-style-type: square; }

/* The active item in a Drupal menu */
li a.active { color: #000; }

/* Navigation bar */
#navigation .block { margin-bottom: 0; }
#navigation .block-menu .block-title, #navigation .block-menu-block .block-title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
#navigation ul.links, #navigation ul.menu { /* Menu block links */ margin: 0; padding: 0; text-align: left; /* LTR */ }
#navigation ul.links li, #navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */ float: left; /* LTR */ padding: 0 10px 0 0; /* LTR */ list-style-type: none; list-style-image: none; }

/* Main menu and Secondary menu links */
#secondary-menu { float: right; /* LTR */ }

.block-menu-block .menu-name-main-menu.menu-level-1 ul.menu, .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu { list-style: none; margin: 0; padding: 0; }
.block-menu-block .menu-name-main-menu.menu-level-1 ul.menu li, .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu li { font-family: "PT Sans Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; line-height: 22px; font-weight: normal; list-style: none; margin: 0; padding: 0; }

#block-menu-block-1 { /* .block-menu-block .menu-name-main-menu.menu-level-1 ul.menu  */ margin-top: 6px; float: right; }
@media only screen and (max-width: 767px) { #block-menu-block-1 { width: 96%; } }
#block-menu-block-1 ul.menu li { text-transform: uppercase; margin-left: 3px; float: left; }
#block-menu-block-1 ul.menu li a { color: #454545; text-decoration: none; display: inline-block; padding: 3px 22px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 350ms ease-out; -moz-transition: all 350ms ease-out; -o-transition: all 350ms ease-out; transition: all 350ms ease-out; }
@media only screen and (max-width: 880px) { #block-menu-block-1 ul.menu li a { padding: 3px 15px; } }
#block-menu-block-1 ul.menu li a:hover { color: #f7f7f7; background-color: #333; }
#block-menu-block-1 ul.menu li a.active-trail { color: #f7f7f7; background-color: #f7f7f7; }
#block-menu-block-1 ul.menu li:last-child { max-width: 28px; overflow: hidden; }
@media only screen and (max-width: 767px) { #block-menu-block-1 ul.menu li:last-child { max-width: inherit; } }
#block-menu-block-1 ul.menu li:last-child a { padding: 3px 5px; width: 18px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (max-width: 767px) { #block-menu-block-1 ul.menu li:last-child a { display: block; padding: 6px 5%; width: 90%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
#block-menu-block-1 ul.menu li:last-child a.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

#block-menu-block-1 #menu-icon, #block-menu-block-1 li.search-mobile { display: none; }
@media only screen and (max-width: 767px) { #block-menu-block-1 #menu-icon { color: #fff; font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: normal; text-transform: uppercase; background: #222222 url(../images/global/smallmenu-icon.png) no-repeat right 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: block; padding: 5px 43px 5px 19px; cursor: pointer; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; position: absolute; top: 51px; right: 15px; z-index: 2; }
  #block-menu-block-1 #menu-icon.opened { background-position: right -42px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
  #block-menu-block-1 ul.menu { background: transparent url(../images/global/drop-menu-bg.png) repeat 0 0; -webkit-border-radius: 3px 0 3px 3px; -moz-border-radius: 3px 0 3px 3px; -ms-border-radius: 3px 0 3px 3px; -o-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px; display: none; width: 88%; padding-bottom: 8px; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3); position: absolute; top: 83px; right: 15px; z-index: 1; }
  #block-menu-block-1 ul.menu li { margin: 0; padding: 4px 0 2px; float: none; }
  #block-menu-block-1 ul.menu li a { color: #999; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: block; width: 90%; padding: 6px 5%; }
  #block-menu-block-1 ul.menu li a:hover { color: #fff; background-color: #777; }
  #block-menu-block-1 ul.menu li.search-mobile { display: block; padding: 14px 0 8px; }
  #block-menu-block-1 ul.menu li.search-mobile #block-search-form { display: block; width: 92%; margin: 0 0 0 4%; float: none; position: static; overflow: hidden; }
  #block-menu-block-1 ul.menu li.search-mobile #block-search-form input { float: left; }
  #block-menu-block-1 ul.menu li.search-mobile #block-search-form input.form-text { border-color: #555; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3), 0 0 0 transparent; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3), 0 0 0 transparent; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3), 0 0 0 transparent; width: 75%; margin-right: 1%; }
  #block-menu-block-1 ul.menu li.search-mobile #block-search-form input.form-text:focus { border-color: #fff; -webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 transparent; -moz-box-shadow: inset 0 0 0 transparent, 0 0 0 transparent; box-shadow: inset 0 0 0 transparent, 0 0 0 transparent; }
  #block-menu-block-1 ul.menu li.search-mobile #block-search-form input.form-submit { background-color: #555; width: 20%; height: 32px; position: static; }
  #block-menu-block-1 ul.menu li.search-mobile #block-search-form input.form-submit:hover { background-color: #777; }
  #block-menu-block-1 ul.menu.drop-it { display: block; } }
@media only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 767px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 767px) and (min-resolution: 1.3dppx) { #block-menu-block-1 #menu-icon { /* on retina, use image that's scaled by 2 */ background-image: url("../images/global/smallmenu-icon@2x.png"); background-size: 31px 70px; } }
@media only screen and (max-width: 767px) and (max-width: 479px) { #block-menu-block-1 ul.menu li.search-mobile #block-search-form input.form-text { width: 73%; } }
@media only screen and (max-width: 479px) { #block-menu-block-1 #menu-icon { top: 103px; }
  #block-menu-block-1 ul.menu { top: 135px; } }
#block-menu-block-1 .section-about #block-menu-block-1 #menu-icon:hover { background-color: #7e9048; }
#block-menu-block-1 .section-about.page-node-3 #block-menu-block-1 #menu-icon:hover { background-color: #546030; }
#block-menu-block-1 .section-blog #block-menu-block-1 #menu-icon:hover { background-color: #9a2e2e; }
#block-menu-block-1 .section-blog.node-type-page #block-menu-block-1 #menu-icon:hover { background-color: #661e1e; }
#block-menu-block-1 .section-contact #block-menu-block-1 #menu-icon:hover { background-color: #445479; }
#block-menu-block-1 .section-news #block-menu-block-1 #menu-icon:hover { background-color: #9a2e2e; }
#block-menu-block-1 .section-news.page-news #block-menu-block-1 #menu-icon:hover { background-color: #661e1e; }
#block-menu-block-1 .section-services #block-menu-block-1 #menu-icon:hover { background-color: #3e80a2; }
#block-menu-block-1 .section-services.page-node-2 #block-menu-block-1 #menu-icon:hover { background-color: #29556c; }
#block-menu-block-1 .section-work #block-menu-block-1 #menu-icon:hover, #block-menu-block-1 .front #block-menu-block-1 #menu-icon:hover { background-color: #a7a7a0; }
#block-menu-block-1 aside.sidebars { position: relative; z-index: 1; }

.section-search #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail { background-color: #333; }

.section-about #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-about #slidein-header ul.menu li a { color: #7e9048; }
.section-about #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-about #slidein-header ul.menu li a:hover { color: white; background-color: #a0b26a; }
.section-about #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-about #slidein-header ul.menu li a.active-trail { color: white; background-color: #7e9048; }

.section-blog #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-blog #slidein-header ul.menu li a, .section-comment #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-comment #slidein-header ul.menu li a, .section-category #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-category #slidein-header ul.menu li a { color: #9a2e2e; }
@media only screen and (max-width: 767px) { .section-blog #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-blog #slidein-header ul.menu li a, .section-comment #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-comment #slidein-header ul.menu li a, .section-category #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-category #slidein-header ul.menu li a { color: #fff; } }
.section-blog #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-blog #slidein-header ul.menu li a:hover, .section-comment #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-comment #slidein-header ul.menu li a:hover, .section-category #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-category #slidein-header ul.menu li a:hover { color: white; background-color: #bc5050; }
.section-blog #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-blog #slidein-header ul.menu li a.active-trail, .section-comment #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-comment #slidein-header ul.menu li a.active-trail, .section-category #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-category #slidein-header ul.menu li a.active-trail { color: white; background-color: #9a2e2e; }

.section-contact #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-contact #slidein-header ul.menu li a { color: #445479; }
@media only screen and (max-width: 767px) { .section-contact #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-contact #slidein-header ul.menu li a { color: #fff; } }
.section-contact #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-contact #slidein-header ul.menu li a:hover { color: white; background-color: #66769b; }
.section-contact #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-contact #slidein-header ul.menu li a.active-trail { color: white; background-color: #445479; }

.section-services #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-services #slidein-header ul.menu li a { color: #3e80a2; }
@media only screen and (max-width: 767px) { .section-services #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-services #slidein-header ul.menu li a { color: #fff; } }
.section-services #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-services #slidein-header ul.menu li a:hover { color: white; background-color: #60a2c4; }
.section-services #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-services #slidein-header ul.menu li a.active-trail { color: white; background-color: #3e80a2; }

.section-news #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-news #slidein-header ul.menu li a { color: #9a2e2e; }
@media only screen and (max-width: 767px) { .section-news #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-news #slidein-header ul.menu li a { color: #fff; } }
.section-news #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-news #slidein-header ul.menu li a:hover { color: white; background-color: #bc5050; }
.section-news #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-news #slidein-header ul.menu li a.active-trail { color: white; background-color: #9a2e2e; }

.section-work #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-work #slidein-header ul.menu li a { color: #7a7a76; }
@media only screen and (max-width: 767px) { .section-work #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a, .section-work #slidein-header ul.menu li a { color: #fff; } }
.section-work #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a:hover, .section-work #slidein-header ul.menu li a:hover { color: #7a7a76; background-color: #dadad3; }
.section-work #block-menu-block-1 .menu-block-1.menu-level-1 ul.menu li a.active-trail, .section-work #slidein-header ul.menu li a.active-trail { color: white; background-color: #999993; }

.block-menu-block .menu-name-main-menu.menu-level-2 ul.menu { margin: 0; padding: 0; }
.block-menu-block .menu-name-main-menu.menu-level-2 ul.menu a { color: #656565; text-decoration: none; border-bottom: 1px solid #e5e5e5; display: block; padding: 8px 0; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; }
.block-menu-block .menu-name-main-menu.menu-level-2 ul.menu a:hover { color: #333 !important; }
.block-menu-block .menu-name-main-menu.menu-level-2 ul.menu li.expanded, .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu li.collapsed, .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu li.leaf { padding: 0; list-style-type: none; list-style-image: none; }
.block-menu-block .menu-name-main-menu.menu-level-2 ul.menu li li { line-height: 18px; }
.block-menu-block .menu-name-main-menu.menu-level-2 ul.menu li li a { font-size: 16px; padding: 6px 0 6px 10px; }
.block-menu-block .menu-name-main-menu.menu-level-2 ul.menu li li a:hover { color: #333; }

.section-about .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu a { color: #7e9048; }

.section-blog .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu a { color: #9a2e2e; }

.section-contact .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu a { color: #445479; }

.section-services .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu a { color: #3e80a2; }

.section-news .block-menu-block .menu-name-main-menu.menu-level-2 ul.menu a { color: #9a2e2e; }

.menu-name-main-menu.menu-level-2 ul.menu li a:after { color: #333; font-size: 14px; display: block; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-301 a:after { content: "Managing Partner"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-1452 a:after { content: "Partner / Developer"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-1453 a:after { content: "Partner / Designer"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-1454 a:after { content: "Partner / Finance"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-1459 a:after { content: "Lead Developer"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-2268 a:after { content: "Developer"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-2938 a:after { content: "Developer"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-2801 a:after { content: "Account Manager"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-1460 a:after { content: "Account Manager"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-2939 a:after { content: "Development Strategist"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-2591 a:after { content: "Project Manager"; }
.menu-name-main-menu.menu-level-2 ul.menu li.menu-mlid-2937 a:after { content: "Design Intern"; }

@media only screen and (max-width: 767px) { .region-sidebar-first #block-menu-block-7, .region-sidebar-first #block-menu-block-8 { margin: -24px 0 24px; padding: 0 10px; }
  .region-sidebar-first #block-menu-block-7 ul.menu, .region-sidebar-first #block-menu-block-8 ul.menu { border: 1px solid #e9e9e9; border-bottom: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
  .region-sidebar-first #block-menu-block-7 ul.menu li, .region-sidebar-first #block-menu-block-8 ul.menu li { padding: 0; float: none; }
  .region-sidebar-first #block-menu-block-7 ul.menu li a, .region-sidebar-first #block-menu-block-8 ul.menu li a { font-size: 17px; display: block; border-bottom-color: #e9e9e9; width: 90%; padding: 7px 5%; }
  .region-sidebar-first #block-menu-block-7 ul.menu li a:hover, .region-sidebar-first #block-menu-block-8 ul.menu li a:hover { color: #333 !important; }
  .region-sidebar-first #block-menu-block-7 ul.menu ul.menu, .region-sidebar-first #block-menu-block-8 ul.menu ul.menu { border: none; }
  .region-sidebar-first #block-menu-block-7 ul.menu ul.menu a, .region-sidebar-first #block-menu-block-8 ul.menu ul.menu a { width: 87%; padding-left: 8%; }
  .region-sidebar-first .block, .region-sidebar-first ul { margin-bottom: 0; } }

@media only screen and (max-width: 767px) { .page-node-31 .region-sidebar-first #block-menu-block-7 ul.menu ul.menu { display: none; } }

#slidein-header { background-color: rgba(245, 245, 245, 0.95); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(254, 254, 254, 0.9); padding-top: 0; width: 100%; min-height: 76px; position: fixed; top: -200px; left: 0; z-index: 998; -webkit-transition: padding 0.5s ease-out; -moz-transition: padding 0.5s ease-out; -o-transition: padding 0.5s ease-out; transition: padding 0.5s ease-out; }
@media only screen and (max-width: 767px) { #slidein-header { padding-top: 0 !important; } }
#slidein-header #slidein-inner { margin-left: auto; margin-right: auto; padding: 6px 15px 0; max-width: 992px; min-width: 252px; }
#slidein-header.scrolled { padding-top: 200px; -webkit-transition: padding 0.8s ease-out; -moz-transition: padding 0.8s ease-out; -o-transition: padding 0.8s ease-out; transition: padding 0.8s ease-out; }
#slidein-header a.logo { background: transparent url(../images/global/logo-horizontal-sm.png) no-repeat 0 0; width: 180px; height: 66px; float: left; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #slidein-header a.logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/global/logo-horizontal-sm@2x.png"); background-size: 180px 66px; } }
#slidein-header ul.menu { margin: 0; padding: 0; padding-top: 22px; float: right; }
#slidein-header ul.menu li { font-family: "PT Sans Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; line-height: 22px; font-weight: normal; text-transform: uppercase; list-style-type: none; list-style-image: none; margin: 0; padding: 0; float: left; }
#slidein-header ul.menu li a { color: #454545; text-decoration: none; margin-left: 3px; padding: 3px 22px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width: 880px) { #slidein-header ul.menu li a { padding: 3px 15px; } }
#slidein-header ul.menu li a:hover { color: #f7f7f7; background-color: #333; }
#slidein-header ul.menu li a.active-trail { color: #f7f7f7; background-color: #454545; }

body.admin-menu #slidein-header.scrolled { padding-top: 230px; }