@charset "UTF-8";
body { background-color: #161616; background-image: url(/img/bg.jpg); background-repeat: repeat-x; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3f3f3f }
#header { background: url(/img/header.jpg) bottom no-repeat; width: 962px; height: 422px; margin: 0 auto; position: relative; }
#header1 { width: 962px; height: 149px; margin: 0 auto; position: relative; }
#header1.logo { position: absolute; top: 0px; left: 0px; }
#header1 .contact { position:absolute; right: 0px; top: 20px; color: #FFF; font-size: 16px; width: 237px; }
#header1 .contact ul { padding: 0px; margin: 0px; list-style-type: none; }
#header1 .contact li { margin-bottom: 5px; }
#header1 .contact a { font-size: 14px; color: #FFF; text-decoration: none; }
#header1 .contact a:hover { color: #70c4e2; }
#header1.contact span { font-weight: bold; color: #70c4e2; }
#header1 #navigation { position:absolute; top: 105px; left: 2px; width: 960px; z-index: 10; }
#header1 #navigation ul { list-style-type: none; margin: 0; padding: 0; }
#header1 #navigation li { width: 192px; height: 43px; display: block; padding: 0; cursor: pointer; float: left; position:relative; }
#header1 #navigation a { display:block; height:43px; text-indent: -9999px; outline:none; background-image:url(/img/nav-sprite.jpg); }
#header1 #navigation ul li ul { position: absolute; display:none; background-image: url(/img/drop-down-bg.png); z-index: 9; }
#header1 #navigation ul li > ul { top: auto; left: auto; }
#header1 #navigation ul li:hover ul, #header #navigation ul li.over ul { display: block; }
#header1 #navigation ul li ul a { background-image: url(/img/drop-down.png); height:42px; }
#header .logo { position: absolute; top: 0px; left: 0px; }
#header .contact { position:absolute; right: 0px; top: 20px; color: #FFF; font-size: 16px; width: 237px; }
#header .contact ul { padding: 0px; margin: 0px; list-style-type: none; }
#header .contact li { margin-bottom: 5px; }
#header .contact a { font-size: 14px; color: #FFF; text-decoration: none; }
#header .contact a:hover { color: #70c4e2; }
#header .contact span { font-weight: bold; color: #70c4e2; }
#header #navigation { position:absolute; top: 105px; left: 2px; width: 960px; z-index: 10; }
#header #navigation ul { list-style-type: none; margin: 0; padding: 0; }
#header #navigation li { width: 192px; height: 43px; display: block; padding: 0; cursor: pointer; float: left; position:relative; }
#header #navigation a { display:block; height:43px; text-indent: -9999px; outline:none; background-image:url(/img/nav-sprite.jpg); }
#nav1 { background-position: 0px 0px; }
#nav1:hover { background-position: 0px 43px; }
#nav2 { background-position: -192px 0px; width: 191px; }
#nav2:hover { background-position: -192px 43px; }
#nav3 { background-position: -384px 0px; width: 191px; }
#nav3:hover { background-position: -384px 43px; }
#nav4 { background-position: -576px 0px; width: 190px; }
#nav4:hover { background-position: -576px 43px; }
#nav5 { background-position: -768px 0px; width: 190px; }
#nav5:hover { background-position: -768px 43px; }
#header #navigation ul li ul { position: absolute; display:none; background-image: url(/img/drop-down-bg.png); z-index: 9; line-height: 16px; }
#header #navigation ul li ul li { margin: 0px; padding: 0px; }
#header #navigation ul li > ul { top: auto; left: auto; }
#header #navigation ul li:hover ul, #header #navigation ul li.over ul { display: block; }
#header #navigation ul li ul a { background-image: url(/img/drop-down.png); height:42px!important; }
#sub1, #sub-1 { background-position: 0px 0px; }
#sub1:hover, #sub-1:hover { background-position: -189px 0px; }
#sub2, #sub-2 { background-position: 0px -42px; }
#sub2:hover, #sub-2:hover { background-position: -189px -42px; }
#sub3, #sub-3 { background-position: 0px -84px; }
#sub3:hover, #sub-3:hover { background-position: -189px -84px; }
#sub-4 { background-position: 0px -128px; }
#sub-4:hover { background-position: -189px -128px; }
#header .content { position: absolute; top: 170px; left: 0px; }
#header .content .jobsearch { width: 203px; height: 142px; float: left; padding: 63px 0px 20px 20px; margin: 0px 20px 0px 9px; background-image: url(/img/job-search-bg.jpg); background-repeat:no-repeat; display: inline; }
#header .content .jobsearch select { width: 176px; margin-bottom: 4px; }
#header .content .jobsearch input { width: 162px; padding: 5px; border: #999 1px solid; margin-bottom: 6px; }
#header .content .jobsearch .go { background-image:url(/img/job-search.jpg); width: 176px; height: 28px; border: none; cursor: pointer; }
#content { background-image: url(/img/content-bg.jpg); background-repeat: repeat-x; background-color: #f2f2f2; border: #626262 1px solid; border-top: none; width: 932px; margin: 0 auto; padding: 10px 20px 30px 10px; }
#content .left { width: 212px; float: left; padding-top: 20px; }
#content .right { width: 684px; float: right; padding-left: 32px; margin-top:20px; }
#content .right-page { width: 644px; float: right; padding: 0px 40px 0px 32px; margin-top:20px; }
#content .right-page .right-column { width: 262px; float: left; padding-right: 40px; }
#content .right-page .right-column ul { list-style-type: none; }
.left-column, .right-column { width: 302px; float: left; padding-right: 40px; }
.right-column { background-image: url(/img/lines.jpg); background-position: bottom right; background-repeat: no-repeat; }
#content .right-page h1, .right-column h2, .left-column h1 { font-size: 20px; margin-top: 0px; padding-top: 0px; }
.right-column h2 { font-size: 18px; }
#footer { width: 964px; margin: 0 auto; }
#footer .left { width: 210px; float: left; }
#footer .right { width: 750px; float: right; text-align: right; color: #c1c1c1; padding-bottom: 20px; }
#footer .right ul { list-style-type: none; margin: 15px 0px 0px; padding: 0px; }
#footer .right li { display: inline; margin-left: 7px; }
#footer .right p { color:#858585; font-size: 11px; margin: 8px 0px 0px; padding: 0px; }
#footer .right p a { color:#858585; text-decoration: none; }
#footer .right p a:hover { color: #36a3cb; }
#footer a { color: #c1c1c1; text-decoration: none; }
#footer a:hover { color: #36a3cb; }
h1, h2, h3, h4 { color: #36a3cb; margin: 18px 0px 15px; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
p { line-height: 20px; }
a { color: #3f3f3f; }
a:hover { color: #36a3cb; }
a img { border: none; }
ol, ul { line-height: 18px; }
li { margin-bottom: 8px; }
.clear { clear:both; }
img, div { behavior: url(/img/css/img/iepngfix.htc) }
.page { float:right; margin:10px 30px 0 0; width:200px; }
.formstyle { width: 200px; border: #CCC 1px solid; padding: 8px 5px; margin-bottom: 3px; margin-left: 3px; }
.submit { background-image: url(/img/submit.jpg); width: 210px; height: 31px; margin-top: 5px; border: none; cursor: pointer; }
.ulstlye { font-size: 16px; color: #36a3cb; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }
.ulstlye span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; font-style: normal; font-weight: normal; }
.search-column { width: 655px; float: left; height:490px; background-color:#efefef; border:solid 1px #D5D5D5; position:relative; }
.side1 { background-image:url(/img/side.jpg); width:54px; height:50px; float:right; position:absolute; right:-4px; top:-2px; }
.side { background-image:url(/img/side1.jpg); width:54px; height:50px; float:right; position:absolute; right:-4px; top:-2px; }
.search-column h3 { float:left; margin:30px 0 0 20px; }
.search-left { float:left; width:250px; height:100px; margin:15px 0 0 20px; padding-top:10px; }
.search-left label { color:#4E4E4E; font-family:Arial; font-weight:bold; font-size:12px; float:left; width:60px; height:25px; }
.search-content { float:left; width:655px; }
.search-left2 { float:left; width:590px; margin:0px 0 0 20px; padding-top:0px; }
.search-left2 textarea { width:590px; height:100px; border:1px solid #D5D5D5; }
.search-left2 label { color:#4E4E4E; font-family:Arial; font-weight:bold; font-size:12px; float:left; width:60px; height:25px; }
.search-left3 { float:left; width:140px; margin:25px 0 0 20px; padding-top:0px; font-weight:normal; display: inline; }
.search-left3 img { float:left; margin-right:15px; }
.search-left3 a { text-decoration:none; }
.des { float:left; width:570px; border:1px #D5D5D5 solid; height:190px; background-color:#ffffff; text-align:justify; overflow-y:scroll; }
#facebox .b { background:url(/img/b.png); }
#facebox .tl { background:url(/img/tl.png); }
#facebox .tr { background:url(/img/tr.png); }
#facebox .bl { background:url(/img/bl.png); }
#facebox .br { background:url(/img/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#header .content .right, .right-candidates, .right-clients, .right-about, .right-contact, .right-sectors { width: 688px; height: 223px; float: right; position: relative; z-index: 0; margin-right: 13px; }
#header .content .right { background-image: url(/img/our-values.jpg); }
#header .content .right#candidates { background-image: url(/img/candidates.jpg); }
#header .content .right#clients { background-image: url(/img/clients.jpg); }
#header .content .right#about { background-image: url(/img/about.jpg); }
#header .content .right#contact { background-image: url(/img/contact.jpg); }
#header .content .right#sectors { background-image: url(/img/sectors.jpg); }