* { margin: 0px; padding: 0px; border: none; outline: none; text-decoration: none; list-style-type: none; outline: none; } .clr { clear: both; } .left { float: left; } .right { float: right; } /* COLORS Yellow-active: #ffea7f; */ @font-face { font-family: "GreyScaleItalic"; src: url("../fonts/Greyscale_Basic_Regular_Italic.ttf"); } @font-face { font-family: "GreyScale"; src: url("../fonts/Greyscale_Basic_Regular.ttf"); } @font-face { font-family: "NeoTech"; src: url("../fonts/NeoTechStd-Regular.otf"); } @font-face { font-family: "NeoTechMed"; src: url("../fonts/NeoTechStd-Medium.otf"); } @font-face { font-family: "NeoTechItalic"; src: url("../fonts/NeoTech-Italic.otf"); } HTML { background: #e2eaf3 url(../img/bg.jpg) top center no-repeat; } body { font-family: NeoTechMed, Trebuchet MS; text-shadow: none; } a { cursor: pointer!important; } #container { width: 942px; margin: 0px auto; } #language { float: right; width: 154px; height: 26px; margin-right: 2px; padding: 7px; background: url(../img/lang_bg.png) top center no-repeat; } #language a { margin-left: 3px; cursor: pointer; } #language a#lang_pt.active { float: left; display: block; position: relative; width: 30px; height: 25px; margin-right: 16px; background: url(../img/lang_pt.png) 0 -25px no-repeat; } #language a#lang_pt.fade { float: left; display: block; position: relative; width: 30px; height: 25px; margin-right: 16px; background: url(../img/lang_pt.png) 0 0 no-repeat; } #language a#lang_pt.fade .hover { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 25px; background: url(../img/lang_pt.png) 0 -25px no-repeat; } #language a#lang_eng.fade { float: left; display: block; position: relative; width: 40px; height: 25px; margin-right: 16px; background: url(../img/lang_eng.png) 0 0 no-repeat; } #language a#lang_eng.fade .hover { display: block; position: absolute; top: 0; left: 0; width: 40px; height: 25px; background: url(../img/lang_eng.png) 0 -25px no-repeat; } #language a#lang_esp.fade { float: left; display: block; position: relative; width: 40px; height: 25px; background: url(../img/lang_esp.png) 0 0 no-repeat; } #language a#lang_esp.fade .hover { display: block; position: absolute; top: 0; left: 0; width: 40px; height: 25px; background: url(../img/lang_esp.png) 0 -25px no-repeat; } #header_container { clear: both; margin-top: 30px; padding: 34px 0 0 30px; } #header_container a#logo { display: block; float: left; width: 386px; height: 163px; margin-top: 21px; background: url(../img/logo.png) top center no-repeat; } #header_container #quotescollection { clear: right; float: right; padding: 10px; background: url(../img/quotescollection_bg.png) top center no-repeat; } #menu { display: block; width: 912px; height: 83px; margin-top: 19px; padding: 0 15px; background: url(../img/menu_bg.png) top center no-repeat; } #menu .menu_divider { display: block; float: left; width: 4px; height: 77px; background: url(../img/menu_divider.png) center no-repeat; } #menu a { float: left; margin: 18px 9px;} #menu a#menu_about.fade, #menu a#menu_who.fade, #menu a#menu_what.fade, #menu a#menu_experience.fade, #menu a#menu_work.fade, #menu a#menu_references.fade { float: left; display: block; position: relative; width: 40px; height: 60px; } #menu a#menu_about.fade { width: 70px; background: url(../img/menu_about.png) 0 0 no-repeat; } #menu a#menu_who.fade { width: 126px; background: url(../img/menu_who.png) 0 0 no-repeat; } #menu a#menu_what.fade { width: 143px; background: url(../img/menu_what.png) 0 0 no-repeat; } #menu a#menu_experience.fade { width: 118px; background: url(../img/menu_experience.png) 0 0 no-repeat; } #menu a#menu_work.fade { width: 128px; background: url(../img/menu_work.png) 0 0 no-repeat; } #menu a#menu_references.fade { width: 120px; background: url(../img/menu_references.png) 0 0 no-repeat; } #menu a#menu_about.fade .hover, #menu a#menu_who.fade .hover, #menu a#menu_what.fade .hover, #menu a#menu_experience.fade .hover, #menu a#menu_work.fade .hover, #menu a#menu_references.fade .hover { display: block; position: absolute; top: 0; left: 0; height: 60px; } #menu a#menu_about.fade .hover { width: 70px; background: url(../img/menu_about.png) 0 -60px no-repeat; } #menu a#menu_who.fade .hover { width: 126px; background: url(../img/menu_who.png) 0 -60px no-repeat; } #menu a#menu_what.fade .hover { width: 143px; background: url(../img/menu_what.png) 0 -60px no-repeat; } #menu a#menu_experience.fade .hover { width: 118px; background: url(../img/menu_experience.png) 0 -60px no-repeat; } #menu a#menu_work.fade .hover { width: 128px; background: url(../img/menu_work.png) 0 -60px no-repeat; } #menu a#menu_references.fade .hover { width: 120px; background: url(../img/menu_references.png) 0 -60px no-repeat; } #menu a#menu_about.fade.active, #menu a#menu_who.fade.active, #menu a#menu_what.fade.active, #menu a#menu_experience.fade.active, #menu a#menu_work.fade.active, #menu a#menu_references.fade.active { background-position: 0 -120px; cursor: default!important; } #content { display: block; width: 942px; height: 608px; background: url(../img/content_bg.jpg) top left no-repeat; } #loading{ float: right; position: relative; top: 21px; right: 32px; height: 40px; } #ajax_content { float: left; width: 542px; height: 535px; padding: 30px 33px 30px 47px; } #ajax_content p { margin: 10px 0px 18px 0px; font: 14px NeoTech, Arial; color: #052d60; } #ajax_content p i { font: 14px NeoTechItalic, Arial; line-height: 18px; } #ajax_content hr { display: block; padding: 3px; height: 5px; } #ajax_content img.worktool_b { margin-right: 12px; } #sidebar { float: right; width: 250px; height: 730px; padding: 35px 40px 35px 30px; overflow:hidden; } #sidebar img.heading { margin-left: 20px; } #listofservices { margin-top: 15px; } #footer { height: 300px; background: url(../img/footer_bg.jpg) top center no-repeat; } #formrequest { margin-left: 20px; } #formrequest p { font: 13px NeoTech, Arial; text-align: right; margin-right: 30px; color: #105786; line-height: 18px; } #formrequest p a, a.popup { color: white; color: #3275a8; padding: 1px 5px 2px 5px; text-decoration: underline; } #formrequest p a:hover, a.popup:hover { color: #105786; } a.webform.fade { display: block; position: relative; width: 290px; height: 139px; background: url(../img/webform.png) 0 -5px no-repeat; cursor: pointer; } a.webform.fade .hover { display: block; position: absolute; top: 0; left: 0; width: 290px; height: 139px; background: url(../img/webform.png) 0 -155px no-repeat; } #contacts { width: 260px; margin-top: 27px; padding: 60px 0 0 33px; color: #105786; font: 12px NeoTech, Arial; line-height: 16px; background: url(../img/contacts_bg.jpg) top center no-repeat; } #assign { clear: both; display: block; width: 570px; margin: auto; padding-top: 30px; font: 11px Trebuchet MS; color: #8ac7e5; text-shadow: 1px 1px 1px #115480; } #assign a { font-weight: bold; color: #8ac7e5; border-bottom: 1px solid #5593b3; } #assign a:hover { color: #a6d5ed; border-bottom: 1px solid #7ab1cc; } /* quotes slider */ .coda-slider { width: 414px; height: 224px; } .coda-slider .panel { width: 445px; } .panel-wrapper p { margin: 9px 30px 13px 5px; font: 14px NeoTechItalic, Arial; color: #2e6399; line-height: 22px; text-align: left; } .panel-wrapper p.assign { margin: 25px 0 0 55px; font: 13px NeoTech, Arial; color: #7491b3; line-height: 18px; text-align: left; } .panel-wrapper p.assign i { font: 13px NeoTechItalic, Arial; } .coda-slider-wrapper { clear: both; overflow: hidden !important; } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left; } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } /* ACCORDION */ h2.acc_trigger { width:285px; height: 41px; font: 14px NeoTechMed, Arial; line-height: 29px; background: url(h2_trigger_a.gif) } h2.acc_trigger a { display: block; width: 213px; height: 37px; padding: 5px 0 0 45px; color: white; background: url(../img/acc_tigger_bg.png) 0 0 no-repeat; } h2.acc_trigger a:hover { background: url(../img/acc_tigger_bg.png) 0 -42px no-repeat; } h2.acc_active a, h2.acc_active a:hover { color: #ffea7f; background: url(../img/acc_tigger_bg.png) 0 -84px no-repeat; } .acc_container { padding: 0; overflow: hidden; color: #063e6b; width: 250px; /* height: 0px; */ height: 155px; clear: both; font: 11px Trebuchet MS; line-height: 15px; } .acc_container .block { height: 259px; padding: 15px; background: url(../img/acc_block_top.png) top center no-repeat; } .acc_container .block p { margin-bottom: 15px; line-height: 15px; } .acc_container .block p a { color: #970003; } .acc_container .block p a:hover { text-decoration: underline; } /* JScroll */ .scroll-pane-arrows { width: 545px; height: 470px; margin-top: 15px; padding-right: 20px; overflow: auto; } hr { border-bottom: 1px dotted #7aadcf; } a.vcard { padding: 5px 0 5px 35px; font: 11px NeoTech, Arial; color: #34557e; opacity: .6; letter-spacing: -1px; background: url(../img/vcard.gif) left center no-repeat; } a.vcard:hover { opacity: 1; } /* References */ html.references { background-image: url(../img/bg_ref.jpg); } .image_carousel { margin: 10px 0 -10px 0; white-space: nowrap; height: 120px!important; overflow: hidden; } .caroufredsel_wrapper { width: 940px!important; height: 120px!important; } #logos img { float: left; background: #e9f2f8; margin: 0px 4px 20px 5px!important; white-space: nowrap; border: 4px solid white; -webkit-box-shadow: 0px 1px 4px 1px #cfdce8; box-shadow: 0px 1px 4px 1px #cfdce8; -webkit-border-radius: 8px; border-radius: 8px; } #logos img:hover { -webkit-box-shadow: 0px 1px 3px 1px #a9c0d2; box-shadow: 0px 1px 3px 1px #a9c0d2; } /* css3 animations */ #logos img { -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }