/* Infocom UAE */
/*Global reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align:baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:.9em;}
/*utility classes*/
body{background:#fff;}
.clearFloat{ clear:both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
a:link, a:visited{ color:#CCCCCC; text-decoration:none;}
a:hover{ text-decoration:underline;}
a:visited{ color:#CCCCCC;}
a.mail:link, a.mail:visited, a.mail:hover{ color:#006699;}
/*layout elements*/
#mainWrpr{ width:100%;}
#mainWrpr,#hdr,#nav,#cntnt,#ftr{}/*all the main wrappers*/
.innrWrpr{ width:977px; margin:auto;}/*inner fixed width wrpr which aligns all the contents to the center*/
/*top nav*/
#topNav{ height:28px; background:url(../images/topNavBg.gif) repeat-x left top;}
#topNav .innrWrpr ul:after{ content:'.'; visibility:hidden;}
#topNav .innrWrpr ul{ float:right; font-size:.75em; margin:5px 0 0 0;}
#topNav .innrWrpr li{ float:left; padding:0 5px; background:url(../images/topNavSprtr.gif) no-repeat right center;}
#topNav .innrWrpr li.lastChild{ background-image:none;}
/*header*/
#hdr{ background:#2E1A1A url(../images/hdrBg.gif) repeat-x left bottom;}
#hdr .innrWrpr{height:237px;}
#hdr .lft{ float:left;}
#hdr .lft object{ margin:0 0 0 7px; float:left;}
#hdr .lft h1{ display:none;}
#hdr .rt{ float:right;}
#hdr .rt .qLnks, #hdr .rt .icoLnks{ clear:both; font-size:.8em; display:block;}
#hdr .rt h3{ display:none;}
#hdr .rt .icoLnks{ margin:0 0 0 30px; font-size:.7em;}
#hdr .rt .icoLnks li{ display:block;float:left; font-size:.95em; height:60px; margin:20px 5px 0 0; padding:5px 10px 0 5px;}
#hdr .rt .icoLnks li a{ color:#000;}
#hdr .rt .icoLnks li#icoLnk1{ background:url(../images/icoLnk1.gif) no-repeat left top;}
#hdr .rt .icoLnks li#icoLnk2{ background:url(../images/icoLnk2.gif) no-repeat left top;}
#hdr .rt .icoLnks li#icoLnk3{ background:url(../images/icoLnk3.gif) no-repeat left top; width:70px;}
#hdr .rt .icoLnks li#icoLnk3 a{ padding:0 0 0 15px;}
/*navigation*/
#nav{ background:url(../images/navBg.gif) repeat-x top left;}
#nav .innrWrpr{ background:url(../images/navLftBg.gif) no-repeat -15px top; height:42px;}
#nav h3{ display:none;}
#nav ul{ display:block; margin:0 0 0 100px;}
#nav ul li{ display:block; float:left; padding:0 12px; background:url(../images/navSprtr.gif) no-repeat right center; text-indent:-10000px;}
#nav ul li.lastChild{ background-image:none;}
#nav ul li a{ display:block; padding:25px 0 0 0;}
#nav ul li a:hover,#nav ul li a.active{ border-top:solid 4px #FAF3A3; padding:20px 0 0 0;}
#nav ul li#lnk0 a{ background:url(../images/navLnk0.gif) no-repeat left center; width:24px;}
#nav ul li#lnk1 a{ background:url(../images/navLnk1.gif) no-repeat left center; width:67px;}
#nav ul li#lnk2 a{ background:url(../images/navLnk2.gif) no-repeat left center; width:62px;}
#nav ul li#lnk3 a{ background:url(../images/navLnk3.gif) no-repeat left center; width:69px;}
#nav ul li#lnk4 a{ background:url(../images/navLnk4.gif) no-repeat left center; width:64px;}
#nav ul li#lnk5 a{ background:url(../images/navLnk5.gif) no-repeat left center; width:50px;}
#nav ul li#lnk6 a{ background:url(../images/navLnk6.gif) no-repeat left center; width:79px;}
#nav form{ float:right; margin:0;}
#nav form label{ display:none;}
#nav form input{ height:18px; width:254px; background:url(../images/srchbxBg.gif) no-repeat left top; border:solid 1px #695E5A; margin:10px 0 0 0; color:#000;}
#nav form input:focus{ background:url(../images/srchbxhoverBg.gif) no-repeat left top;}
/*content*/
#cntnt{ overflow:hidden; width:100%;}
#cntnt .innrWrpr{ background:url(../images/innrWrprBg.gif) repeat-y right top;}
#cntnt h1, #cntnt h2, #cntnt p{ margin:0 0 20px 0;}
#cntnt p{ line-height:16px;}
#cntnt h3, #cntnt h4{ margin:0 0 10px 0; color:#444444;}
#cntnt img{ float:left; padding:0 10px 10px 0;}
#cntnt h2{ text-indent:-10000px; margin:0 0 15px 0;}
#cntnt h2#www{ background:url(../images/hdrWww.gif) no-repeat left top;}
#cntnt h2#prcss{ background:url(../images/hdrPrcss.gif) no-repeat left top;}
#cntnt h2#profile{ background:url(../images/hdrProfile.gif) no-repeat left top;}
#cntnt h2#vision{ background:url(../images/hdrVision.gif) no-repeat left top;}
#cntnt h2#services{ background:url(../images/hdrSrvcs.gif) no-repeat left top;}
#cntnt h2#solutions{ background:url(../images/hdrSoltns.gif) no-repeat left top;}
#cntnt h2#products{ background:url(../images/hdrPrdcts.gif) no-repeat left top;}
#cntnt h2#clients{ background:url(../images/hdrClients.gif) no-repeat left top;}
#cntnt h2#career{ background:url(../images/hdrCareer.gif) no-repeat left top;}
#cntnt h2#contact{ background:url(../images/hdrCntct.gif) no-repeat left top;}
#cntnt h2#legal{ background:url(../images/hdrLegal.gif) no-repeat left top;}
#cntnt h2#sitemap{ background:url(../images/hdrSitemap.gif) no-repeat left top;}
#cntnt ul{ margin:0 0 20px 0; list-style:circle; list-style-position:inside;}
#cntnt li{ line-height:20px;}
#cntnt ul li a{ color:#2D2D2D; text-decoration:underline;}
#cntnt ul li a:hover{ text-decoration:none;}
#cntnt .lft, #cntnt .mid, #cntnt .rt{ float:left;min-height:400px; padding:20px 15px; height:auto!important; height:400px;}
/* *html #cntnt .lft, *html #cntnt .mid, *html #cntnt .rt{ height:395px;}*/
#cntnt .lft{ background:url(../images/cntntLftShdw.gif) no-repeat center right; width:343px;}
#cntnt .mid{ width:330px; background:#F3F2E6;}
#cntnt .rt{ width:205px;}
#cntnt .rt #offrs{width:100%; border:solid 1px #EEEEEE; background:url(../images/offrsShdw.gif) repeat-x left bottom; padding-bottom:5px;}
#cntnt .rt #offrs .innr{ background:url(../images/offrsBg.gif) repeat-x left top; clear:both; padding:5px;}
#cntnt .rt #offrs .innr .cntnt{ height:80px; border:solid 1px #E4E4E4; padding:5px;}
#cntnt .rt #offrs .innr .cntnt .wrpr{ float:left; width:50%; display:block;}
#cntnt .rt #offrs .innr .cntnt .wrpr h3{ color:red; font-size:1em;}
#cntnt .rt #offrs .innr .cntnt .wrpr p{ color:#6B6B6B; font-size:.75em;}
#cntnt .rt #offrs .innr .cntnt img{ float:right;}
.inner .full{ width:695px; float:left; padding:20px 15px;}
/*footer*/
#ftr{ height:147px; background:#686868 url(../images/ftrBg.gif) repeat-x center top; font-size:.8em; color:#5E5E5E;}
#ftr .innrWrpr{ padding:15px 0 0 0; background:url(../images/ftrShdw.gif) no-repeat center top;}
#ftr ul{ float:left; padding:0 10px; background:url(../images/ftrLnksSprtr.gif) repeat-y right top; height:82px;}
#ftr ul.lastChild{ background-image:none;}
#ftr li strong{ color:#5E5E5E; margin:0 0 5px 0; display:block;}
#ftr li a{ color:#919191;}
#ftr address{ display:block; float:left;padding:0 10px;background:url(../images/ftrLnksSprtr.gif) repeat-y right top; height:82px;}
/*form*/
/*form styles using dl dt dd*/
fieldset{padding:5px 0; width:400px;}
fieldset h3{margin-bottom:10px;}
.radioButton{display:block;float:left;}
.radioButtonLabel{display:block;float:left;padding:0 5px;}
.checkBoxLabel{display:block;float:left;padding:0 5px;width:450px;}
.checkBoxLabelFullInline{float:left;padding:0 5px;}
.checkBox{display:block;float:left;width:13px;height:12px;}
.checkBoxInline{display:block;float:left;margin:0 5px 0 0;}
dl.commonForm{margin-top:7px;}
fieldset h3{margin-top:7px;}
fieldset p{margin-top:7px;}
dl.commonForm dt, dl.commonForm dd{display:block;float:left;padding:3px 5px 3px 5px;}
dl.commonForm dt{clear:both;float:left;}
/*CSS IE6 AND IE7 Fix for DL DT Float issue [BEGIN]*/
*html dl.commonForm dd{height:expression(this.previousSibling?this.previousSibling.offsetHeight-4+"px":"auto");}
*+html dl.commonForm dd{min-height:expression(this.previousSibling?this.previousSibling.offsetHeight-4+"px":"auto");}
/*CSS IE6 AND IE7 Fix for DL DT Float issue [END]*/
dl.commonForm dt{width:100px;}
dl.commonForm dd{width:155px;}
dl.commonForm input, dl.commonForm p, dl.commonForm select{display:block;float:left;}
dl.commonForm p{padding:0 5px 0 5px;}
.nolabelForm dt{display:none;}
.nolabelForm{display:block;float:left;}
.nolabelForm fieldset{width:300px;}
.submitSection{margin:20px 0 10px 0;}