/* GLOBAL ELEMENT STYLES */
html { overflow: -moz-scrollbars-vertical; }
html, body { height: 100%; }
body { margin:0; background-color:#FFFFFF; }
div, form { margin:0; padding:0; }
img { border:0; }
table { border:0; border-collapse:collapse; }
p { margin:0; }
.clearing { height:0; clear:both }
* { outline:none; }
.print-only { display:none; }
/* TEXT STYLES */
div, td, th, p, input, blockquote,
textarea, select, a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; /*line-height:18px;*/ color:#666666; }
/*
h1 + div#content { margin-top:25px; }
p + p { margin-top:13px; }
p + blockquote { margin-top:19px; }
p + h2 { margin-top:35px; }
h2 + p { margin-top:12px; }
h3 + p { margin-top:12px; }
p.intro + h3 { margin-top:30px; }*/
h1 { font-family:Arial, Helvetica, sans-serif; visibility:hidden; font-weight:normal; font-size:48px; margin:0 0 0 0; line-height:48px; color:#333333; text-align: left; }
h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:18px; color:#2B2B2B; letter-spacing:0px; margin:0; padding:0; }
h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#2b2b2b; margin:0; padding:0; }
h4 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; line-height:26px; color:#333333; margin:0; padding:0; }
a { color:#f15d22; text-decoration:none; }
a.blue { color: #009fc2; text-decoration:none; }
a:hover { text-decoration:underline; }
a.button { display:block; float:left; padding:9px 35px 9px 25px; font-size:16px; color:#ffffff; background:#009fc2 url(../images/icon-buttonarrow.png) no-repeat right center; }
/*a.back { display:block; padding:0 0 0 10px; width:100px; background:url(../images/icon-back.gif) no-repeat 0 6px; }*/
span.highlight { color: #ffffff; }
/*span.note { color:#666666; }
span.credit { color:#999999; line-height:14px; }*/
div.error { padding:6px 0 7px 36px; margin:17px 0 26px 0; color:#ffffff; font-weight:bold; background:#dc501e url(../images/redesign-icon-error.gif) no-repeat 7px 6px; }
div.success { padding:6px 0 7px 11px; margin:17px 0 26px 0; background-color:#d9edf0; }
span.error { color:#dc501e; }
.green { color:#999900; }
.gray { color:#999999; }
.orange { color:#dc501e; }
.blue { color:#009fc2; }
.black { color:#333333; }
.dark-grey { color: #2b2b2b; }
.inline { display:inline; }
.no-margin { margin: 0 !important }
.hidden { display: none; }
blockquote,
blockquote p { margin:0; padding:0; color:#585858; font-size:18px; line-height:22px; margin-bottom:13px; }
ul { margin:0 0 10px 0; padding:0; list-style-type:none; }
ul li { padding:0 0 0 12px; margin-bottom: 10px; }
/*
ul.plain { margin:0; padding:0; list-style-type:none; }
ul.plain li { line-height:15px; padding:0 0 3px 0; background-image:none; }
ul.link-list-lg { margin:0 0 10px 0; padding:0; list-style-type:none; }
ul.link-list-lg li { padding:0 0 3px 24px; margin-bottom:7px; background:url(../images/icon-link-lg.gif) no-repeat 0 0; }
ul.link-list-lg li a { color:#dc501e; font-size:15px; text-decoration:none; }
*/
.content-wrapper ul li{ padding-left: 15px; background: transparent url('../images/redesign-sprite.gif') no-repeat -481px -448px; font-size:14px; }
.content-wrapper ul li ul { margin-top: 4px; }
.content-wrapper ul li ul li/*, .project-copy ul > ul li*/ { background-position: -491px -428px; margin-bottom: 3px; }
.project-copy ul > ul li { margin: -5px 0 10px 25px; }
.project-copy ul > ul { margin-bottom:5px; }
/* GLOBAL ELEMENTS */
.icon { background: transparent url('../images/redesign-sprite.gif') no-repeat 0 0; width: 20px; height: 20px; display: block; }
.twitter-icon { background-position: 0 -20px; }
.linkedin-icon { background-position: -21px 0; }
.facebook-icon { background-position: 0px -507px; }
.rss-icon { background-position: -21px -20px; }
.image-link { background: transparent url('../images/redesign-sprite.gif') no-repeat 0 0; display: block; }
span.left-arrow { background: transparent url('../images/redesign-sprite.gif') no-repeat -89px -20px; width: 7px; height: 10px; display: block; float: left; margin: 2px 10px 0 0; }
span.right-arrow { background: transparent url('../images/redesign-sprite.gif') no-repeat -96px -20px; width: 7px; height: 10px; display: block; float: right; margin: 2px 0 0 10px; /position: absolute; }
span.left-arrow-disabled { background-position: -103px -20px; }
span.right-arrow-disabled { background-position: -110px -20px; }
blockquote { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 18px; font-style: italic; background: transparent url('../images/redesign-sprite.gif') no-repeat -451px -475px; padding: 11px 0 0 40px; }
.content p { line-height: 21px; font-size: 14px; margin-bottom: 25px; }
div.page-description p { font-size: 24px; color: #a3a510; line-height: 32px; }
.action-links { margin-bottom: 40px; }
.action-links, .action-links a { color: #6b6b6b; font-size: 10px; }
.action-links .prev-next { float: right; /width: 256px; }
.action-links .prev-next div { margin-bottom: 0; line-height: 14px; font-size: 10px; color: #bababa; display: inline; }
.action-links .prev-next .divider { padding: 0 15px; }
.all-projects { text-transform: uppercase; }
/* SIFR */
.sifr { visibility:hidden; }
.sIFR-flash { visibility:visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none; }
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; }
/* GLOBAL LAYOUT
z-index
logo - 25
LB BG - 20
header - 15
footer - 10
content - 5
gorilla/subnav - 1
*/
div#main { position:relative; text-align:left; }
div.wrapper { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -279px; }
.push { height: 420px; }
div.homepage { margin-bottom: -629px; }
.Home-push { height: 770px; }
.learn-more { display: none; cursor: pointer; }
.learn-more .backdrop { position: absolute; bottom: 0; /bottom: 3px; left: 0; opacity: .25; filter: alpha(opacity=25); -ms-filter: "alpha(opacity=25)"; -khtml-opacity: .25; -moz-opacity: .25; background-color: #FFFFFF; width: 220px; height: 42px; }
.learn-more .arrow { position: absolute; bottom: 8px; /bottom: 11px; left: 0; background: transparent url('../images/redesign-sprite.gif') no-repeat 0 -100px; width: 195px; height: 23px; }
/* HEADER */
div#logo { width:940px; margin-left:auto; margin-right:auto; position:relative; z-index:25; }
div#logo img { position:absolute; right:0; }
div#header { width:940px; height:93px; position:relative; z-index:15; margin: 0 auto; }
div#header div#nav { position: absolute; right: 190px; top: 24px; }
div#header div#nav div.navitem { float:left; position:relative; margin-right: 20px; }
div#header div#nav div.last { margin-right: 0; }
div#header div#nav div.navitem a { padding-bottom: 5px; height: 11px; display: block; background: transparent url('../images/redesign-sprite.gif') no-repeat -200px 0; }
div#header div#nav div.navitem a span { display: none; }
div#header div#nav div.navitem a:hover, div#header div#nav div.navitem a.active { border-bottom: solid 2px #009fc2; text-decoration: none; }
div#header div#nav div.navitem-Our-Work a, div#header div#nav div.navitem-Our-Work a.active, div#header div#nav div.navitem-Our-Work a:hover { border-color: #009fc2; width: 74px; background-position: -200px 0; }
div#header div#nav div.navitem-Services a, div#header div#nav div.navitem-Services a.active, div#header div#nav div.navitem-Services a:hover { border-color: #aea400; width: 61px; background-position: -200px -21px; }
div#header div#nav div.navitem-About a, div#header div#nav div.navitem-About a.active, div#header div#nav div.navitem-About a:hover { border-color: #dc501e; width: 47px; background-position: -200px -42px; }
div#header div#nav div.navitem-Our-Work a:hover, .Home div#header div#nav div.navitem a.nav-Our-Work, div#header div#nav div.navitem-Our-Work a.active { background-position: -120px 0; }
div#header div#nav div.navitem-Services a:hover, .Home div#header div#nav div.navitem a.nav-Services, div#header div#nav div.navitem-Services a.active { background-position: -120px -21px; }
div#header div#nav div.navitem-About a:hover, .Home div#header div#nav div.navitem a.nav-About, div#header div#nav div.navitem-About a.active { background-position: -120px -42px; }
div#header div#utility { margin-top: 20px; }
div#header div#utility,
div#header div#utility a { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#808080; text-decoration:none; float: left; }
div#header div#utility a:hover { color:#808080; text-decoration: underline; cursor: pointer; }
div#header div#utility a.blog-link { margin-right: 10px; }
div#header div#utility a.twitter-link { margin-right: 10px; }
div#header div#utility a.linkedin-link { margin-right: 13px; }
div#header div#utility a.facebook-link { margin-right: 13px; }
div#header div#utility a.jobs-link { margin-right: 17px; }
div#header div#utility a.jobs-link, div#header div#utility a.contact-link { margin-top: 3px; }
/* FOOTER */
#footer { position: relative; *position: static; }
#footer h3 { color: #FFFFFF; text-transform: uppercase; text-indent: -9999px; background: transparent url('../images/redesign-sprite.gif') no-repeat 0 0; }
#footer h3 a { display: block; height: 25px; width: 100%; }
.footer-top { background-color: #494949; color: #adacac; padding: 45px 0 50px 0; }
.footer-top p { color: #adacac; margin-bottom: 0; font-size: 12px; line-height: 15px; }
.footer-top h3 { float: left; height: 15px; margin: 0 15px 10px 0; font-size: 18px; }
.footer-top a { color: #009fc2; }
.footer-top a.social-link { font-size: 10px; float: left; background-color: #1d1d1d; color: #ffffff; padding: 1px 7px; }
.footer-top a.social-link:hover { text-decoration: none; }
.footer-top .blocks div.col { float: left; margin-right: 20px; padding: 0; width: 300px; height: 255px; }
.footer-top .blocks div#footer-about { margin-right: 0 !important; }
.footer-top .blocks .block, .footer-top .blocks .image-block { background-color: #1e1e1e; clear: both; border-bottom: solid 1px #585858; }
.footer-top .blocks .block { padding: 20px 10px; height: 188px; overflow: hidden; }
.footer-top .blocks .image-block { position: relative; }
.footer-top .twitter-feed h3 { width: 90px; /*width: 60px;*/ }
.footer-top .twitter-feed .tweet { margin-bottom: 15px; }
.footer-top .twitter-feed .date { color: #FFFFFF; }
.footer-top .blog-feed h3 { width: 55px; }
.footer-top .blog-feed .post { margin-bottom: 15px; }
.footer-top .blog-feed .block a { font-weight: bold; }
.footer-top .blog-feed .title a { font-size: 14px; }
.footer-top .blog-feed .meta { margin: 5px 0; }
.footer-top .blog-feed .author { color: #FFFFFF; }
#footer h3.twitter-header { background-position: 0 -305px; /*background-position: -110px -305px;*/ }
#footer h3.blog-header { background-position: 0 -320px; }
#footer h3.about-gorilla-header { background-position: 0 -335px; width: 150px; }
.footer-top .image-block .learn-more .backdrop { opacity: .25; filter: alpha(opacity=25); -ms-filter: "alpha(opacity=25)"; -khtml-opacity: .25; -moz-opacity: .25; background-color: #FFFFFF; width: 300px; height: 42px; }
.footer-top .image-block .learn-more .arrow { background: transparent url('../images/redesign-sprite.gif') no-repeat -240px -100px; width: 188px; height: 23px; }
.footer-bottom { background-color: #2b2b2b; color: #b5b5b5; }
.footer-bottom h3 { width: 100px; height: 13px; font-size: 16px; margin-bottom: 16px; }
.footer-bottom p, .footer-bottom address, .footer-bottom a { color: #b5b5b5; font-style: normal; }
.footer-bottom .content { position: relative; padding-bottom: 40px; }
.footer-bottom .blocks { padding: 0 0 0 0; }
.footer-bottom .blocks li { float: left; margin-top: 40px; padding: 0; }
.footer-bottom .blocks li ul li { float: none; margin-bottom: 6px; margin-top: 0; }
.footer-bottom .blocks li ul li a { font-size: 12px; }
.footer-bottom address, .footer-bottom .new-business { line-height: 20px; }
.footer-bottom .blocks li.new-business { margin: 20px 0 0 41px; float: right; position: relative; padding: 18px 23px; background-color: #1a1a1a; }
.footer-bottom .new-business h3 { width: 130px; }
.footer-bottom .new-business .new-business-arrow { width: 29px; height: 31px; position: absolute; bottom: -31px; left: 140px; background: transparent url('../images/redesign-sprite.gif') no-repeat -50px 0; }
.footer-bottom .blog-icon { background-position: 0 -40px; }
.footer-bottom .twitter-icon { background-position: 0 -60px; }
.footer-bottom .linkedin-icon { background-position: 0 -80px; }
.footer-bottom .facebook-icon { background-position: -20px -507px; }
.footer-bottom .icon { float: left; padding-right: 10px; }
.footer-bottom .social-links a { float: left; line-height: 20px; }
.footer-bottom .social-links a:hover { cursor: pointer; }
.footer-bottom .copyright { color: #6e6c6c; font-size: 12px; width: 620px; float: left; }
.footer-bottom .copyright a { color: #6e6c6c; font-size: 12px; padding-left: 5px; }
.footer-bottom .copyright { clear: both; margin: 10px 0 0 0; }
.footer-bottom .client-login { background: #4b4b4b; border: solid 1px #1e1e1e; border-bottom: none; color: #fefefe; line-height: 35px; padding: 0 17px; position: absolute; bottom: 0; right: 0; width: 177px; text-align: center; }
.footer-bottom .client-login a { font-size: 11px; color: #FFFFFF; letter-spacing: 1.5px; }
.footer-bottom .client-login a:hover { text-decoration: none; }
.footer-bottom .client-login span { width: 6px; height: 10px; display: inline-block; margin-left: 10px; background: transparent url('../images/redesign-sprite.gif') no-repeat -90px 0; }
#footer h3.Our-Work-header { background-position: 0 -351px; }
#footer h3.Services-header { background-position: 0 -366px; }
#footer h3.About-header { background-position: 0 -381px; }
#footer h3.Contact-header { background-position: 0 -395px; }
#footer h3.New-Business-header { background-position: 0 -530px; height: 36px; }
.new-business p { margin-bottom: 0; margin-top: 24px; }
.sifr-link-wrapper a { position: absolute; top: 0; left: 0; width: 80px; height: 15px; }
.dotted-divider { border-bottom: 1px dotted #7f7f7f; padding-top: 15px; margin-bottom: 15px; }
.dotted-divider-nomargin { border-bottom: 1px dotted #7f7f7f; margin-bottom: 15px; }
.wide-footer-col { width: 240px; font-size: 12px !important; }
.thin-footer-col { width: 125px; margin-right: 20px; }
/* BANNERS */
div#banner { text-align: center; }
div.content { margin: 0 auto; width: 940px; }
div.dots { height: 14px; width: 100%; background: #FFFFFF url('../images/redesign-bg-dots.gif') repeat-x 0 0; }
div.bottom-margin { margin-bottom: 30px; }
div#banner { height: 87px; padding-top: 56px; }
div#banner h1 { font-size: 30px; font-weight: lighter; color: #FFFFFF; }
div#banner-image { position: relative; height: 143px; }
div#banner-image h2 { position: absolute; top: 45%; }
div#banner-image img { display: none; }
div#banner-image .header { min-width: 220px; position: absolute; top: 45px; width: 33%; height: 55px; text-align: right; }
div#banner-image .header h1 { font-size: 30px; float: right; margin-top: 15px; color: #FFFFFF; }
div.Our-Work-Banner { background-color: #009fc2; }
div.Our-Work-Banner .header { background-color: #009fc2; }
div.Our-Work-Banner .header h1 { width: 200px;}
div.About-Banner { background-color: #F15D22; }
div.About-Banner .header { background-color: #F15D22; }
div.About-Banner .header h1 { width: 295px;}
/* SUB-NAVIGATION */
#subnav { margin-right: 2px; width: 145px; border-right: solid 1px #e4e4e4; float: left; }
#subnav ul li { list-style-type: none; background: none; }
#subnav ul li a { color: #b5b5b5; font-size: 17px; font-weight: lighter; }
#subnav ul li a div { color: #b5b5b5; font-size: 17px; font-weight: lighter; margin-left: 10px; }
#subnav ul li a:hover { text-decoration: none; }
#subnav ul li a:hover, #subnav ul li a.active, #subnav ul li a:hover div, #subnav ul li a.active div { color: #A3A510; }
#subnav ul li a span { width: 5px; height: 8px; margin-right: 4px; display: block; float: left; margin-top: 6px; }
#subnav ul li a.active span, #subnav ul li a:hover span { background: transparent url('../images/redesign-sprite.gif') no-repeat -100px -35px; }
#subnav ul li ul li { line-height: 30px; }
#subnav ul li ul li a span { visibility: hidden; width: 3px; }
.Services #subnav ul li a:hover span { background-position: -100px -35px; }
.subnav-item-container { width: 110px; }
.subsubnav-item-container { font-size: 14px !important; }
ul.subsubnav li { line-height: 20px !important; }
ul.subsubnav li a.active div { color: #A3A510; font-size: 14px !important; }
/* COMMON CONTENT */
.content .col-copy { float: right; width: 760px; }
.content .col-copy p { color: #585858; }
.page-description { width: 760px; float: right; }
/* HOMEPAGE */
.Home #home-banner { background: #f15d22; padding: 32px 0 35px 0; height: 100%; }
.Home #home-banner h1 { color: #FFFFFF; visibility: visible; text-indent: -9999px; height: 95px; background: transparent url('../images/redesign-sprite-headers.gif') no-repeat 0 0; }
.Home .page-description { width: 740px; float: none; }
.Home .page-description p { color: #f15d22; }
#home div#home-banner h1 { font-size: 112px; color: #FFFFFF; }
#home h2 { font-size: 69px; text-indent: -9999px; color: #8a2801; font-weight: bold; margin: 38px 0 4px 0; line-height: 70px; background: transparent url('../images/redesign-sprite-headers.gif') no-repeat 0 -95px; }
#home #home-banner p span.backdrop { }
#home div.bottom-margin { margin-bottom: 40px; }
#home #home-banner p { background-color: #D5450E; color: #FFD4C5; font-size: 2.015em; line-height: 32px; padding: 16px 16px 20px 24px; text-align: left; }
/* FEATURES-CASE STUDY TEASERS */
.features .actions { display: block; width: 100%; margin-bottom: 25px; }
.features h2 { color: #b5b5b5; font-size: 16px; float: left; width: 110px; text-indent: -9999px; background: transparent url('../images/redesign-sprite.gif') no-repeat 0 -430px; }
.features a { color: #b5b5b5; font-size: 16px; float: left; }
.features .feature-actions { float: right; }
.features .feature-actions a.view-all { background-position: -200px -70px; height: 13px; width: 57px; margin-right: 14px; }
.features .feature-actions a.view-all:hover { background-position: -120px -70px; }
.features .feature-actions a.toggle { width: 11px; height: 11px; background-color: #c9c9c9; display: block; }
.features .feature-actions a.first { margin-right: 2px; }
.features .feature-actions a.active, .features .feature-actions a.toggle:hover { background-color: #626262; }
.featured-works .feature { float: left; margin: 0 20px 20px 0; position: relative; }
.featured-works .last { margin-right: 0; }
.featured-works .feature a.feature-image { position: relative; width: 220px; }
.featured-works .feature a.feature-image:hover { text-decoration: none; padding: 0; margin: 0; }
.featured-works .feature .feature-image img { width: 220px; height: 147px; }
.featured-works .feature p { margin-top: 2px; margin-bottom: 0; clear: both; }
.featured-works .feature p a { color: #898989; font-size: 10px; text-transform: uppercase; }
.featured-works .feature .case-study-flag { position: absolute; cursor: pointer; top: 0; left: 10px; width: 22px; height: 26px; background: transparent url('../images/redesign-case-study-flag.png') no-repeat 0 0; }
/* SELECTED WORK */
.Our-Work div#banner { background-color: #009fc2; }
#selected-work .actions .sifr { font-size: 16px; float: left; }
#selected-work .actions .divider { float: left; padding: 0 8px 0 10px; font-size: 20px; color: #b5b5b5; line-height: 14px; }
#selected-work .actions .featured-link { display: block; float: left; background: transparent url('../images/redesign-sprite.gif') no-repeat -120px -137px; width: 76px; height: 15px; }
#selected-work .actions .cs-link { display: block; float: left; background: transparent url('../images/redesign-sprite.gif') no-repeat -222px -138px; width: 114px; height: 15px; }
#selected-work .actions .featured-link:hover, #selected-work .actions .featured-link-active { background-position: -120px -159px; }
#selected-work .actions .cs-link:hover, #selected-work .actions .cs-link-active { background-position: -222px -160px; }
/* PROJECT DETAIL */
#project-detail div#banner { background-color: #009fc2; }
#project-detail .col-left { float: left; margin-right: 40px; width: 477px; }
#project-detail .col-left .screenshot { position: relative; border: solid 1px #f0f0f0; }
#project-detail .col-left .screenshot img { width: 477px; position: absolute; top: 0; left: 0; display: none; }
#project-detail .col-left .screenshot .ajax-overlay { z-index: 9; background: #ffffff url('/common/images/redesign-ajax-loader.gif') no-repeat center 200px; position: absolute; top: 0; left: 0; width: 477px; height: 100%; opacity: .0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: .0; -moz-opacity: .0; }
#project-detail .col-left .client-logo { margin-top: 40px; text-align: center; }
#project-detail .col-left .quote, #expertise .quote { margin: 38px 70px 0 32px; }
#project-detail .col-left .quote .credits, #expertise .quote .credits { margin-left: 40px; }
#project-detail .col-right { float: right; width: 420px; }
#project-detail .col-right h2 { font-weight: bold; font-size: 48px; margin-top: 25px; margin-bottom: 5px; line-height: 50px; }
#project-detail .col-right .site-link a { color: #009fc2; font-weight: bold; }
#project-detail .col-right .screenshot-thumbs { margin-top: 25px; }
#project-detail .col-right .screenshot-thumbs img { margin-right: 9px; border: solid 1px #F0F0F0; width: 96px; height: 83px; cursor: pointer; }
#project-detail .col-right .screenshot-thumbs img.active { border-color: #009FC2; }
#project-detail .col-right .screenshot-thumbs img.last { margin-right: 0; }
#project-detail .col-right .project-copy h3 { margin: 32px 0 10px 0; }
#project-detail .col-right .project-copy p { font-size: 14px; line-height: 21px; margin-bottom: 25px; }
#project-detail .col-right .project-copy ul { }
/* SERVICES */
.Services div#banner { background-color: #a3a510; }
.Services div.page-description p { color: #a3a510; }
#solutions h2 { color: #000000; margin-bottom: 15px; font-size: 24px; }
#solutions p.highlights { font-size: 12px; }
#solutions .solution { margin-bottom: 30px; }
#solutions .description { float: left; width: 520px; padding-top: 1px; }
#solutions .service-list { float: right; width: 155px; padding-left: 17px; border-left: solid 1px #e4e4e4; }
#solutions .service-list ul li { color: #585858; line-height: 12px; margin-bottom: 8px; background: none; padding-left: 0; font-size: 12px; }
#solutions .service-list h3, #expertise .points h3 { color: #a3a510; font-size: 18px; font-weight: normal; margin-bottom: 15px; }
/* PROCESS */
.content .process p { color:#a3a510; font-size: 24px; line-height: 32px; margin-bottom: 0; letter-spacing: -0.5px; width: 735px; }
.content .process h2 { color: #000000; font-weight: bold; }
.content .process .process-graphic .process-step { float: left; width: 253px; }
.content .process .process-graphic .process-step ul { margin-top: 172px; }
.content .process .process-graphic .process-step ul li { font-style: italic; margin-bottom: 4px; }
.content .process .process-graphic { background: #ffffff url('/common/images/redesign-sprite-process.gif') no-repeat 0 37px; /background-position: 0 105px; }
.content .process .process-graphic .row1 { margin: 70px 0 73px 0; }
/* PARTNERS */
#partners .section h3 { margin-bottom: 15px; }
#partners .section p { width: 530px; float: left; }
#partners .section img { float: right; }
#partners .section { border-bottom: solid 2px #efefef; margin-top: 40px; }
#partners .section p.first { margin-bottom: 0; }
#partners .last { border-bottom: none; }
/* ABOUT */
.About div#banner { background-color: #f15d22; }
.About #subnav { width: 145px; }
.About #subnav ul li a:hover div, .About #subnav ul li a.active div { color: #f15d22 !important; }
.About #subnav ul li a.active span, #subnav ul li a:hover span { background-position: -106px -35px; }
.About div.page-description p { color: #f15d22; }
/* WHO WE ARE */
#clients table { width: 760px; }
#clients table tr.row1 { height: 150px; }
#clients table td { width: 152px; }
#clients h3 { margin-bottom: 10px; }
#clients p { margin-bottom: 50px; }
#clients p a { font-size: 14px; }
#clients .client-list-wrapper { border-top: solid 1px #e4e4e4; margin-top: 60px; padding-top: 40px; }
#clients .client-list-wrapper ul { float: left; width: 253px; }
#clients .client-list-wrapper ul li { background-image: none; padding: 0; font-size: 14px; }
/* NEWS LIST, CAREER LIST */
#news-container .icon { float: left; margin-right: 10px; }
#news-container .rss-link-wrapper { margin: 0 0 10px 0; }
#news-container .rss-link { color: #808080; }
.section .date { float: left; width: 120px; font-size: 14px; color: #f15d22; }
.section .title { float: left; width: 635px ; }
.section .title a, .section a.title { color: #666666; font-size: 14px; }
.section .title a:hover { text-decoration: none; }
.section { border-bottom: solid 1px #d8d8d8; padding: 17px 0; }
.section.last { border-bottom: none; }
#career .section a, #career .section a.title { font-size: 18px; }
.section a.view { float: right; }
#career .section { padding: 17px 0 5px 0; }
.Jobs .page-description a { font-size: 18px; }
.Jobs div.page-description p.instructions { color: #666666; font-size: 18px; }
#career h3 { background: #FFFFFF url('/common/images/redesign-sprite.gif') no-repeat -200px -305px; text-indent: -9999px; margin: 25px 0 15px 0; }
/* NEWS DETAIL */
#news-content .date { font-size: 24px; }
#news-content h3 { margin: 15px 0 35px 0; }
#news-content p, #news-content strong { color: #666666; font-size: 14px; }
#news-content p { margin-top: 10px; line-height: 24px; }
/* CAREER DETAIL */
#career-detail h2 { font-size: 24px; margin-bottom: 10px; }
#career-detail h3 { color: #666666; font-size: 12px; font-weight: bold; margin-top: 30px; }
#career-detail ul { margin-top: 10px; }
#career-detail ul li { line-height: 20px; }
.content-wrapper #career-detail ul li { background-position: -481px -445px; }
/* CONTACT US */
.Contact div#banner { height: 87px; padding: 55px 0 0 0; background-color: #F15D22; }
.Contact .page-description { margin-bottom: 40px; }
.form-wrapper { width:520px; float: left; }
.form-wrapper form { }
.form-wrapper div.left { float:left; width:250px; margin-right:20px; }
.form-wrapper div.right { float:left; width:250px; }
.form-wrapper label { float: left; }
.form-wrapper input { width:234px; height:28px; line-height: 28px; padding:1px 3px 1px 3px; margin:4px 0 16px 0; font-size: 14px; border-top:1px solid #dedede; border-left: 1px solid #dedede; border-bottom: none; border-right: none; background-color:#efefef; }
.form-wrapper input.honeypot { position:absolute; left: -9999px; }
.form-wrapper textarea { width:505px; height:170px; padding:3px; line-height:16px; font-size: 14px; margin:4px 0 12px 0; border-top:1px solid #dedede; border-left: 1px solid #dedede; border-bottom: none; border-right: none; background-color:#efefef; }
.form-wrapper input.button { background-image:none; background-color:#009fc2; color: #FFFFFF; text-align:center; width:auto; height:auto; padding:5px 17px 4px 17px; float: right; cursor: pointer; margin-right: 8px; }
.form-wrapper span.error { float: right; margin-right: 15px; }
.form-wrapper span.error.noFloat { float:none; }
div#contact div#content { width: 340px; float: right; }
/* TERMS */
.Terms-Of-Service #banner, .GEMS-TOS #banner { background-color: #F15D22; }
.Terms-Of-Service .page-description p,.GEMS-TOS .page-description p { color: #585858; font-size: 12px; line-height: 16px; margin-bottom: 15px; }
.Terms-Of-Service p.title,.GEMS-TOS p.title { margin-bottom: 20px; font-size: 14px; }
/* SITEMAP */
.Sitemap #banner { background-color: #F15D22; }
.Sitemap .page-description p { color: #585858; font-size: 12px; line-height: 16px; margin-bottom: 15px; }
.Sitemap p.title { margin-bottom: 20px; font-size: 14px; }
.Sitemap h2 { }
.Sitemap h2 a { color: #898989; font-size: 18px; }
.Sitemap ul { margin: 10px 0 0 10px; }
.Sitemap .section { padding: 10px 0; }
/* MAGENTO PARTNER PAGE */
#titleSection { height: 142px; }
.magento-partner .titleanddesc { width: 350px; float: left; margin-top: 45px; }
.magento-partner .titleanddesc-sitecore { width: 490px; float: left; margin: 45px 0 44px 0; }
.magento-partner .titleanddesc h1 { font-size: 30px; color: #FFFFFF; }
.magento-partner .titleanddesc .subtitle { font-weight: bold; font-size: 18px; color: #FFFFFF; }
.magento-partner .titleanddesc .subtitle-sitecore { font-weight: bold; font-size: 18px; color: #FFFFFF; line-height: 18px; vertical-align: middle; }
.magento-partner #mLogo { float: right; width:300px; margin-top:19px; }
.magento-partner #mLogo img { margin:0 0 7px 66px; }
.magento-partner #mLogo h4 { color:#ffffff; font-size:18px; }
.magento-partner h3 { font-size: 18px; font-weight: normal; color: #aea400; margin: 20px 0 8px 0; }
.magento-partner h2 { font-size: 24px; color:#2b2b2b; line-height:28px; padding-bottom: 0; }
.magento-partner h2.bo { color: #F15D22; margin-bottom: 25px; }
.magento-partner h2.margin-bottom { margin-bottom: 15px; }
.magento-partner #call-to-action h2 { font-size: 24px; font-weight: bold; }
.magento-partner #contactSection { background-color:#f8f8f8; border-bottom:1px solid #efefef; }
.magento-partner #contactSection .content { padding:50px 0 30px 0; }
.magento-partner #contactSection .content p { margin-bottom:20px; }
.magento-partner #magento_contact { float:left; width:520px; margin-right:120px; }
.magento-partner #magento_contact #magento_contact_form { padding-bottom:20px; }
.magento-partner #magento_contact .form-wrapper input.button { background-image:none; background-color:#009fc2; color: #FFFFFF; text-align:center; width:auto; height:auto; padding:5px 17px 4px 17px; }
.magento-partner #magento_contact .form-wrapper select { width: 230px; float: left; margin-top: 5px; }
.magento-partner #magento_contact .form-wrapper .select-error { float: left; margin-left: 10px; line-height: 10px; }
.magento-partner #magento_contact .form-wrapper textarea { height:100px; }
.magento-partner #magento_contact .checkBox { width: 135px; float: left; margin-bottom:5px; }
.magento-partner #magento_contact .checkBox label { float:none; }
.magento-partner #magento_contact .checkBox input { border: inherit; height: auto; width: auto; padding: inherit; margin: inherit; }
.magento-partner #magento_contact .checkboxes p { font-size:12px; margin-bottom:-10px; }
.magento-partner #contact_details { background:#d7d7d7; height:85px; clear:both; margin-right:7px; }
.magento-partner #contact_details img { float:left; padding:23px 0 0 22px; }
.magento-partner #contact_details p.name { float:left; padding:26px 0 0 25px; font-size:16px; line-height:20px; }
.magento-partner #contact_details p.number { float:right; padding:34px 26px 0 0; font-size:24px; }
.magento-partner #our_work_promo { float:left; width:300px; }
.magento-partner #our_work_promo div.img { position:relative; left:-5px; padding-bottom:25px; }
.magento-partner #our_work_promo a { margin-left:58px; }
.magento-partner #our_work_promo .point { background: url('../images/circle.png') no-repeat left center; height:47px; margin-top:20px; }
.magento-partner #our_work_promo .point span { color:#fff; display:block; float:left; font-size:24px; line-height:47px; text-align:center; width:47px; }
.magento-partner #our_work_promo .point p { font-size: 12px; line-height:18px; padding: 5px 0 0 65px; }
.magento-partner #our_work_promo hr { margin: 50px 0; color:#e4e4e4; background-color:#e4e4e4; border:none; }
.magento-partner #our_work_promo ul { margin-top: 20px; }
.magento-partner #our_work_promo ul li { float: left; width: 150px; background-position: -480px -395px; padding-left: 0; }
.magento-partner #our_work_promo ul li a { margin: 0; }
.magento-partner #our_work_promo ul li br + a { padding-left:15px; }
#gorilla_advantage { padding:60px 0 0 0; }
#gorilla_advantage div.maincol { float:left; width:520px; margin-right:120px; }
#gorilla_advantage div.sidebar { float:left; width:300px; }
.quote-wrapper { margin:12px 0 30px 0; }
.quote-wrapper p.credits { color: #666666; font-size: 12px; line-height: 18px; margin: 30px 0 0 40px; }
div.quote-wrapper div.quote { float: left; padding-right: 20px; padding-bottom: 20px; }
#gorilla_advantage div.sidebar div.section { margin-bottom: 25px; padding:0; }
#gorilla_advantage div.sidebar div.section ul { margin:8px 0 25px 0; }
#gorilla_advantage div.sidebar div.section ul li { margin-bottom:15px; padding-left:25px;}
#gorilla_advantage div.sidebar div.section ul li a.last { margin-bottom: 0; }
#gorilla_advantage div.sidebar .webby-award { margin: 15px 0 30px 0; }
#gorilla_advantage div.sidebar .webby-copy { width: 250px; }
#gorilla_advantage div.sidebar a { font-size: 14px; }
#our_work { padding:60px 0 0 0; }
#our_work h2 { padding:0 0 25px 0; }
.client_quotes { padding:30px 0 0 0; }
.client_quotes h2 { padding:0 0 25px 0; }
.client_quotes div.content { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding-top: 30px; }
.content-block { width: 511px; background-color: #f2f2f2; padding: 19px; margin-bottom: 16px; }
.content-copy { float: left; width: 355px; }
td.title { color: #009fc2; font-size: 18px; margin: 0 !important; padding: 0 !important; }
.content-copy p.copy { color: #585858; font-size: 14px; margin: 0 !important; padding: 0 !important; }
.microsite-left-column { float: left; }
.microsite-right-column { float: left; margin-left: 90px; width: 300px; }
.microsite-right-column h2 { padding-bottom: 30px; }
.microsite-right-column div.spiff { padding-bottom: 20px; }
.microsite-right-column div.spiff div.pdf { float: right; padding-bottom: 20px; }
.subnav { padding-top: 40px; }
.subnav-link { margin: 18px 0 0 20px; height: 24px; vertical-align: middle; }
.subnav-link table tr td.copy { font-size: 14px; }
.subnav-link img { padding-right: 18px; }
.subnav-link-large { float: left; padding: 10px 0 0 30px; border-left: 1px solid #ececec; margin-top: 30px; }
.subnav-link-large-first { float: left; padding: 10px 0 0 0; margin-top: 30px; }
.subpage { padding: 40px 0 0 0; }
.spiff div.pdf a { font-size: 9px; }
.spiff-container { padding-bottom: 40px; border-bottom: 1px solid #ececec; margin-bottom: 45px; }
/* OUR SPACE */
.About div.page-description p.copy { font-size: 18px; color: #666666; font-weight: normal; line-height: 24px; margin-bottom: 60px; }
#image-slider, #image-slider .scrollable { position: relative; width: 760px; height: 442px; overflow: hidden; }
#image-slider .items { clear: both; position: absolute; width: 20000em; }
#image-slider .items div { float: left; width: 760px; }
#image-slider a { display: block; cursor: pointer; position: absolute; z-index: 99; width: 380px; height: 442px; }
#image-slider a span.fill { width: 338px; height: 442px; display: block; float: left; background-color: #FFFFFF; opacity: .0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: .0; -moz-opacity: .0; }
#image-slider a span.nav { display: block; width: 42px; height: 442px; background: #FFFFFF url('../images/redesign-slideshow-sprite.png') no-repeat center top; opacity: .25; filter: alpha(opacity=25); -ms-filter: "alpha(opacity=25)"; -khtml-opacity: .25; -moz-opacity: .25; }
#image-slider a:hover span.nav { opacity: .65; filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -khtml-opacity: .65; -moz-opacity: .65; }
#image-slider a.prev { top: 0; left: 0; }
#image-slider a.prev span.fill { float: right; }
#image-slider a.prev span.nav { background-position: 7px center; float: left; }
#image-slider a.next { top: 0; right: 0; }
#image-slider a.next span.nav { background-position: -43px center; float: right; }
#image-slider a.prev:hover span.nav { background-position: -93px center; }
#image-slider a.next:hover span.nav { background-position: -143px center; }
#image-slider a.disabled { display: none; }
.Our-space .navi-wrapper { height: 45px; width: 100%; background-color: #2b2b2b; }
.Our-space .navi { height: 10px; width: 760px; text-align: center; padding-top: 18px; }
.Our-space .navi a { background: url(../images/redesign-sprite.gif) no-repeat 0 -460px; display: inline-block; font-size: 1px; width: 9px; height: 10px; margin: 0 3px; }
.Our-space .navi a.active { background-position: -15px -460px; }
/* containment approach for div's with floated children */
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/* Sales Portal Login */
#wrapper { margin: 0 auto; width: 570px; }
#sp-login {position:absolute; top:50%; height:350px; margin-top:-175px; width:570px; background: url(../images/portal/login-bg.jpg) no-repeat center; }
#sp-login>div { text-align:right; margin: 20px 40px 10px 0; }
#sp-login>div:first-child { text-align:right; margin: 20px 40px 30px 0; }
.labelleft label { text-align: right; margin-right: 15px; }
.labelleft input { width: 380px; margin-right: 25px; }
#sp-login #btmAct { text-align:left; margin-left:121px; }
#sp-login #body { text-align: left; margin-left: 30px; }
#sp-login #body ul { margin-top: 10px; list-style: bullet; }
#sp-login #body ul li { padding-left: 0; }
/* Sales Portal Proposal */
#portal-banner { background: #ededed; }
#portal-banner h1 { color: #666; font-size: 24px; visibility:visible; margin: 25px 0 10px 0; }
#portal-banner div h2 { color:#666; background: #ededed; }
#portal-banner #sp-logo { width:390px; text-align: center; float:left; }
#portal-banner #data { width: 550px; float:left; padding-bottom: 25px; }
#salesPortal h2 { font-size: 18px; color: #000; background:#f7f7f7; padding:4px; margin-bottom:5px; }
#leftCol { float: left; width: 450px; margin-right: 80px; }
#leftCol .icon { float:left; margin-right: 10px; opacity:0.7; filter: alpha(opacity=70);}
#leftCol .icons a { float:left; margin:10px 30px 0 0; clear:both; color:#a4a4a4; }
#rightCol { float:left; width:390px; }
#rightCol div { margin-top:20px; }
#rightCol div img { margin-bottom: 5px; }
#rightCol a { color: #898989; }
#leftCol a { color: #010101; }
#leftCol ul { margin-bottom: 20px; }
#rightCol .pdf { float: right; display:block; width: 100px; text-align:right; background: transparent url('/common/images/redesign-sprite.gif') no-repeat 105px -481px; padding-right:28px; line-height:20px; }
#rightCol .ln { line-height: 20px; }
.footer-bottom .copyright.sp { padding-top: 100px; margin-top:0; }
#footer.sp { margin-top:50px; }
/* CLEARS */
div.col-set:after,
#magento_contact_form:after,
.magento-partner #contactSection .content:after,
#gorilla_advantage:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* MAGENTO MICROSITE */
#magento-microsite-header { position: relative; top: 0; height: 224px; width: 100%; background: url('../images/header-background.png') repeat-x transparent; }
#magento-microsite-header #header-content { width: 940px; margin: 0 auto; }
#magento-microsite-header #nav-and-logo { height: 107px; width: 100%; }
#magento-microsite-header .nav-item { float: left; color: #fff !important; height: 50px; margin-right: 10px; padding-bottom: 2px; }
#magento-microsite-header #nav-and-logo #home-node { background: url('/common/images/redesign-sprite.gif') no-repeat 0 -564px; width: 42px; height: 16px; margin: 20px 10px 10px 0; }
#magento-microsite-header #nav-and-logo .services-node-active { background: url('/common/images/redesign-sprite.gif') no-repeat -44px -581px; width: 58px; height: 16px; margin: 21px 10px 10px 0; left: 10px; }
#magento-microsite-header #nav-and-logo .services-node { background: url('/common/images/redesign-sprite.gif') no-repeat -44px -564px; width: 58px; height: 16px; margin: 20px 10px 10px 0; left: 10px; }
#magento-microsite-header #nav-and-logo .portfolio-node-active { background: url('/common/images/redesign-sprite.gif') no-repeat -162px -581px; width: 60px; height: 16px; margin: 21px 10px 10px 0; }
#magento-microsite-header #nav-and-logo .portfolio-node { background: url('/common/images/redesign-sprite.gif') no-repeat -162px -564px; width: 60px; height: 16px; margin: 20px 10px 10px 0; }
#magento-microsite-header #nav-and-logo .partners-node-active { background: url('/common/images/redesign-sprite.gif') no-repeat -103px -581px; width: 58px; height: 16px; margin: 21px 10px 10px 0; }
#magento-microsite-header #nav-and-logo .partners-node { background: url('/common/images/redesign-sprite.gif') no-repeat -103px -563px; width: 58px; height: 16px; margin: 20px 10px 10px 0; }
#magento-microsite-header div.nav-item:hover { border-bottom: 1px solid #4c4c4c; }
#home-container { width: 52px; height: 49px; margin-right: 10px; float: left; padding-left: 8px; }
#services-container { width: 66px; height: 49px; margin-right: 10px; float: left; padding-left: 8px; }
#services-container-active { width: 66px; height: 49px; margin-right: 10px; float: left; background-color: #f25d22; padding-left: 8px; }
#portfolio-container { width: 69px; height: 49px; margin-right: 10px; float: left; padding-left: 8px; }
#portfolio-container-active { width: 69px; height: 49px; margin-right: 10px; float: left; background-color: #a3a510; padding-left: 8px; }
#partners-container { width: 67px; height: 49px; margin-right: 10px; float: left; padding-left: 8px; }
#partners-container-active { width: 67px; height: 49px; margin-right: 10px; float: left; background-color: #009fc2; padding-left: 8px; }
#magento-microsite-header #services { background-color: #f25d22; }
#magento-microsite-header #portfolio { background-color: #a3a510; }
#magento-microsite-header #partners { background-color: #009fc2; }
#magento-microsite-header #magento-microsite-header-logo { float: right; }
#magento-microsite-header #sub-logo { float: right; }
#magento-microsite-header #page-title #microsite-title{ float: left; }
#magento-microsite-header #page-title p.title { color: white; font-family: Arial; font-size: 24px; width: 620px; }
#magento-microsite-header #page-title p.sub-title { color: white; font-family: Arial; font-size: 14px; font-weight: bold; line-height: 26px; }
#magento-microsite-wrapper { position: relative; width: 100%; margin-bottom: 100px; }
#magento-microsite-wrapper p, #magento-microsite-wrapper-gems p { line-height: 21px; }
#magento-microsite-wrapper-gems { position: relative; width: 100%; margin-bottom: 100px; }
#magento-microsite-content { margin: 0 auto; width: 940px; margin-top: 111px; }
#magento-microsite-content-gems { margin: 0 auto; width: 760px; }
#magento-microsite-content-home { margin: 0 auto; width: 940px; margin-top: 30px; }
.partner-content-block { margin-bottom: 45px; border-bottom: 2px solid #efefef; padding-bottom: 40px; line-height: 22px; font-size: 14px; color: #585858; width: 759px; }
.partner-content-block { margin-bottom: 45px; line-height: 22px; font-size: 14px; color: #585858; width: 759px; }
.partner-content-block h3 { font-size: 24px; margin-bottom: 30px; }
.partner-content { width: 510px; margin-right: 60px; float: left; }
.partner-content { font-size: 14px !important; }
.partner-content ul { margin-top: 35px; }
.partner-content ul li { padding-left: 0; }
.partner-logo { float: left; }
.design-content-wrapper { width: 520px; float: left; }
.gems-wrapper { margin-top: 65px; }
.design-content-intro { margin-bottom: 50px; }
.design-content-intro h3 { margin-bottom: 35px; }
.design-content-block { width: 500px; background-color: #f2f2f2; padding: 21px 0 19px 17px; margin-bottom: 15px; }
.design-content { width: 320px; float: left; }
.design-content-block h3 { color: #009fc2; font-size: 18px; margin-bottom: 15px; }
.design-content ul { margin-top: 12px; }
.design-content ul li { padding-left: 0; }
.design-icon-container { position: relative; float: left; width: 170px; text-align: center; }
.right-column { float: left; margin-left: 119px; width: 300px; }
.right-column-spiffs { border-bottom: 2px solid #efefef; padding-bottom: 30px; }
.right-column-spiffs h3 { margin-bottom: 35px; }
.right-column-spiff { margin-bottom: 36px; }
.right-column-spiff p { float: right; }
.right-column-spiff a { font-size: 9px; }
.webby-award { margin-top: 44px; color: #666666; }
.webby-award p { margin-top: 40px; font-size: 14px !important; line-height: 22px !important; }
.managed-services-intro { width: 100%; height: 650px; }
.gem { float: left; width: 180px; height: 235px; background: url('/common/images/gem-level-background.jpg') no-repeat top left; }
.gem-content { margin: 80px 25px 0 10px; }
.gem-content p { margin-bottom: 0 !important; }
#gem-bronze { background: url('/common/images/bronze-bg.jpg') no-repeat top left; }
#gem-silver { background: url('/common/images/silver-bg.jpg') no-repeat top left; margin-left: 13px; }
#gem-gold { background: url('/common/images/gold-bg.jpg') no-repeat top left; margin: 0 13px 0 13px; }
#gem-diamond { background: url('/common/images/diamond-bg.jpg') no-repeat top left; float: right; }
.gems-subnav { border-bottom: 1px dotted #d0d0d0; margin-bottom: 60px; }
.gems-subnav .subnav-item a { margin: 16px 0; float: left; font-size: 18px; color: #585858; padding: 0 19px 0 19px; }
.gems-subnav .subnav-item-not-last a { margin: 16px 0; float: left; font-size: 18px; color: #585858; padding: 0 19px 0 19px; border-right: 1px dotted #d0d0d0; }
.gems-subnav .subnav-item-not-last { border-right: 1px dotted #d0d0d0; }
.gems-subnav .active { margin: 16px 0; float: left; font-size: 18px; padding: 0 19px 0 19px; color: #f25d22; }
.gems-subsubnav .subnav-item a { margin: 6px 0; float: left; font-size: 12px; color: #585858; padding: 0 10px 0 10px; }
.gems-subsubnav .subnav-item-not-last a { margin: 6px 0; float: left; font-size: 12px; color: #585858; padding: 0 10px 0 10px; border-right: 1px dotted #d0d0d0; }
.gems-subsubnav .subnav-item-not-last { border-right: 1px dotted #d0d0d0; }
.gems-subsubnav .active { margin: 6px 0; float: left; font-size: 12px; padding: 0 10px 0 10px; color: #f25d22; }
.shield-row { margin-top: 58px; }
.gems-left-column { width: 455px; margin: 0 auto; float: left; }
.gems-right-column { width: 280px; float: left; }
.managed-services-intro h3 { font-size: 24px; }
.managed-services-intro p { font-size: 14px; }
.gems-shield-copy p { margin: 23px 0 54px 0; }
.packages-row { margin-top: 18px; }
.gem-label { font-size: 14px !important; color: #fff; }
.gem-value { font-size: 18px !important; color: #006c84 !important; margin-bottom: 14px !important; }
.feature-col-header { color: #fff; height: 33px; font-size: 16px; font-weight: bold; border-right: 5px solid #fff; border-bottom: 5px solid #fff; }
.feature-col-1-header { background-color: #006b83; width: 266px; padding-left: 20px; }
.feature-col-2-header { background-color: #003f4d; width: 60px; text-align: center; font-size: 12px !important; }
.feature-col { background-color: #f5f3ee; border-bottom: 1px solid #dbd8d5; padding: 10px 5px 10px 0; border-right: 5px solid #fff; text-align: center; }
.feature-col a { color: #006b83; }
.feature-col-totals { background-color: #eef4f4; border-bottom: 1px solid #dbd8d5; padding: 10px 5px 10px 0; border-right: 5px solid #fff; text-align: center; color: #006b83; font-weight: bold; }
.feature-col-1 { padding-left: 20px; text-align: left; }
.gems-features-and-enrolling { height: 813px; border-bottom: 1px dotted #d0d0d0; margin-bottom: 30px; }
.gems-features-and-enrolling h3 { margin-bottom: 20px; }
.gems-features { float: left; width: 480px; }
.gems-enroll { width: 220px; float: left; margin-left: 20px; }
.gems-enroll a { color: #009fc2; }
.gems-enroll table tr td { padding-bottom: 30px; }
.download-pdf-cell { padding-top: 10px; }
.enroll-step-number { width: 53px; padding-right: 5px; }
.enroll-step-copy { width: 230px; height: 100%; vertical-align: middle; }
.enroll-step-copy p { font-size: 14px !important; }
.btn-get-started { padding: 10px 0 100px 10 !important; }
.footnotes p { font-size: 11px; color: #919191; padding: 5px 0; margin-bottom: 0 !important; line-height: 16px !important; }
.footnotes p a { color: #006b83 }
.managed-services-contact { float: right; width: 230px; height: 210px; background-color: #fafafa; margin-top: 80px; }
.managed-services-contact-homepage { float: right; width: 315px; height: 265px; margin-top: 20px; }
.managed-services-email { width:220px; border-bottom: 1px solid #e6e6e6; padding: 25px 0 40px 0; margin: 0 5px; }
.managed-services-email-icon { float: left; padding-left: 5px; }
.managed-services-email-content { vertical-align: middle; text-align: center; color: #009fc2; float: left; margin-left: 10px; font-size: 12px; }
.managed-services-email-content a { font-size: 14px; color: #009fc2; }
.managed-services-phone { vertical-align: middle; text-align: left; width:272px;padding: 25px 0 30px 0; margin-left: 0; color: #626262; }
.managed-services-phone-icon { float: left; padding: 0 12px; }
.managed-services-phone-content-wrapper { float: left; }
.managed-services-phone-content-wrapper p.contact-bold { font-size: 14px; margin-bottom: 0; }
.managed-services-phone-content-wrapper p.business-development { font-size: 14px; }
.managed-services-phone-content-wrapper p.phone-number { font-size: 22px; margin-top: 22px; }
.magento-topic-exploration { border-top: 1px dotted #efefef; margin-top: 30px; }
.magento-microsite-contact-form-wrapper { margin-top: 130px; }
.gems-contact-form p.intro { margin: 20px 0 35px 0; font-size: 14px; }
.managed-services-contact-homepage #our_work_promo a { margin: 9px 0 0 58px; }
.gems-contact-form #contact_details { margin-top: 30px; }
.managed-services-contact-homepage #our_work_promo p {margin-top: 20px; font-size: 14px; }
.contact-paragraph { margin-bottom: 35px; }
div#microsite-title h1 { font-size: 24px; font-weight: lighter; color: #ffffff; }
div#microsite-title h4 { font-size: 14px; font-weight: bold; color: #ffffff; }
.plan-details { display: none; font-size: 14px !important; }
.plan-details strong.blue { color: #00687f; font-size: 16px; }
#silver { display: block; }
#plan-switch { border: 1px solid #d7d5cf; background-color: #edebe6; margin-top: 65px; border-bottom: 7px solid #016A81; width: 755px; }
#plan-switch .plan-nav { height: 92px; width: 188px; float: left; }
#plan-switch .active { background-color: #01687f; }
#plan-switch .inactive { border-left: 1px solid #fff; cursor: hand; cursor: pointer; }
#plan-switch .inactive p.plan-nav-title { color: #01687f; text-align: left; margin: 5px 0 5px 10px; vertical-align: middle; font-size: 18px; }
p.plan-nav-title img { margin-right: 10px; }
#plan-switch .inactive p.plan-nav-cost { color: #7c7c7c; text-align: left; margin-left: 10px; font-size: 14px; }
#plan-switch .active p.plan-nav-title { color: #ffffff; text-align: left; margin: 5px 0 5px 10px; font-size: 18px; vertical-align: middle; }
p.plan-nav-title img { margin-right: 10px; }
#plan-switch .active p.plan-nav-cost { color: #f2f380; text-align: left; margin-left: 10px; font-size: 14px; }
#support-threshold-table { margin: 30px 0 60px 0; }
#support-threshold-table th { height: 48px; color: #fff; background-color: #006b83; border-right: 5px solid #fff; border-bottom: 5px solid #fff; padding-left: 20px; font-size: 14px; font-weight: bold; }
#support-threshold-table td { min-height: 32px; color: #3f3f3f; background-color: #f5f2ee; font-size: 14px; border-right: 5px solid #fff; border-bottom: 1px solid #dbd8d5; padding: 10px 0 10px 20px; }
#support-threshold-table td.last { border-bottom: 0px !important; }
.tech-col-header-1 { width: 303px; }
.tech-col-header-other { width: 200px; }
#severity-level-table { margin: 20px 0 60px 0; }
#severity-level-table th { height: 48px; width: 182px; color: #fff; border-right: 5px solid #fff; border-bottom: 5px solid #fff; padding-left: 20px; font-size: 14px; font-weight: bold; }
#severity-level-table th.level-one { background-color: #006b83; }
#severity-level-table th.level-two { background-color: #354f61; }
#severity-level-table th.level-three { background-color: #613844; }
#severity-level-table th.level-four { background-color: #931d24; }
#severity-level-table th.level-five { background-color: #c90101; }
#severity-level-table td { width: 182px; color: #3f3f3f; background-color: #f5f2ee; border-right: 5px solid #fff; padding: 20px; font-size: 14px; vertical-align: top; }
#service-response-table { margin: 20px 0 40px 0; }
#service-response-table td span.blue-copy { font-size: 16px; color: #006b83; }
#service-response-table th { height: 48px; color: #fff; background-color: #006b83; border-right: 5px solid #fff; border-bottom: 5px solid #fff; padding-left: 20px; font-size: 14px; font-weight: bold; }
#service-response-table .timeframes-col-header-1 { width: 486px; }
#service-response-table .timeframes-col-header-other { width: 221px; }
#service-response-table td { color: #3f3f3f; background-color: #f5f2ee; border-right: 5px solid #fff; padding: 20px; font-size: 14px; vertical-align: top; }
#service-response-table td.timeframes-col-1 { border-bottom: 5px solid #fff; }
#service-response-table td.timeframes-col-other { height: 31px; border-bottom: 1px solid #dbd8d5; padding-top: 0; padding-bottom: 0; vertical-align: middle; }
#service-response-table td.last { border-bottom: 5px solid #fff; }
#help-desk { border-top: 1px dotted #e5e5e5; padding: 38px 0 60px 0; border-bottom: 1px dotted #e5e5e5; }
ul.plus-list { list-style-image:url('/common/images/gems/list-decoration.png'); padding: 0px 30px; }
ul.plus-list li { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; background: none; }
ul.dot-list { list-style-image:url('/common/images/gems/list-dot-decoration.png'); padding: 10px 30px; }
ul.dot-list li { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; }
#subsubnav-container { float: right; width: 245px; margin-bottom: 1px; }
#technical-intro-copy { width: 520px; margin-top: 25px; font-size: 14px; font-weight: normal; }
h4.green-copy { color: #a3a510; font-size: 18px; margin-top: 30px; }
#help-desk-copy { float: left; width: 760px; margin-top: 25px; font-size: 14px; }
#help-desk-copy p { font-size: 14px; }
#help-desk-image { float:right; width: 142px; margin: 40px 153px 0 0; }
#support-process { margin: 38px 0 30px 0; padding-bottom: 87px; border-bottom: 1px dotted #e5e5e5; }
#support-process-copy { float: left; width: 331px; margin-right: 20px; font-size: 14px; }
#support-process-image { float:left; }
#support-process ul li { line-height: 21px; }
#gems-slogan-banner { width: 760px; height: 59px; background: url('/common/images/banner.png') no-repeat top left; text-align: center; padding: 10px 0 0 0; margin-top: 30px; }
#gems-slogan-banner h3 { color: #fff; text-align: center; }
#gems-overview-section { margin-top: 10px; }
#gems-overview-copy { float: left; width: 240px; }
#gems-overview-copy img { margin-left: 40px; }
.gems-copy { margin: 5px 0 60px 0; }
.gems-copy p { margin-top: 10px; line-height: 22px; }
#gems-plans-title { float: left; }
#each-plan-includes { float: right; width: 430px; }
#each-plan-includes-table td { border: 5px solid #fff; border-bottom: none; border-right: none; }
.each-plan-includes-col-1 { background-color: #f5f3ef; width: 48px; height: 62px; }
.each-plan-includes-col-2 { background-color: #eef4f4; width: 438px; height: 62px; padding-left: 16px; padding-right: 16px; border-right: 5px solid #fff !important; }
.each-plan-includes-col-2 p { margin-bottom: 0; line-height: 18px; }
#each-plan-includes-table { border: 1px solid #f5f3ef; margin-top: 18px; width: 100%; border-collapse: separate; }
#each-plan-includes-table td.last { border-bottom: 5px solid #ffffff; }
#plan-support-content { float:left; width: 285px; margin: 30px 20px 0 0; }
#plan-support-box { background-color: #f5f3ef; padding: 32px 27px 12px 27px; }
#plan-support-box strong.title { color: #3f3f3f; font-size: 14px !important; }
#plan-support-box p.description { margin-top: 25px; }
#plan-support-box a { font-size: 14px; }
#intensive-support-container { border-bottom: 1px dotted #cccccc; padding-bottom: 82px; margin-bottom: 30px; margin-top: 20px; }
#intensive-support-content { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#intensive-support-content h4 { font-size: 20px !important; }
#intensive-support-header { border-top: 1px solid #d0d0d2; border-bottom: 1px solid #d0d0d2; width: 100%; }
#intensive-support-header .left-column { float: left; width: 48%; border-right: 1px solid #d0d0d2; height: 39px; line-height: 39px; }
#intensive-support-header strong { font-size: 14px; }
#intensive-support-header .right-column { float: left; width: 46%; height: 39px; line-height: 39px; padding-left:39px; margin: 0; }
#features-content { float: left; width: 48%; }
#deliverables-content { float: left; width: 46%; border-left: 1px solid #d0d0d2; padding-left: 39px; }
#plan-overview { float:left; width: 455px; }
.nav-homepage { float: left; margin-right: 16px; border: 1px solid #d5d5d5; }
.nav-homepage-last { float: left; border: 1px solid #d5d5d5; }
.magento-homepage-content p { font-size: 24px !important; font-weight:normal; line-height:1.4em !important; }
.honors-content { width: 760px; float: right; }
.honors-logo-overview img { vertical-align: middle; }
.award-content p { font-size: 10px; color: #009fc2; margin: 0; line-height:normal; }
table.award-types-overview { margin-top: 59px; }
.awards-detail { padding: 45px 0 45px 0; border-top: 1px solid #e4e4e4; margin-top: 59px; }
.award-year { float:left; width: 33%; }
.award-title { font-size: 10px; margin-top: 13px; }
.award-type-title { padding-top: 58px; border-top: 1px solid #e4e4e4; }
.award-type-logo { padding-bottom: 58px; padding-top: 58px; border-top: 1px solid #e4e4e4; }
.award-type-copy { padding-bottom: 58px; padding-top: 30px; }
#expertise .lead p { font:italic 18px Georgia, serif; margin-bottom: 50px; padding-bottom:50px; border-bottom: 1px solid #e4e4e4; }
#expertise h2 { margin-bottom: 15px; font-size:24px; }
#expertise .exp { float: left; width: 420px; margin-right:20px; }
#expertise .points { float:left; width: 240px; margin-left:10px; }
#expertise .exp p { font-size:12px; }
#expertise .points ul li { font-size: 12px; margin-bottom:4px; }
#expertise .quote { width: 420px; margin-left:0; margin-bottom: 50px; padding-bottom:20px; border-bottom: 1px solid #e4e4e4;}
#expertise > img { margin-bottom: 40px; }
/* DEVELOPMENT PAGE */
#development-list-container { margin-top: 65px; }
#development-list-container h2 { padding-bottom: 20px; }
#expertise-container { width: 780px; background-color: #f6f6f6; margin-bottom: 40px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#expertise-container table tr td { padding: 40px 0 40px 0; }
/* DESIGN PAGE */
#hero-image-container { width: 780px; height: 300px; position: relative;}
#hero-image-container img { position: absolute; top: 0; left: 0; }
#services-design-copy { float: left; position: absolute; top: 40px; left: 40px; width: 700px; }
#services-design-copy h2 { font-size: 24px; color: #fff; margin-bottom: 20px; }
#services-design-copy p { color: White !important; }
#services-design-copy img { position: absolute; top: 150px; }
.design-quote { float: left; width: 310px; margin-right: 40px; padding-left: 20px; }
.quote-back { background: url('/common/images/lrg-quote.png') transparent no-repeat top left; }
.quote p { font-family: Georgia !important; font-size: 16px !important; font-style: italic; color: #747474 !important; }
.quoter { font-family: Arial; font-size: 14px; font-style: italic; color: #747474; margin-bottom: 18px; }
.quoter-title, .quoter-company { font-family: Arial; font-size: 14px; color: #939393; }
#design-logos { width: 780px; background-color: #f6f6f6; margin: 40px 0 40px 0; padding: 0 10px 0 10px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#design-logos table tr td { padding: 40px 0 40px 0; }
#adapt-copy-container { padding-bottom: 80px; }
#adapt-copy-container img { float: left; margin-right: 65px; }
#adapt-copy-container div { float: left; width: 460px; }
#adapt-copy-container div p { font-size: 13px; }
#adapt-glam { position: relative; }
#adapt-button-container { position: absolute; top: 25px; right: -21px; }
#adapt-button-container p { text-align: center; color: #b3b3b3; font-size: 11px; }
#adapt-button-container img { position: relative; top: 0; left: 0; }
/* STRATEGY AND MARKETING PAGE */
.strategy-blocks { margin-bottom: 10px; width: 698px; background: url('/common/images/content-box-background.png') repeat transparent; border: 1px solid #f1f1f1; padding: 40px 30px 40px 30px; position: relative; }
.strategy-content:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }
.strategy-content { float: right; width: 400px; height: 100%; vertical-align: middle; display: inline-block; vertical-align: middle; }
.strategy-content p { height: 100%; }
.strategy-content h2 { margin-bottom: 20px; }