/* ---- common styles ---- */
@font-face {
  font-family: 'abelregular';
  src: url('http://gandgtech.com/gg/css/abel-regular-webfont.eot');
  src: url('http://gandgtech.com/gg/css/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://gandgtech.com/gg/css/abel-regular-webfont.woff') format('woff'), url('http://gandgtech.com/gg/css/abel-regular-webfont.ttf') format('truetype'), url('http://gandgtech.com/gg/css/abel-regular-webfont.svg#abelregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {outline: 0; }
a {text-decoration: none; font-weight: normal; color: #418399;}
a:link { color: #418399; }
a:visited { color: #418399; }
a:hover { color: #fffff; text-decoration: underline; }
a:active { color: #ef7000; }

p { padding: 11px 0 5px 0; margin: 0; line-height: 1.5;}

h1,
h2.content-h2 { font-family: "abelregular"; font-weight: bold; font-size: 48px; padding: 34px 0 30px 0; color: black; margin: 0; max-width: 1000px; line-height: 1; }

.workspace h1 { padding: 19px 0 9px 0; }
.workspace h1:first-child { padding-top: 4px; }

h1.header-h1,
h3.header-h3 {  color: white; display: inline; margin: 0; font-size: 16px; padding: 0 0 0 18px; line-height: 1; top: 35px; left: 210px; position: absolute; font-family: "abelregular"; font-weight: normal; letter-spacing: 1px;}

a.header-bloglink {  color: white; display: inline; margin: 0; font-size: 16px; padding: 0 0 0 18px; line-height: 1; top: 35px; right: 20px; position: absolute; font-family: "abelregular"; font-weight: normal; letter-spacing: 1px; text-decoration: underline;}

h2 {
	color: #000000;
	font-size: 47px;
	line-height: 0;
	font-family: abelregular;
	font-weight: bold;
	padding: 19px 0 9px 0;
	margin: 0;
	max-width: 1010px;
	text-align: left;
}

h3 { font-family: "abelregular"; font-weight: bold; font-size: 20px; line-height: 0; color: #000000; padding: 13px 0 0 1; margin: 0; }
h3:first-letter { text-transform: uppercase; }
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active{ color: #136480; }

h4 {
	font-family: "Arial";
	font-size: 21px;
	margin: 0;
	text-align: right;
	padding-top: 13px;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 0;
}
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active{
	color: #CCCCCC;
}

h5 { font-family: ""; font-size: 18px; padding: 9px 0 0 0; margin: 0; }

h6 { font-family: ""; font-size: 15px; padding: 5px 0 0 0; margin: 0; }

ul {
    list-style: none;
    padding: 3px 0 3px 10px;
    margin: 0;
}
ul > li { background: url("/images/layout/list-item-5x5.png") 0 11px no-repeat; padding-left: 15px; line-height: 1.4; }
ol { list-style-type: decimal; padding: 15px 0 10px 25px;padding: 3px 0 3px 10px; margin: 0;}
li { padding: 3px 0; margin: 0; }
form { padding: 0; margin: 0; }
input { padding: 0; margin: 0;}
table { border-collapse: collapse; border-spacing: 0; }
hr { border: 0; clear: both; display: block; height: 1px; background: url(/images/layout/dash-6x1.png) 0 100% repeat-x; }
blockquote { padding: 10px 0 20px 0; margin: 0; }
cite { padding: 10px 0 20px 0; margin: 0; display: block; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.shadow-gray { -webkit-box-shadow: 0px 1px 2px 0px #888; box-shadow: 0px 1px 2px 0px #888; }
.dash { height: 1px; background: url(/images/layout/dash-6x1.png) 0 0 repeat-x; }
.border-bottom-ribbed {
	padding-bottom: 15px;
	background: url(/images/layout/border-ribbed-24x7.png) 0 100% repeat-x;
	min-height: 7px;
	text-align: left;
}
a.more { color: #ef7000; display: inline; }
a.more:hover { color: #0B4CA0; text-decoration: none; }
a.more-with-arrow{ background: url(/images/layout/more-25x19.png) 0 0 no-repeat; width: 25px; height: 19px; display: inline-block; text-decoration: none; }
a.more-with-arrow:hover { background: url(/images/layout/more-25x19.png) 0 -19px no-repeat; }
.box-gray-shadow { -webkit-box-shadow: 0px 1px 2px 0px #888888; box-shadow: 0px 1px 2px 0px #888888; }
.list-3cols .item { float: left; width: 33%; }
.arrow-blue-left {padding: 0 0 0 13px; background: transparent url("/images/layout/arrows.png") 0 -342px no-repeat; }
.arrow-blue-right {padding: 0 0 0 13px; background: transparent url("/images/layout/arrows.png") 0 -256px no-repeat; }
.attention-image { padding: 0 0 0 20px; }
.orange { color: #EF7000 !important; }
.gray { color: #555555 !important; }
.black { color: Black !important; }
.blue { color: #136480 !important; }
.bold { font-weight: bold !important; }
.underline { text-decoration: underline !important;}
.list-style-dash li:before { content: "\2013"; float: left; margin: -2px 0 0 -13px; padding: 0 4px 0 0; color: inherit; }
.bg-white { background: white; }
.read-more.hidden .read-more-button { display: inline-block; }
.read-more.hidden * { display: none; }
.input-gray { margin: 0; background: #eaeaea;  border-radius: 2px;  -webkit-box-shadow: inset 1px 1px 0px 0px #a2a2a2;  box-shadow: inset 1px 1px 0px 0px #a2a2a2;  padding: 3px 0 3px 12px;  color: #959595;  border: 0; }

.inline-list { padding: 0; margin: 0; }
.inline-list li { padding: 0; margin: 0 10px 0 0; float: left; }
.inline-list li:last-child { margin-right: 0; }
/* -- fixes -- */
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ } /* Opera Fix */
img {vertical-align:bottom;} /* extra bottom space fix */
a > img,
img { border: 0; } /* ie a > img border fix */
/* -- /fixes -- */

/* ---- /common styles ---- */

/* ---- root html elements ---- */

html, body, #wrap {
    /* height: 100%; */
    padding: 0;
    margin: 0;
    min-width: 1190px;
}
#wrap {
    min-height: 100%;
}
.wrapperr {
    width: 1150px;
    padding: 0 15px 0 25px;
    margin: 0 auto;
    position: relative;
}
#main {
    /* padding-bottom: 398px; */
}
.header-contacts {
	background: #CACACA;
	font-family: DINCondensedWeb;
	color: #000000;
}
.header-logo {
    background: #000000;
    display: block;
}
.header-menu {
    background: rgb(14, 183, 226);
    padding: 43px 0 1px 0;
}
#content {
    background: #f9f9f9 url(/images/layout/points-light-12x12.png) 0 0 repeat;
    width: 100%;
    z-index: 1;
}
.content-title {
    width: 100%;
}
.content-subnav {
    background: white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.workspace {
    width: 870px;
    padding: 0 45px 45px 0;
    vertical-align: top;
    display: inline-block;
    position: relative;
}
.workspace.wide {
    width: auto;
    padding-right: 0;
    display: block;
}
.sidebar {
    width: 230px;
    vertical-align: top;
    display: inline-block;
    padding: 16px 0 0 0;
}
#footer {
    position: relative;
    /*
    margin-top: -398px;
    height: 398px;
    */
    clear: both;
}
/* ---- /root html elements ---- */


/* ---- styles ---- */
.news-img { float: left; margin: 7px; }
.alliance-img { float: left; margin-left: 0px; margin-top: 5px; margin-right: 10px; margin-bottom: 10px;}
.header-contacts .wrapper { height: 40px; display: block; line-height: 1.2; font-weight: normal; font-size: 19px; text-align: right;}
.header-contacts .wrapper > span { display: inline-block; height: 30px; padding-top: 10px; }
.header-contacts a:link,
.header-contacts a:visited,
.header-contacts a:hover,
.header-contacts a:active { color: #464646; }
.header-contacts .open-rfp-popup { background: transparent url("/images/layout/submit-request-179x33.png") 0 0 no-repeat; width: 179px; height: 33px; display: inline-block; margin: 4px -9px 0 33px; vertical-align: top; }
.header-contacts .open-rfp-popup:hover { background: transparent url("/images/layout/submit-request-179x33.png") 0 -37px no-repeat; }
.linkedin,
.facebook,
.twitter,
.email,
.blog,
.linkedin:hover,
.facebook:hover,
.twitter:hover,
.email:hover,
.blog:hover { width: 22px; height: 21px; border: none; text-decoration: none; display: inline-block; text-decoration: none;}

.contact-phone { margin: 0 15px; padding: 0 15px; background: transparent url("/images/layout/bg-gray-ribbed-5x40.png") 0 0 repeat-x;     }

.linkedin:hover { background: url(images/layout/socials-22x21.png) 0 0 no-repeat; }
.twitter:hover { background: url(images/layout/socials-22x21.png) -22px 0 no-repeat;}
.facebook:hover { background: url(images/layout/socials-22x21.png) -44px 0 no-repeat;}
.email:hover { background: url(images/layout/socials-22x21.png) -66px 0 no-repeat;}
.blog:hover { background: url(images/layout/socials-22x21.png) -66px 0 no-repeat;}

.linkedin { background: url(images/layout/socials-22x21.png) 0 -21px no-repeat; margin-left: 4px;}
.twitter { background: url(images/layout/socials-22x21.png) -22px -21px no-repeat; margin-left: 3px;}
.facebook { background: url(images/layout/socials-22x21.png) -44px -21px no-repeat; margin-left: 4px;}
.email { background: url(images/layout/socials-22x21.png) -66px -21px no-repeat; margin-left: 4px;}
.blog { background: url(images/layout/socials-22x21.png) -66px -21px no-repeat; margin-left: 4px;}

.dataart-logo { padding: 24px 0 13px 0;display: inline-block;text-decoration: none; }
.dataart-logo img { display: inline-block; }

.homepage .more-with-arrow { position: relative; top: 3px; left: 5px; }
.homepage .content-title { background: white }
.homepage .content-title .wrapper { width: 1150px; padding: 15px 15px 0 25px; background: white; }
.homepage h2 { color: #000000; line-height: 1; max-width: none; padding: 1; margin: 0; display: inline-block;}
.homepage h2.line-1 { font-size: 62px; }
.homepage h2.line-2 { font-size: 36px; line-height: 1.3}
.homepage h2 > span { color: #464646; }
.homepage-description { margin-top: 18px; padding: 0 0 38px 105px; background: url(images/layout/title-prefix-74x66.png) 0 4px no-repeat; font-family: "fjord one"; font-size: 17px; color: #000000; line-height: 1.5; }
.content-quick-facts { background: #000000; color: #ffffff }
.facts { padding: 0 0 26px 0; margin: 0; font-family: "nettoweb-bold"; }
.facts li { padding: 0 37px 0 0; margin: 0; display: inline-block; background: none; }
.facts li:last-child { padding: 0; }
.facts li:before { content: "{"; font-family: "dincondensedweb"; font-size: 145px; line-height: 0.9; color: #888888; padding-right: 10px; }
.facts .big,
.facts .small { top: -18px; position: relative; }
.facts .big { font-size: 65px; line-height: 1; }
.facts .small { font-size: 33px; line-height: 1; padding-left: 16px; display: inline-block; }

.attention-block .icon { padding: 47px 0 15px 0; }
.attention-block .icon a { padding-left: 81px; min-height: 70px; min-width: 70px; padding-top: 47px; }
.attention-block .icon a:hover,
.attention-box a.more:hover { color: #ED7000; text-decoration: none; }
.what-we-do a {background: transparent url(/images/layout/attention-block-icons-70x70.png) 0 0 no-repeat;}
.why-dataart a {background: transparent url(/images/layout/attention-block-icons-70x70.png) 0 -140px no-repeat;}
.in-the-news a {background: transparent url(/images/layout/attention-block-icons-70x70.png) 0 -280px no-repeat;}
.what-we-do a:hover {background: transparent url(/images/layout/attention-block-icons-70x70.png) 0 -420px no-repeat;}
.why-dataart a:hover {background: transparent url(/images/layout/attention-block-icons-70x70.png) 0 -560px no-repeat;}
.in-the-news a:hover {background: transparent url(/images/layout/attention-block-icons-70x70.png) 0 -700px no-repeat;}
.attention {padding: 25px 0;}
.attention-block { background: url("/images/layout/points-12x12.png") 0 0 repeat; }
.attention li { width: 33%; display: inline-block; vertical-align: top; background: none; padding: 0; }
.attention li:first-child .attention-box { margin: 0 30px 0 0; }
.attention li:last-child .attention-box { margin: 0 0 0 30px; }
.attention-box { background: white; margin: 0 10px; padding: 24px 39px; border-radius: 0 0 15px 15px; -webkit-box-shadow: 1px 1px 1px 0px #888888; box-shadow: 1px 1px 1px 0px #888888; }
.attention-box p,
.attention-box p a { font-family: "Fjord One"; font-size: 17px; color: black; line-height: 1.2; }
.attention-box a.more { color: #959595; font-size: 24px; }
.attention-box h3 { font-family: "DINCondensedWeb"; }
.attention-box .date{ color: #666666; font-size: 15px; }

.clients-slider { border-top: 8px solid #fa8800; background: white; }
.clients-slider h3,
.clients-slider h3 a{ text-transform: uppercase; font-size: 18px; color: #231f20; padding: 12px 0 15px 0; margin: 0; }

.client-mention { float: left; display: inline-block; width: 75%; line-height: 1.5;     }
.client .client-info { float: right;    width: 21%; }
.client .client-info a { color: #136480 !important; text-decoration: underline; }
.client .client-info img { border: 2px solid white; margin-top: 16px; }
.client-info ul li { background: transparent; float: left;     padding: 0; }
.client-info ul { display: inline-block; padding: 0; }
.client .clients-slider { border: 0; background: transparent; }
.client .clients-slider img { height: 44px; }
.client .clients-slider #carousel { padding-left: 19px;}
.client .clients-slider #ui-carousel-prev,
.client .clients-slider #ui-carousel-next { top: 15%; }

.search-form { width: 157px; float: right; margin: 23px 0 0 0; position: relative; }
.search { width: 145px; background: #eaeaea; border-radius: 2px; -webkit-box-shadow: inset 1px 1px 0px 0px #a2a2a2; box-shadow: inset 1px 1px 0px 0px #a2a2a2; padding: 3px 0 3px 12px; margin: 0; color: #959595; border: 0; }
.search-submit { cursor: pointer; width: 12px; height: 12px; padding: 11px 12px 11px 14px; margin: 0; position: absolute; top: 0; right: 0; background: url(/images/layout/loop-12x12.png) 50% 50% no-repeat; border: 0; }

.content-title > .wrapper { padding-left: 93px; min-height: 74px; background: url(/images/layout/title-prefix-58x51.png) 25px 22px no-repeat; width: 1082px; }
.content-title strong,
.content-title b { color: #fa8800; font-weight: normal;}
.with-sharp { background: transparent url(/images/layout/sharp-25x36.png) 9px 7px no-repeat; padding-left: 40px; }
.workspace.with-sharp { width: 830px; }

.share-this { cursor: pointer; display: inline-block; padding: 10px 30px 0 0; opacity: .8 }
.share { color: #000000; vertical-align: middle; font-weight: normal; display: inline-block; min-height: 21px; padding: 3px 0 0 29px; background: transparent url(/images/layout/share-22x21.png) 0 0 no-repeat; font-family: "DINCondensedWeb"; text-transform: uppercase; font-size: 17px; margin: 10px 0 20px 0; }
.share-this:hover .share { background: transparent url(/images/layout/share-22x21.png) 0 -29px no-repeat; color: #ED7000; }
.share-this .share-links { display: none; }
.share-this a { display: inline-block; }

.paging { list-style: none; display: inline-block; position: absolute; right: 80px; padding: 0; margin: 0; }
.paging.top { top: 20px; }
.paging.bottom { bottom: 30px; }
.paging li { float: left; margin: 0; padding: 0 10px 0 0; background: 0;}
.paging li.active a{ color: #0B4CA0; }
.paging a { font-size: 18px; color: #999999; font-family: "NettoWeb-Bold"; }
.paging a:hover { text-decoration: none; color: #0B4CA0; }
.paging a:active { color: #333333; }

.workspace-col-1,
.workspace-col-2 { padding-right: 45px; }
.workspace-col-1 { width: 350px; }
.workspace-col-2,
.workspace-col-3{ width: 190px; }
.with-icon { min-height: 55px; padding: 8px 0 0 69px; margin: 15px 0 0 0; }
.what-we-do-graph { padding-top: 30px; padding-bottom: 30px; }
.how-we-work-graph { padding-top: 30px; padding-bottom: 20px; }

.financial-services { background: transparent url(/images/layout/icons-industries-64x64.png) 0 0 no-repeat; }
.healthcare { background: transparent url(/images/layout/icons-industries-64x64.png) 0 -223px no-repeat; }
.mobile-solutions { background: transparent url(/images/layout/icons-industries-64x64.png) 0 -447px no-repeat; }
.tracel-hospitality { background: transparent url(/images/layout/icons-industries-64x64.png) 0 -111px no-repeat; }
.media-publishing { background: transparent url(/images/layout/icons-industries-64x64.png) 0 -334px no-repeat; }
.green-tech { background: transparent url(/images/layout/icons-industries-64x64.png) 0 -557px no-repeat; }
.industry-expertise {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1217px no-repeat;}
.security-confidentiality {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -777px no-repeat;}
.efficiency-accountability {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1327px no-repeat;}
.transparency {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1767px no-repeat;}
.world-class-talent {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1437px no-repeat;}
.shared-risk-reward {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1657px no-repeat;}
.application-development { background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1547px no-repeat; }
.qauality-assurance {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1107px no-repeat;}
.team-extension {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -667px no-repeat}
.reengineering {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -997px no-repeat;}
.research-and-development {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -887px no-repeat;}
.logistics {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1877px no-repeat;}
.rapid-prototyping {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -1986px no-repeat;}
.telecommunications {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -2095px no-repeat;}
.requirements-engineering {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -2210px no-repeat;}	
.ux-design {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -2318px no-repeat;}
.usability-testing {background: transparent url(/images/layout/icons-industries-64x64.png) 0 -2425px no-repeat;}

.clients h3 { color: #FA8B06; }
.clients-list { padding: 7px 0 20px 0; margin: 0; width: 100%; display: inline-block; }
.clients-list li { padding: 10px 19px 0 13px; margin: 0; background: 0; }
.clients-list li a { color: #1e5f7a !important; }
.clients-list li a:before { content: "\2013"; float: left; margin: -2px 0 0 -13px; padding: 0 4px 0 0; }

.ticker { width: 100%; text-align: center; border-top: 1px solid #979797; background: #555555; margin: 14px 0 46px 0; color: #fa8b06; font-size: 38px; line-height: 1; overflow: hidden; padding: 15px 0; font-family: "NettoWeb-Bold"; font-weight: bold; }
.ticker h4,
.ticker h4 a { color: #fa8b06; display: inline; padding: 0; margin: 0 5px; line-height: 38px; font-size: 38px; }
.ticker a:hover { color: #6C93C5; text-decoration: none; }
.ticker a:active { color: #FAB868; }

.news {padding: 15px 0 0 0; list-style: none;}
.news li { padding-bottom: 45px; display: inline-block; background: none; padding-left: 0; }
.news .logo { float: left; width: 189px; height: 189px; background: white; line-height: 189px; text-align: center; }
.news .logo img { vertical-align: middle; }
.news-content { float: left; padding-left: 49px; width: 590px; }
.news-content .description { border-bottom: 1px solid #acacac; padding-bottom: 28px; }
.news-date { line-height: 1.1; font-family: "NettoWeb-Bold"; font-weight: bold; font-size: 17px; color: #555555; margin: 0 0 8px 0; display: inline-block; padding: 0 0 3px 0; }
.news-date b { font-weight: normal; font-size: 37px; }
.news .share-this .share { margin: 4px 0; }

.faces-wrapper { padding: 50px 0 0 0 ; }
.table-skills { margin: 0 0 30px 0; }
.table-skills td { vertical-align: top; }
.table-skills tr > td:first-child { padding-right: 20px}
.table-skills ul {padding: 15px 0 25px; list-style: none}
.table-skills li { background: none; padding: 3px 0 0 0; }
.table-skills a { color: #555555; }

.two-equal-cols { display: inline-block; }
.two-equal-cols > .col { width: 48%; float: left; }
.two-equal-cols > .col.first { padding: 0 2% 0 0;}
.two-equal-cols > .col.second { padding: 0 0 0 2%; }

.three-equal-cols { width: 100%; display: inline-block; }
.three-equal-cols .col { width: 30%; display: inline-block; vertical-align: top;}
.three-equal-cols .first.col { padding-right: 2%}
.three-equal-cols .second.col { padding: 0 1%}
.three-equal-cols .third.col { padding-left: 2%}

.success-stories-list { margin: 0; width: 100%; font-size: 13px; padding: 20px 0 20px 0; display: inline-block; }
.success-stories-list img { border: 3px solid white; border-radius: 2px; background: white; }    
.success-stories-list img:hover { border: 3px solid #cdcaca;}    
.success-stories-list li { padding: 0 5% 20px 0; margin: 0 0 15px 0; float: left; width: 28%; border-bottom: 1px solid #c4c4c4; background: transparent; }

.unsubscribe-email {
    padding-left: 10px;
    padding-right: 10px;
    width: 200px;
}
.unsubscribe-email.error {
    -webkit-box-shadow: inset 0px 0px 0px 0px #EF7000;
    box-shadow: inset 0px 0px 0px 1px #EF7000;
}
.unsubscribe-action {
    border: 0;
    background: url("/images/layout/arrows.png") 100% -170px no-repeat;
    padding-right: 15px;
    font-family: "NettoWeb-Bold";
    font-size: 18px;
    cursor: pointer;  
    margin-left: 8px;   
    line-height: 18px;
}
.quote {
	padding: 0 2em;
	color: #666;
	font-style: italic;
	border-left: 2px solid #CCC;
	margin: 1em 0;
}

.quote cite {
	padding: 0;
	font-weight: bolder;
	text-align: right;
}

/* ---- search results page ---- */
.search-results-form { display: inline-block; background: #a1a1a1 url(/images/layout/arrow-gray-20x22.png) 100% 50% no-repeat; border-radius: 5px; margin: 0 0 11px 80px; }
.search-results-form h3 { line-height: 1.2; font-size: 27px; text-transform: uppercase; padding: 3px 26px 2px 11px; color: white; margin: 0; font-weight: normal;}
.search-results-form + .search-form { display: inline-block; float: none; width: 270px; margin: 0 0 0 20px; top: -2px; }
.search-results-form + .search-form .search { font-size: 18px; padding: 9px 35px 6px 12px; width: 223px; }
.search-results-form + .search-form .search-submit { height: 100%; width: 43px;}
.search-result-items { padding: 65px 0 0 0; }
.search-result-items li { background: transparent; padding-left: 65px; }
.search-result-items .more{ display: block; }
.search-result-items .description { background: url(../images/layout/dash-6x1.png) 0 100% repeat-x; padding-bottom: 18px; margin-bottom: 30px; }
.search-result-item-content { padding: 0; margin: 0; }
/* ---- /search results page ---- */

/* ---- management team ---- */
.leadership-single { padding-top: 30px; }
.leadership-single .sidebar { padding-top: 12px; }
.management-team { padding: 20px 0 0 0; display: inline-block; }
.list-3cols .item { padding: 0 0 22px 0; border-bottom: 1px solid #c4c4c4; height: 115px; overflow: hidden; margin-bottom: 20px;}
.list-3cols .item .face { float: left; border: 1px solid white; padding: 2px; background: #eaeaea; margin-right: 10px; width: 76px; height: 82px; }
.list-3cols .item h3 { padding: 0 10px 8px 0; margin: 0; }
.list-3cols .item p { padding: 0 10px 0 0; }
.management-team .item h3,
.management-team .item p { padding-left: 92px; }
.leadership-single-content h3 { font-size: 22px; padding: 5px 0 7px 0; margin-top: -6px; }
.leadership-single-content-face {  float: left; margin: 12px 20px 0 0; border-left: 12px solid #13637F; width: 166px; height: 180px; background: white; }
.leadership-single-content .description { padding: 0 25px 0 240px; background: transparent url(/images/layout/sharp-25x36.png) 199px 14px no-repeat; }
.leadership-single-content .back { font-family: "DINCondensedWeb"; font-size: 17px; color: #0c4da2; float: none; clear: both; }
.leadership-single .share-this { float: left; clear: left; }
/* ---- /management team ---- */

/* ---- office contact  page ---- */
.content-main.location { margin-top: 43px; }
.content-main.location .with-sharp { background: transparent url(/images/layout/sharp-25x36.png) 9px 0px no-repeat;}
.content-main.location .sidebar { padding-top: 0; }
.office-contact { line-height: 1.5; margin-bottom: 30px; }
.office-contact > * { vertical-align: top; }
.office-contact h2,
.office-contact h3 { font-size: 24px; margin: 0; padding: 0 0 4px 0; }
.office-img { display: inline-block; margin-right: 45px; width: 271px; height: 224px; }
.office-contact-values { display: inline-block; }
.office-media-contact { float: right; display: inline-block; padding-right: 40px; }
.map-canvas { -webkit-box-shadow: 0px 1px 2px 0px #888888; box-shadow: 0px 1px 2px 0px #888888; padding: 5px; background: #fafafa; border: 1px solid white; margin-bottom: 30px; }
.office-photo-stream { float: left; width: 100%; padding: 0; margin: 0; text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom: 1; }
.office-photo-stream:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; }
.office-photo-stream li { list-style: none; vertical-align: top; background: transparent; display: inline-block; text-align: left; padding: 5px; margin: 0;    background: #fafafa; border: 1px solid white; -webkit-box-shadow: 0px 1px 2px 0px #888888; box-shadow: 0px 1px 2px 0px #888888;  }
.office-photo-stream li:hover { background: #ef7000; border: 1px solid #ef7000; }
.office-photo-stream li img { width: 150px; height: 113px; }
@-moz-document url-prefix(http), url-prefix(https), url-prefix(file) { .office-photo-stream li img:-moz-broken { -moz-force-broken-image-icon: 1; width: 150px; height: 113px; } } /* firefox display non-existing image fix */
/* ---- /office contact  page ---- */

/* ---- main-menu drop-down ---- */
.main-navigation { font-family: ""; display: inline-block; padding: 0;  list-style: none }
.main-navigation a { display: block; }
.main-navigation a:hover { text-decoration: none; color: #0c4da2; }
.main-navigation li { padding: 0; background: none;}
.level-1-container { display: none; z-index: 9999; text-align: left; font-size: 18px; list-style: none; background-color: #ffffff; font-weight: normal; position: absolute; margin-top: 11px; left: 7px; top: 59px; }
h2.level-1-header { font-family: "abelregular"; font-size: 18px; color: #000000; font-weight: bold; text-transform: capitalize; }
h2.level-2-header, h3.level-2-header { font-family: "Fontin_Sans_B_45b"; font-size: 22px; color: #000000; font-weight: normal; text-transform: none;}
h3.level-2-header { margin: 13px 0 18px 0; padding: 0;}
h2.level-2-header > a, h3.level-2-header > a, h3.level-3-header > a { color: #000000;  background: url("http://www.cowboyglobal.com/autowash/gg/images/layout/arrows.png") 100% center no-repeat; padding-right: 18px;display: inline-block; }
h2.level-2-header > a:hover, h3.level-2-header > a:hover, h3.level-3-header > a:hover { color: #cccccc;  }
h3.level-3-header { font-family: "abelregular"; font-size: 18px; color: #28578f; font-weight: normal; text-transform: capitalize; margin: 0 0 8px 0; padding: 5px 0; }
.level-2-new { position: relative; width: 100%; margin: 0; padding: 0;  }
.level-3 { padding: 4px 0 4px 0; margin: -1px -4px 0 -5px; font-size: 14px; background: #C8C8C8; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; width: 100%; left: 100%; position: absolute; top: 0px; border-radius: 0 7px 7px 7px; margin-left: 0; }
.level-1 > li { font-family: "Arial"; font-size: 18px; float: left;  position: static; text-align: center; min-width: 90px; padding: 0 0 10px 0; margin: 0 30px 0 -18px; width: 146px; overflow: visible;  }
.level-1 > li:last-child { margin-right: 0; padding-bottom: 0; }
.level-1 > li > a { font-family: "Arial"; color: black; font-weight: normal; display: inline-block; padding: 14px 0 8px 0; margin: 0; width: 100%; text-decoration: none; z-index: 250; position: relative; border: none;}
.level-1 > li.hover, .level-1-container { box-shadow: 0px 2px 10px #666; }
.level-1 > li.hover > a { padding: 14px 0 8px 0; border-top: 5px solid #000000; border-bottom: none;  padding-top: 9px; color: #000; background-color: #cccccc; }
.level-1 > li.active > a { color: #0C4DA2; } 
.level-2-new { text-transform: none; }
.level-2-new > li { padding: 0 7px 0 18px; position: relative; background: url("http://www.gandgtech.com/images/arrows.png") left center no-repeat; margin-left: 18px;}
.level-2-new > li > a { color: #000000; padding: 3px 15px 2px 0;  }
.level-2-new > li > a:hover { color: rgb(57, 138, 177); }
.level-2-new > li.with-child > a {background: url(/images/layout/arrows.png) 100% -247px no-repeat;}
.level-2-new > li.with-child:hover > a {  }
div.level-2-new > .level-2-header { padding-left: 8px; }
.level-3 a { color: #444444; padding: 3px 20px 2px 27px; min-width: 100px;}
.level-2-new > li:last-child { margin-bottom: 7px; }
.level-1-column { display: block; float: left; width: 23%; padding-left: 2%; background: url('http://www.gandgtech.com/dev/site/images/menu-splitter.png') 0 5% no-repeat ; min-height: 285px; vertical-align: top; padding-bottom: 20px;}
.level-1-column:first-child, .level-1-column:first-of-type  {background: none; padding-left: 0; width: 23%;}
.level-2-column { display: block; float: left; width: 50%;}
.column-x2 { width: 48% !important; }
.column-x3 { width: 73% !important; }
.column-x05 { width: 12.5%; }
.column-x03 { width: 32% !important; }
.menu-single-news { display: block; text-transform: none;}
.menu-single-news h3 { padding-bottom: 0; margin-bottom: 0; }
.menu-single-news h3 a { background: none; }
.menu-single-news p { padding-bottom: 30px; font: 12px Helvetica, Arial; color: #27578f; padding-top: 4px; }
.menu-single-news p a { text-decoration: none; color: #27578f; }
.menu-single-news .logo { float: left; width: 125px; height: 50px; background: white; padding-top: 4px; text-align: center;}

/* ---- /main-menu drop-down ---- */

/* ---- 2 and 3 level navigation static ---- */
.subnav-wrapper { display: block;}
.subnav-wrapper li { background: none; }
.content-subnav,
.content-subnav h3,
.search-results-form h3 { font-family: "DINCondensedWeb"; }
.content-subnav a:hover { text-decoration: none;}
.content-subnav .wrapper { padding: 17px 0 9px 0; }
.main-navigation-active { background: #a1a1a1 url(/images/layout/arrow-gray-20x22.png) 100% 50% no-repeat; border-radius: 5px; margin: 0 0 11px 0; float: left; }
.main-navigation-active h3 { line-height: 1.2; font-size: 27px; text-transform: uppercase; padding: 3px 26px 2px 11px; color: white; margin: 0; font-weight: normal;}
.main-navigation-active h3 a { color: white; }
.main-navigation-active h3 a:hover { color: #0C4DA2; }
.navigation-level-2 { padding: 0 0 0 35px; margin: 0; display: inline-block; list-style: none; clear: none;}
.navigation-level-2 li { float: left; padding: 2px 20px 0 0;}
.navigation-level-2 li a { font-size: 18px; display: inline-block; line-height: 18px; float: left; color: #7d7d7d; background: transparent url(/images/layout/slash-gray-18x34.png) 0 0 no-repeat; padding: 0 0 0 21px; min-height: 34px; max-width: 90px; font-weight: normal;}
.navigation-level-2 li a:first-letter { text-transform: uppercase; }
.navigation-level-2 a:hover,
.navigation-level-2 li.active a { color: #0c4da2; }
.navigation-level-3 a:hover,
.navigation-level-3 li.active a { color: #0c4da2; background: transparent url(/images/layout/arrows.png) 0 -85px no-repeat; }
.navigation-level-3 { list-style: none; display: inline-block; padding: 6px 0 0 42px; clear: none;}
.navigation-level-3 li { float: left; padding: 0 15px 0 0; }
.navigation-level-3 li a { background: transparent url(/images/layout/arrows.png) 0 3px no-repeat; padding: 0 0 0 14px; min-height: 12px; color: #6c6f70; display: inline-block; max-width: 110px; }
.navigation-level-3 li a:hover { background: transparent url(/images/layout/arrows.png) 0 -85px no-repeat; }

.navigation-embedded-level-3 { float: left; width: 140px; margin: 0; padding: 0 }
.navigation-embedded-level-3 li { background: none; padding: 0; margin: 0; position: relative;}
.navigation-embedded-level-3 li a:visited { color: #FFFFFF; }
.navigation-embedded-level-3 li a { font-family: "DINCondensedWeb"; font-size: 18px; line-height: 1; display: block; padding: 9px 8px 7px 8px; margin: 4px 20px 3px 0; border-radius: 3px; }
.navigation-embedded-level-3 li.active a { background: #a1a1a1; color: White; }
.gray-triangle-right { height: 100%; position: absolute; top: 0; left: 119px;  }
.navigation-embedded-level-3 + .two-equal-cols { padding-left: 150px; display: block; padding-top: 4px;}
.navigation-embedded-level-3 + .single-col { padding-left: 150px; display: block; padding-top: 4px; }
/* ---- /2 and 3 level navigation static ---- */

/* ---- sidebar boxes ---- */
.box { background: white; border-left: 10px solid #136480; padding: 0 10px 33px 20px; margin: 0 0 34px 0; border-radius: 0 6px 6px 0; }
.box .slider { position: relative; padding: 20px 15px; }
.box .slider ul {padding: 0; margin: 0; }
.box .slider li { background: transparent; padding: 0; margin: 0;}
.box.white { border-left: 0; border-radius: 6px; padding: 0 10px;}
.box p { padding: 4px 5px 8px 0; margin: 0; }
.box h3 { padding: 9px 0 9px 0; background: url(/images/layout/dash-6x1.png) 0 100% repeat-x; }
.succes-stories blockquote { padding: 0; margin: 0; }
.succes-stories .logo { text-align: right; margin: 13px 0 8px -11px; background: url(/images/layout/quotes-36x27.png) 0 50% no-repeat; }
.succes-stories .logo.with-gray-quotes { background: url(/images/layout/quotes-gray-36x27.png) 0 50% no-repeat; }
.succes-stories .logo img { max-width: 105px; }
.succes-stories p { font-size: 13px; color: #000000; font-family: "fjord one"; font-weight: normal; line-height: 1.3; }
.succes-stories .author { color: #999999; font-size: 11px; }
.quick-facts { font-family: "NettoWeb-Bold"; font-weight: bold; color: #fa8800; }
.quick-facts span { font-size: 75px; line-height: 1; padding: 20px 0 0 0; display: block; }
.quick-facts p { font-size: 21px; line-height: 0.9; }

#tweets {height: 230px; overflow: hidden;}
#tweets li {display: none; margin-bottom: 8px; font-size: 13px; font-family: "fjord one"; background: none; padding-left: 5px; }
#tweets li.show {display: block;}
#tweets span {color: #aaa; font-size: 10px; font-family: "fjord one"; display: block; visibility: hidden; margin-top: 2px; text-align: right;}
#tweets span.show {visibility: visible;}
#tweets span a {color: #333; display: inline-block; padding-left: 18px; margin-left: 8px; text-decoration: none; background: url('/images/twiter-buttons.png') 0 2px no-repeat; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#tweets span a.retweet {background-position: 0 -19px;}
#tweets span a:hover {color: #1f98fc; text-decoration: underline; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.twitter-bar h3 a {background: url('/images/twitter-bird.png') 120px 0 no-repeat; width: 200px; display: block; }
.twitter-bar .fade {display: block; background: transparent url('/images/fade-line.png') 0 0 repeat-x; bottom: 8px; left: 2px; height: 10px; width: 200px;}
.twitter-bar .bird {display: block; background: url('/images/twitter-bird.png') 0 0 no-repeat; top: 8px; right: 1px; height: 32px; width:76px;}
.twitter-bar .wrap {position: relative;}

/* ---- /sidebar boxes ---- */

/* ---- industry recognition page & partnerss page ---- */
.list-logo-description { padding: 0; margin: 0; }
.list-logo-description li { background: 0; padding: 20px 0 15px 0; border-bottom: 1px solid #c4c4c4; margin: 0; display: block; min-height: 87px; }
.list-logo-description .description { padding: 0 0 0 200px; }
.list-logo-description .description h3:first-child { padding: 0; margin: 0; }
.list-logo-description .description h3+p { padding-top: 0; margin: 0; }
.list-logo-description .logo { display: inline-block; float: left; border: 5px solid white; }
/* ---- /industry recognition page & partnerss page ---- */

/* ---- 404 page ---- */
.page-404 .search-results-form { margin-left: 0; }
.page-404-quick-links li { background: none; }
.page-404-quick-links{ width:100%; padding:0; margin:0; text-align:justify; line-height:0; text-justify:newspaper; zoom:1; }
.page-404-quick-links > li { list-style:none; vertical-align:top; background:transparent; display:inline-block; text-align:left; margin:0;     max-width: 25%; }
.page-404-quick-links ul { display: inline-block; padding: 0; margin: 0; }
.page-404-quick-links ul a { font-size: 14px; }
.page-404-quick-links ul li { padding-top: 0; padding-bottom: 0; }
.page-404-quick-links:after { width:100%; height:0; visibility:hidden; overflow:hidden; content:''; display:inline-block; }
.page-404-quick-links a { color: #136480; }

/* ---- /404 page ---- */

/* ---- SiteMap ---- */
.sitemap .workspace { padding-top: 35px; }
.sitemap .sitemap-item h3 { text-decoration: underline; }
.sitemap .sitemap-item ul { padding: 0; margin: 0; }
.sitemap .sitemap-item { vertical-align: top; }
.sitemap .sitemap-item li { background: none; padding: 0; margin: 0; }
.sitemap .sitemap-item a { font-family: "NettoWeb-Bold"; color: #418399; }
.sitemap-level-2 > a { border-bottom: 1px dashed #418399;  }
.sitemap .sitemap-item .sitemap-level-2 ul { display: none; padding: 8px 0 8px 30px;      }
.sitemap .sitemap-item .sitemap-level-2 ul a { font-family: Arial;     font-size: 13px; }
.sitemap .sitemap-item .sitemap-level-2 > a{  background: transparent url(/images/layout/arrows-orange-9x5.png) 100% -37px no-repeat; padding-right: 15px; }
.sitemap .sitemap-item .sitemap-level-2 > a:hover {  text-decoration: none; }
.sitemap .sitemap-item .opened > a { background: transparent url(/images/layout/arrows-orange-9x5.png) 100% 8px no-repeat; }
/* ---- /SiteMap ---- */

/* ---- company images page ---- */
.company-images .face { border: 1px solid white; padding: 2px; background: #EAEAEA; margin-right: 10px; width: 102px; height: 108px; vertical-align: top; }
.company-images .image-list { list-style: none; padding: 0; }
.company-images .image-list li { display: inline-block; background: none; margin: 0; padding: 0; }
.company-images h4.bio-link { display: inline-block; margin: 0 0 30px 0; }
.company-images .file-list { table-layout: fixed; left: 20px; position: relative; }
.company-images .file-list td { background: url(/images/icons/filetypes.png) -5000px top no-repeat; padding: 0 20px; height: 24px; line-height: 24px; }
.company-images .file-list .cdr { background-position: 0 0; }
.company-images .file-list .psd { background-position: 0 -24px; }
.company-images .file-list .ai { background-position: 0 -48px; }
.company-images .file-list .gif { background-position: 0 -72px; }
.company-images .file-list .eps { background-position: 0 -96px; }
.company-images .file-list .jpg { background-position: 0 -118px; }
/* ---- /company images page ---- */

/* ---- footer ---- */
#footer ul { padding: 0; list-style: none;}
#footer li { background: none; padding: 2px 0 3px 0;}
#footer strong,
#footer b {color: #000000;}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #0c4da2; }
#footer .footer-copyright a:visited,
#footer .footer-copyright a:link {color: #BFBFBF;}
#footer { font-size: 12px; color: #555555; }
#footer h4 {
	font-size: 16px;
	color: #464646;
	padding: 25px 0 14px 0;
	margin: 0 0 7px 0;
	font-weight: bold;
	left: auto;
}
.footer-topborder { background: url(/images/layout/points-dark-12x12.png) 0 0 repeat; height:  8px; }
.footer-content { background: #ebebeb; padding: 0 0 45px 0; }
.footer-copyright { background: #000000; color: white; padding: 12px 0 13px 4px; }
.footer-quick-links { width: 280px; display: block; float: left; padding-right: 76px;}
.footer-quick-links > .links { padding-top: 4px; }
.footer-quick-links > .links li { width: 50%; float: left; padding: 9px 0 0 0; margin: 0; }
.footer-quick-links a { margin: 0 0 0 4px; }
.footer-locations { width: 790px; display: inline-block; }
.footer-locations .col { width: 20%; float: left; padding: 0 5% 0 0; }
.footer-locations .location li { padding-top: 4px; font-weight: normal;}
.footer-locations .location li:first-child a { font-weight: bold; color: black !important;}
#footer .footer-locations .location { padding: 0 0 12px 0; background: url(/images/layout/dash-6x1.png) 0 100% repeat-x; margin-bottom: 9px; }
/* ---- /footer ---- */

#FormPFForm p { padding: 0; font-size: 15px; color: #555; }
#FormPFForm label { width: 28%; display: inline-block; vertical-align: middle; }
#FormPFForm form label { margin-top: 14px; }
#FormPFForm input { resize: none; width: 69%; display: inline-block; color: #999; font-size: 15px; margin-top: 10px; -webkit-box-shadow: inset 1px 1px 1px 0px #e0e4e4; box-shadow: inset 1px 1px 1px 0px #e0e4e4; border: 1px solid #bcc4c4; border-radius: 2px; padding: 1% 1% 1% 1%; }
#FormPFForm { vertical-align: middle; }
#form-pf-submit,#form-aifmd-submit { text-transform: uppercase; float: right; background-image: url(/images/layout/rfp/button.png) !important; height: 34px; width: 111px; color: White; text-align: center; line-height: 1.8; font-size: 19px; margin-right: 4px; }
#form-pf-submit:hover,#form-aifmd-submit:hover { background-position: 0 -46px !important; text-decoration: none; }	
div.pf-form-after { display: none; }
a.request-button-new-orange {display: block; margin: 30px 0; width: 298px; height: 63px; background: url(/images/layout/getintouch.png) no-repeat top center; text-decoration: none; text-indent: -9999px; overflow: hidden; } 
a.request-button-new-orange:hover {background-position: center -64px; text-decoration: none; } 
a.request-button-new-orange:active {background-position: center -128px; }

/* ======== LIMS Landing ======= */
/*content: */
.hc-content-wrapper {
    background: #fff;
    font-family: Arial, sans-serif;
}

.content-nav-head{
    text-align: center;
    margin: 0 auto;
}

.content-header-title {
	font-size: 24px;
	color: #ef7000;
	max-width: none;
	font-family: "NettoWeb-Bold",Arial,sans-serif;
	font-weight: bolder;
	max-width: 1150px;
	text-align: center;
	margin: 0 auto;
}

.content-header-text {
    font-size: 16px;
    color: #000;
    margin: 0 auto;
    max-width: 1150px;
}

.content-nav {
    width: 100%;
    height: 155px;
    vertical-align: bottom;
    position: relative;
    text-align:center;
    background: #f9f9f9 url(/images/layout/points-light-12x12.png) 0 0 repeat;
    margin-top: 30px;
}

.content-nav li {
    margin-top: 0px;
    padding: 0;
    position: relative;
    font-size: 16px;
    display: inline-block;
    width: 288px;
    height: 155px;
    float: none;
    left: 0;
    background: none;
}

.text-link-lab {
    white-space: pre;
    top: 90px;
    left: -15px;
    position: relative;
    cursor: pointer;
}

a.link-lab {
    display: inline-block;
    color: #919191;
}

.bg-lab {
    background-image: url(/images/landing/healthcare/bg-lab8.png);
    background-repeat: no-repeat;
}

.hc-content-wrapper .small {
    background-position: -6px -13px;
    width: 92px;
    height: 109px;
    color: #b0b0b0;
    left: 50px;
}

.hc-content-wrapper .active .small, .hc-content-wrapper .small:hover, .hc-content-wrapper li:hover .small {
    background-position: 1px -142px;
    color: #2c4ea3;
    text-decoration: none;
}

.hc-content-wrapper .large {
    background-position: -305px -6px;
    width: 94px;
    height: 109px;
    color: #b0b0b0;
    left: 640px;
}

.hc-content-wrapper .active .large, .hc-content-wrapper .large:hover, .hc-content-wrapper li:hover .large {
    background-position: -300px -128px;
    color: #2c4ea3;
    text-decoration: none;
}

.hc-content-wrapper .medium {
    background-position: -114px -5px;
    width: 166px;
    height: 109px;
    color: #b0b0b0;
    left: 300px;
}

.hc-content-wrapper .active .medium, .hc-content-wrapper .medium:hover, .hc-content-wrapper li:hover .medium {
    background-position: -113px -131px;
    color: #2c4ea3;
    text-decoration: none;
}

.content-nav li.active, .content-nav li:hover {
    background-color: rgba(255,255,255,0.5);
}

.content-body{
    padding: 30px 30px 60px;
    width: 1100px;
    margin: 0 auto;
    font-size: 16px;
}

.content-block-text{
    overflow: hidden;
    width: 48%;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #000;
}

.content-block-text ul li{
    background: none;
}

.img-previe{
    width: 320px;
    height: 320px;
    margin-left: 150px;
    margin-right: 40px;
    float: left;
}
.small-previe{
    background-position: 0 -400px ;
}

.medium-previe{
    background-position: -521px -409px ;
}

.large-previe{
    background-position: -522px 0;
}

.button-lab {
    background: #3558b2;
    width: 205px;
    color: white !important;
    border-radius: 5px;
    border-bottom: 6px solid #223e82;
    font-family: "NettoWeb-Bold";
    font-size: 24px;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    padding: 7px 40px 4px;
    display: block;
}

.button-lab:hover {
    text-decoration: none;
}