/* tpl update: 28.04.08 (v1.3) /* global ----------------------------------------- */ *{margin:0; padding:0; } a{ text-decoration: none; outline: none; color: #365f91; } a img{ border: 0; } h1, h2, h3, h4, h5, h6, p, address, blockquote{ margin: 0 0 1em; } h2 small{ font-size: .7em; } h1{ font-size: 1.8em; font-weight: normal; border-bottom: 1px solid; } h2{ font-size: 1.4em; font-weight: normal; } ul.bullet1 li{ list-style: none; background: url("../images/bullet1.gif") no-repeat 0 6px; padding-left: 13px; margin: 3px 0; display: block; } ul.bullet2 li{ list-style: none; background: url("../images/bullet2.gif") no-repeat 0 6px; padding-left: 15px; margin: 5px 0; display: block; float:left; clear: both; width: 100%; margin-right: -15px; } .page-home h1{ font-size: 1.3em; font-weight: normal; color: #5abc58; border:0; } .page-home h2{ font-size: 1.25em; color: #0071a3; } .page-home{ font-size: 1.1em; } label{ display: block; } html, body{ margin:0!important; padding:0!important; font: 13px Arial, Helvetica, sans-serif; color: #365f91; } #page-container{ width: 881px; margin: 0 auto; } #header{ width: 100%; float: left; height: 109px; position: relative; } #logo{ float: left; margin: 0; border: 0; } #logo a{ width: 200px; height: 109px; text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; } #tagline{ float: right; background: url("../images/tagline-new.gif") no-repeat left center; width: 344px; height: 50px; text-indent: -9999px; position: relative; top: 43px; } #navigator{ width: 100%; float: left; background: url("../images/bg-menu.gif") repeat-x top; height: 39px; } #content{ width: 100%; float: left; padding: 20px 0; } #right-side{ width: 600px; float: right; padding: 0 10px; } #left-side{ width: 240px; float: left; padding: 0 10px; } #sidebar{ min-height: 510px; width: 226px; position: relative; float: left; background: #739BCB url("../images/bg-sidebar.gif") no-repeat left bottom; } * html #sidebar{ height: 510px; } #text{ width: 610px; float: right; padding: 15px; } #text.box1{ padding:0; width: 640px; } #footer{ width: 100%; float: left; } /* header & navigation ----------------------------------------- */ #navigator ul{ background: url("../images/menu-right.gif") no-repeat right center; height: 100%; font-size: 13px; } #navigator li{ display: block; padding: 0 24px; float: left; height: 100%; background: url("../images/menu-sep.gif") no-repeat left center; } #navigator li.first{ background: url("../images/menu-left.gif") no-repeat left center; } #navigator li a{ color: #fff; position: relative; top: 4px; padding-top:4px;} /* content ----------------------------------------- */ #text a{ color: #42B240; } #text a:hover{ text-decoration: underline; } #right-side ul{ margin: 0 0 1em 1.5em; } .box1{ border: 1px solid #b4c5df; margin-bottom: 12px; } .box1 span.corner{ display: block; position: relative; } .box1 span.tl{ background: url("../images/corner-tl.gif") no-repeat left top; left: -1px; top: -1px; } .box1 span.tr{ background: url("../images/corner-tr.gif") no-repeat right top; right: -2px; } .box1 span.bl{ background: url("../images/corner-bl.gif") no-repeat left bottom; right: 2px; } .box1 span.br{ background: url("../images/corner-br.gif") no-repeat right bottom; bottom: -2px; } .box1 span.c{ padding: 15px; } .inside_content li{margin-left:20px;} .box2{ float: left; padding-top: 14px; width: 196px; background: #519ac7 url("../images/box-top.gif") no-repeat left top; text-align: center; margin-right: 6px; } .box2 ul{ } .box2.last{ margin-right: 0; } #right-side .box2 ul{ margin: 0; padding: 9px 2px 0; width: 192px; background: url("../images/box-bottom.gif") no-repeat left bottom; } .box2 h1{ margin: 0 0 7px 0; } .box2 ul li{ display: block; list-style: none; background: url("../images/hline1.gif") repeat-x top; padding: 9px 0; text-align: center; } .box2 ul li a, #sidebar ul li a{ color: #fff; } /* sidebar(s) ----------------------------------------- */ #left-side blockquote{ text-align: center; } #sidebar ul, #sidebar dl{ background: url("../images/sidebar-top.gif") no-repeat top left; padding-top: 2px; color: #fff; font-size: .9em; } #sidebar ul ul{ background: none; padding: 0; margin: 11px 0 -11px -25px;; } #sidebar ul li, #sidebar dt{ display: block; list-style: none; background: url("../images/hline2.gif") repeat-x bottom; padding: 6px 0 8px 25px; float: left; width: 201px; } #sidebar dd{ background: url("../images/bg-sidebar2.gif") no-repeat bottom left; padding: 5px 0 9px 25px; float: left; width: 201px; display: block; } #sidebar dd a{ background: url("../images/arrow1.gif") no-repeat 0 11px; padding-left: 10px; display: block; } #sidebar dd a img{ } #sidebar a{ color: #fff; } #sidebar dt{ display: block; float: none; overflow: auto; clear: both; } #sidebar dt a{ float: left; } #banner{ width: 141px; left: 50%; margin-left: -70px; position: absolute; bottom: 40px; display: block; z-index: 10; } /* forms ----------------------------------------- */ /* form label{ display: block; float: left; } form label span, form label input{ display: block; float: left; } form .submit{} form .submit input{} */ /* footer ----------------------------------------- */ #footer{ font-size: .85em; padding-bottom: 20px; background-color:#FFFFFF; padding-top:20px; } #footer p{ float: left; color: #88b1e1; padding-left: 10px; } #footer ul{ float: right; } #footer p, #footer ul{ position: relative; top: 12px;} #footer ul li{ float: left; display: block; list-style: none; border-left: 1px solid #88b1e1; padding: 0 10px; } #footer ul li a{ color: #88b1e1; } #footer ul li.first{ border: 0; } /*____________________________________________*/ /* clearfix ----------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* site-wide classes ----------------------------------------- */ .clear{ clear: both; } .b{ font-weight: bold; } .frImg{ float:right; margin: 0 0 8px 8px; clear: right; } .flImg{ float:left; margin: 0 8px 8px 0; clear: left; } .fl{ float: left; } .fr{ float: right; } ul.inline li{ display: inline; list-style: none; } .w300{ width: 300px; } .btn-get-a-free-assessment{ width: 288px; height: 47px; display: block; background: url("../images/btn_get-a-free-assess.gif") no-repeat left top; text-indent: -9999px; } .btn-subscribe{ width: 198px; height: 40px; display: block; background: url("../images/btn-subscribe.gif") no-repeat left top; text-indent: -9999px; margin: 0 auto; } /*________________________________PAGES_______*/ /* PAGE: home ( ) ----------------------------------------- */ #welcome h2{ margin: 0; } #welcome .btn-get-a-free-assessment{ margin-left: auto; } .coverage{ position: relative; left: 5px; } .coverage li{ float: left; margin-right: 10px; margin-left:0 !important;} .recruitment li{ list-style: none; float: left; display: block; margin: 5px 0; } .recruitment li img.pic{ float: left; } .recruitment li .text{ width: 440px; margin-left: 150px; padding-top: 10px; } .recruitment li .text h2 a, .recruitment li .text h2 a:hover { color:#365F91 !important; text-decoration:none; } .offices{ margin-right: -15px; position: relative; left: 5px; } .offices li{ display: block; float: left; width: 285px; list-style: none; margin-right: 15px; text-align: center; margin-left:0 !important;} .countries li{ width: 135px; } .countries li span.c{ padding: 10px; } #text .offices li *{ display: block; margin: 0 auto; font-style: normal; text-decoration: none; color: #365f91; } #text .visas h2{ margin-bottom: 10px; } .news_content, .news-inside li{ display: block; list-style: none; float: left; clear: both; width: 100%; padding-bottom: 10px; } .news_content .pic, .news-inside .pic{ float: left; width: 186px; margin: 0; } .news_content .text, .news-inside .text{ width: 390px; margin-left: 200px; } .news_content .pic .box1 img{ margin: 0 auto; display: block; } .leftsection{ left: 45px; margin-left: 0; width:140px; bottom: 40px; padding:0; display: block; z-index: 10; position: absolute; } .leftsection *{ color:#365f91 !important;} .leftsection img{margin:0; padding:0 !important; border:0; float: left; } .leftsection p{margin:0; padding:0; } .leftsection .left_cnt{padding: 0 5px;background-color:#FFFFFF;float: left; width: 130px;text-align:center !important;} .leftsection .left_cnt img{margin:0; padding:0 !important; border:0; float:none;} .visatype{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #365f91;} .form{border:1px solid #B9CEE3; background-color:#F2FAFD; } .form input, select, textarea {border:1px solid #889BAA; } .form input.field{width:180px; height:22px;} .form *{color:#254049;} #content2{ background: url("../images/col-bg.gif") repeat-y left; width: 881px; float: left; margin: 20px 0;} #content2 .x-grad{ background: url("../images/col-grad.gif") no-repeat left bottom; } #content2 .x-top{ background: url("../images/col-top.gif") no-repeat left top; } #content2 .x-bottom{ background: url("../images/col-bottom.gif") no-repeat left bottom; padding: 5px 0; position: relative; } #content2 #sidebar ul, #content2 #sidebar dl{ background: none; padding-top: 0;} #content2 #sidebar{ background: none; } #content2 #banner{ left: 45px; margin-left: 0; bottom: 40px; } * html .page-home #right-side .box2 img{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG"?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); }