/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:'Baskerville Old Face','Goudy Old Style',Garamond,'Times New Roman',serif;;border-radius:0}
body{margin:0}
a{outline:none}
a:active,a:hover{outline:0}
a:hover{color:#666}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background-color:#FF00;color:#000}
p,pre{margin:0}
code,kbd,pre,samp{font-family:'Baskerville Old Face','Goudy Old Style',Garamond,'Times New Roman',serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{margin:0;vertical-align:baseline;*vertical-align:middle;border:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
*:focus{outline:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ul,li{margin:0;padding:0;list-style:none outside}
a{color:#16907d;text-decoration:none;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-o-transition:all 200ms ease;-ms-transition:all 200ms ease;transition:all 200ms ease}
a:hover{color:#999;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-o-transition:all 200ms ease;-ms-transition:all 200ms ease;transition:all 200ms ease}
input{border:0;font-family:'Baskerville Old Face','Goudy Old Style',Garamond,'Times New Roman',serif}

/*common*/
.fleft{float:left!important}
.fright{float:right!important}
.fclear{clear:both!important}
.aright{text-align:right!important}
.aleft{text-align:left!important}
.acenter{text-align:center!important}

body{font-family:'Baskerville Old Face','Goudy Old Style',Garamond,'Times New Roman',serif;color:rgb(77,77,77)}

#wrap{width:100%;max-width:1260px;margin:0 auto;position:relative;overflow:hidden}
.rotator{width:100%;height:660px;margin:0px auto;position:relative;color:#fff;overflow:hidden}
.banner.rotator{height:265px}
.banner.rotator .heading h1,.banner.rotator .heading2 h1{font-size:20px}
.banner.rotator .heading{left:0;right:auto;top:55px;bottom:auto}
.banner.rotator .heading2{right:0;left:auto;top:auto;bottom:55px;width:auto}
#bannerabout{background:url(../images/banner-about.jpg) 0 0 no-repeat}
#bannerman{background:url(../images/banner-management.jpg) 0 0 no-repeat}
#bannerassoc{background:url(../images/banner-associates.jpg) 0 0 no-repeat}
#bannerclient{background:url(../images/banner-clientele.jpg) 0 0 no-repeat}
#bannercar{background:url(../images/banner-careers.jpg) 0 0 no-repeat}
#bannercont{background:url(../images/banner-contact.jpg) 0 0 no-repeat}
#bannerqty{background:url(../images/banner-quality.jpg) 0 0 no-repeat}
#bannerusp{background:url(../images/banner-usp.jpg) 0 0 no-repeat}
img#bg{position:absolute;top:0px;left:0px}
.rotator ul{list-style:none;position:absolute;left:100px;top:200px;margin-top:6px;z-index:999}
.rotator ul li{display:block;float:left;clear:both;position:relative}
.rotator ul li p{clear:both;display:block;background-color:#222;margin:5px 0;opacity:0.7;width:450px;height:44px;font-size:20px;overflow:hidden}
.rotator ul li a{text-decoration:none;display:block;outline:none;color:#16907d;padding:10px}
.rotator ul li a:hover{color:#7cd7de}
.rotator .heading{position:absolute;bottom:100px;right:-50%;opacity:0}
.rotator .heading h1{font-weight:normal;font-size:16px;padding:0;background:rgba(0,0,0,0.5)}
.rotator .heading2{position:absolute;top:210px;right:50%;opacity:0;width:600px}
.rotator .heading2 h1{font-weight:normal;font-size:16px;padding:0;background:rgba(0,0,0,0.5)}
.rotator h1 span{display:block;padding:10px}
.rotator .description{position:absolute;bottom:0px;left:0px;padding:20px;background-color:#222}
.rotator .description p{text-shadow:-1px 1px 1px #000;line-height:26px}
a.more{color:#FFF!important;background:#16907d;text-decoration:none;font-size:16px!important;margin:10px 10px 0 0;padding:5px 10px!important;display:block;float:right}
a.more:hover{color:#fff}
#maintag{position:absolute;right:0;bottom:62px;z-index:1;background:rgba(0,0,0,0.5);padding:15px 25px;font-size:18px}

#rotmenu span{display:block;padding:0 10px;font-size:16px;line-height:20px}

#search{padding:6px 20px;text-align:right}
#search p{padding-top:5px}
#search input[type='text']{border:1px solid #babbbb;width:170px;padding:1px 3px}
#search input[type='submit']{background:#babbbb;height:22px;padding:0 10px;font-size:14px}
nav a{display:inline-block;padding:5px 10px}

.blankslide{visibility:hidden;height:0!important}
.hide{opacity:0}

footer{background:#4c5662;overflow:auto;padding:25px;font-size:16px;color:#FFF;}
footer h1{font-size:20px;font-weight:300;margin-bottom:10px}
#qcontact{width:250px}
#qcontact ul{margin:10px 0;float:left}
#qcontact li,#qcontactus li{padding:5px 0}
#qcontact input[type=text],#qcontact textarea,#qcontactus input[type=text],#qcontactus input[type=file],#qcontactus textarea,#qcontact select,#qcontactus select{width:99%;padding:5px;border-radius:3px;font-size:16px;color:#888}
#qcontact input[type=submit],#qcontactus input[type=submit]{padding:0 10px;height:30px;border-radius:3px;font-size:14px;background:#2A8385;text-align:center;color:#FFF;cursor:pointer;float:right}
#qcontactus input[type=text],#qcontactus input[type=file],#qcontactus textarea,#qcontactus select{border:1px solid #CCC}

#contactuswrap{padding:30px 0 10px;width:700px;margin:0 auto}
#contactuswrap h2{padding-bottom:10px}
#qcontactuswrap{border-left:1px solid #CCC;padding-left:2%;overflow:auto;width:25%}
#contactus{margin-right:50px}
#careerswrap #qcontactus{width:97%}

#news{width:525px;margin:0 90px}
#news img{margin-right:20px}
#news a.readmore{color:#FFF;background:#2a8485;font-size:15px;margin:0;padding:3px 8px;display:inline-block;float:right}
.news{width:300px;line-height:22px}
.scroll-text{width:650px;height:350px;overflow:hidden}
.scroll-text ul{width:800px;height:1000px;overflow:hidden;margin:0}
.scroll-text ul li{height:160px;clear:both}

.scroll-hse{width:450px;height:300px;overflow:hidden}
.scroll-hse ul{width:450px;height:1000px;overflow:hidden;margin:0}
.scroll-hse ul li{height:300px;clear:both}

.scroll-hse2{width:750px;height:200px;overflow:hidden}
.scroll-hse2 ul{width:750px;height:1000px;overflow:hidden;margin:0}
.scroll-hse2 ul li{height:200px;clear:both}

#contact{width:250px;margin-bottom:20px}
#contact li{background-image:url(../images/contact-icons.jpg);background-repeat:no-repeat;padding-left:30px;line-height:30px}
#contactus li{background-image:url(../images/contactus-icons.png);background-repeat:no-repeat;padding-left:30px;line-height:30px}
#contact li#addr,#contactus li#addr{background-position:0 -83px;line-height:24px;}
#contact li#phone,#contactus li#phone{background-position:0 0}
#contact li#fax,#contactus li#fax{background-position:0 -29px}
#contact li#mail,#contactus li#mail{background-position:0 -54px}
#contact a{color:#FFF;text-decoration:underline}
#contact a:hover,#contactus a:hover{text-decoration:none}
#contact p,#contactus p{padding:5px 0}
#footlinks{text-align:center;font-size:14px;padding:25px 0;color:#e9e9e9;line-height:32px;border-top:1px solid #818a92;position:relative}
#footlinks a{color:#AAAEB3;display:inline-block;padding:0 8px}
#social{position:absolute;right:0;top:28px}
#social a{display:inline-block;padding:0 5px}

#content{padding:10px 10px 20px;min-height:200px}
#content p{padding:5px 0;line-height:24px; text-align:justify}
#content h1{padding:10px 0;color:#2A8385}
#content h2{font-size:18px;color:#2a8385}
#aboutus{padding:25px 0;overflow:auto}
#usp{padding:25px 0;overflow:auto;width:60%}
#usp2{padding:25px 0;overflow:auto}
#usp ul,#usp2 ul{width:100%}
#usp li{width:33%;float:left}
#usp2 li{width:30%;float:left}
#usp img{width:288px;height:216px}
#usp2 img{width:288px;height:216px}
#usp .fancybox,#usp2 .fancybox{margin:0 10px 30px}
#qcontactuswrap .fancybox{margin:0 0 30px}
#qcontactuswrap .fancybox img{width:100%}

#careers{width:73%;padding-bottom:20px}
#careers table,#asst table{border:1px solid #CCC;border-width:1px 1px 0 0}
#careers td,#asst td{border:1px solid #CCC;border-width:0 0 1px 1px;padding:5px}
#careers tr.head td,#asst tr.head td{background:#2a8485;color:#FFF;text-align:center}
#careers td p,#asst td p{line-height:18px}
#careers div.post{border-bottom:1px solid #CCC;padding:10px 0}
#careerswrap #qcontactuswrap{border:none}
#steps li{padding:5px 0}
#steps li span{display:inline-block;padding:5px;background:#666;color:#FFF}

#cd{background:url(../images/about-client-delight.jpg) 0 0 no-repeat;background-size:100%}
#qy{background:url(../images/about-quality.jpg) 0 0 no-repeat;background-size:100%}
#ip{background:url(../images/about-investing-in-people.jpg) 0 0 no-repeat;background-size:100%}
#cs{background:url(../images/about-csr.jpg) 0 0 no-repeat;background-size:100%}

#hol{background:url(../images/hold_comp.jpg) 0 0 no-repeat;background-size:100%}
#ser{background:url(../images/service_comp.jpg) 0 0 no-repeat;background-size:100%}
#eqp{background:url(../images/equip_comp.jpg) 0 0 no-repeat;background-size:100%}
#inf{background:url(../images/cater_comp.jpg) 0 0 no-repeat;background-size:100%}

#op{background:url(../images/usp-op.jpg) 0 0 no-repeat;background-size:100%}
#cd{background:url(../images/usp-cd.jpg) 0 0 no-repeat;background-size:100%}
#wh{background:url(../images/usp-wh.jpg) 0 0 no-repeat;background-size:100%}
#hse{background:url(../images/about-csr.jpg) 0 0 no-repeat;background-size:100%}
#log{background:url(../images/usp-log.jpg) 0 0 no-repeat;background-size:100%}
#pro{background:url(../images/usp-pro.jpg) 0 0 no-repeat;background-size:100%}
#loc{background:url(../images/usp-loc.jpg) 0 0 no-repeat;background-size:100%}

#cdesk{width:550px;margin-left:20px;border:1px solid #8b9595}
#cdesk h1{background:#2A8385;color:#FFF;padding:10px 3%;font-size:20px}
#cdesk .scroll-text{width:94%;height:500px;overflow:hidden;padding:0 3%}
#cdesk .scroll-text ul{width:100%;height:1000px;overflow:hidden;margin:0}
#cdesk .scroll-text ul li{height:600px;clear:both}

#scroll{padding:20px}
.mgmt{margin-right:20px;border:1px solid #8b9595;padding:2px!important;overflow:auto}

#uspright{width:38%}

.qlinks{width:20%}
.qlinks.fleft .fancybox{text-align:left}
.qlinks.fright .fancybox{text-align:right}
.qlinks a{display:block;background:#999;color:#FFF;padding:15px}
.qlinks a:hover{background:#22887d}
#qmid{width:75%}
#aboutus .fancybox span{line-height:normal;display:block;padding:10px 0}

#oman{background:url(../images/omanization2.jpg) 0 center no-repeat;background-size:100%}
#qcontactuswrap .fancybox{margin:0 0 30px}
#qcontactuswrap .fancybox img{width:100%}

/*arabic*/
#ar{direction:rtl}
#ar .fleft{float:right!important}
#ar .fright{float:left!important}
#ar .aright{text-align:left}
#ar .aleft{text-align:right}
#ar .rotator ul li{float:right}
#ar a.more{float:left;margin-left:10px}
#ar #news img {margin:0 0 0 20px}
#ar #qcontact ul{float:right}
#ar #contact li{padding:0 30px 0 0}
#ar #contact li#addr,#ar #contactus li#addr{background-position:right -83px}
#ar #contact li#phone,#ar #contactus li#phone{background-position:right 0}
#ar #contact li#fax,#ar #contactus li#fax{background-position:right -29px}
#ar #contact li#mail,#ar #contactus li#mail{background-position:right -54px}

#ar .rotator .heading2{right:auto;left:50%}
#ar #search{text-align:left}

#ar .banner.rotator .heading{left:auto;right:0}
#ar .banner.rotator .heading2{right:auto;left:0}
#ar .rotator .heading{left:-50%;right:auto}
#ar .rotator ul{right:100px;left:auto}
#ar .rotator .description{left:auto;right:0}
#ar img#bg{left:auto;right:0}


.mgmt{margin:0 0 0 20px}
#contactus{margin-left:50px}
#cdesk{margin-right:20px}
#qcontactuswrap{padding:0 2% 0 0}
#contact li{padding-right:30px}
#contactus li{padding-right:30px}

#ar #qcontactuswrap .fancybox{margin:0 0 10px}
#steps{margin-bottom:130px}
#ar #maintag{right:auto;left:0}
.project1.fancypop{height:500px}
.project2.fancypop{width:450px}
.fancybox-wrap{background:rgba(0,0,0,0.8)}

.project1.fancypop{height:500px}
.project2.fancypop{width:744px; height:500px}
.fancybox-wrap{background:rgba(0,0,0,0.8)}

footer .fancybox {float: none;margin: 0;line-height: normal;border: none}
.fancybox-wrap{background:rgba(0,0,0,0.8)}
.footer.fancypop{border:none;margin:20px;width:800px;color:#EEE}
.footpopcontent{padding:20px}

#inline1 {overflow: auto;width: 500px;height: 100px;background-color: #FDFDFD}
#page #inline1 {display: none}
#page #inline2 {display: none}