@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, ul, li, form {margin:0; padding:0;}
body {font: normal 76%/1.2em "Lucida Sans Unicode", "Lucida Sans", Verdana;background:url(../images/bg-diag.gif);}

/* Main Layout */

#wrap{width:980px;margin:0 auto;background:#fff;}
#header{background:url(../images/bg-header.jpg);height:226px;}
#nav{padding:10px 16px;height:40px;}
#content{height:290px;width:948px;margin:0 auto;}
ul#footer{list-style:none;font-size:80%;width:980px;margin:0 auto;}
ul#footer li{display:inline;}
ul#footer li a{background:url(../images/fnavboxy.png);width:76px;height:21px;display:block;float:left;color:#63B1E5;text-decoration:none;text-align:center;margin-right:3px;}
ul#footer li a:hover{background-position:left -2px;background-repeat:no-repeat;}

/* Common Elements */

h1 a{background:url(../../flexible_files/logos/logo-DPG.jpg);width:252px;height:71px;text-indent:-999em;display:block;position:relative;top:56px;left:16px;}
.cr{float:right;color:#63B1E5;}
.a-pos{position:relative;}
a:focus {outline: none;}
#content a:link, #content a:visited{color:#fff;text-decoration:none;}
.l{float:left;}
.r{float:right;}
ul.standard li{margin:6px;}

/* Home page */

/* Image Slider */

#slide1, #slide2, #slide3, #slide4{height:252px;font-size:13px;}
#slide1, #slide4{background:url(../images/img-panel1.jpg) left top no-repeat;}
#slide2{background:url(../images/img-panel2.jpg) left top no-repeat;}
#slide3{background:url(../images/img-panel3.jpg) left top no-repeat;}

.slider-wrap{ width:900px; }

.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px; }

.stripViewer {position: relative; overflow: hidden; width: 900px; height: 252px; }

.stripViewer .panelContainer {position: relative; left: 0; top: 0; }

.stripViewer .panelContainer .panel {float: left; height: 100%; position: relative; width: 900px; }

.stripNavL, .stripNavR, .stripNav {display: none; }

#front h2{display:block;margin:0 0 40px 286px;height:36px;position:relative;top:32px;text-indent:-999em;}

#front p{margin-left:286px;text-align:left;color:#fff;}

.h-adv{background:url(../../flexible_files/page_headings/h-advancing.gif) no-repeat;}
.p-adv{width:347px;}

.h-opp{background:url(../../flexible_files/page_headings/h-opportunities.gif) no-repeat;}
.p-opp{width:392px;}

.h-env{background:url(../../flexible_files/page_headings/h-environment.gif) no-repeat;}
.p-env{width:540px;}

ul#movers{position:absolute;top:5px;left:861px;list-style:none;width:40px;}
ul#movers li{display:inline;}
ul#movers li a{display:block;background:#8C9FAA;height:11px;width:11px;float:left;text-indent:-999em;margin-left:2px;border:none!important;}
ul#movers li a:hover{background:#ccc;}

.cross-link{ display: block; }
.active-thumb{ background: #fff;}

/* Nav (Hiding behind the flash)
-------------------------------------------------------------------------------- */

ul#nav{list-style:none;position:relative;left:-16px;}
ul#nav li{display:inline}
ul#nav li a{display:block;float:left;margin-right:26px;width:102px;height:26px;text-indent:-999em;}
.nhome{background:url(../images/n-home.gif);}
.nabout{background:url(../images/n-about.gif);}
.npartners{background:url(../images/n-partners.gif);}
.ncsr{background:url(../images/n-csr.gif);}
.ncareers{background:url(../images/n-careers.gif);}
.ncontact{background:url(../images/n-contact.gif);}


/* Main content divs */

/* IE7 bg fixed problem */
.bg-ie{display:block;width:256px;height:252px;position:absolute;left:0;top:0;}
.about{background:url(../images/bg-about.jpg);}
/* -------------------------------------------------------------------------------- */


#front, #about, #partners, #pr, #csr, #careers, #contact, #newspage{width:900px;height:252px;overflow:auto;}

#front{background:#002A42;overflow:hidden;}
#about{background:#79BDE9 url(../images/bg-about.jpg) left top no-repeat;}
#partners{background:#6B0C3B url(../images/bg-partners.jpg) left top no-repeat;}
#pr{background:#3DB163 url(../images/img-panel1.jpg) left top no-repeat;}
#csr{background:#D59527 url(../images/bg-csr.jpg) left top no-repeat;}
#careers{background:#C0332D url(../images/bg-careers.jpg) left top no-repeat;}
#contact{background:#988A78 url(../images/bg-contact.jpg) left top no-repeat;}

#content-block{text-align:justify;color:#fff;width:350px;float:left;margin:32px 0 0 286px;}
*html #content-block{margin-left:150px;}


/* Slider */

#right-content{height:252px;width:644px;position:absolute;right:48px;top:-252px;overflow:auto;display:none;}

a.btn-slide{width:42px;height:252px;display:block;text-indent:-999em;float:right;position:absolute;right:0;top:-252px;}
a.btn-slide span{background:url(../images/arr.png);width:10px;height:15px;display:block;text-indent:-999em;position:absolute;top:230px;margin-left:16px;}


/* News */

ul#newslist {list-style:none;background:#39d;width:644px;height:100%;}
#newslist li a{background:#39d url(../images/arr-newsitems.png) 625px 50% no-repeat;height:41px;border-bottom:1px solid #63B1E5;display:block;color:#fff;text-decoration:none;cursor:pointer;}
*+html #newslist li a{height:39px;}
*html #newslist li a{height:19px;}
#newslist li a:hover{color:#B0D8F2;}

.newsdate{display:block;height:35px;width:100px;border-right:1px solid #63B1E5;float:left;text-align:center;margin-right:11px;color:#D1E9F8;padding-top:6px;}
.newstitle{display:block;height:35px;float:left;width:456px;overflow:hidden;padding-top:6px;}

.btn-news{background:url(../images/tab-news.gif) 14px 14px no-repeat #63B1E5;}

.ar{direction:rtl;font-size:120%;position:relative;left:48px;}
.ar-dir{direction:rtl;}
.ar-dir h1{font-size:200%!important;}
.ar-dir h2{font-size:160%!important;}
.ar-dir p{font-size:150%;line-height:1.3em;}

#newspage{background:#002A42 url(../images/bg-pr.gif) left top no-repeat;}

#newspage h1{color:#79BDE9;line-height:1em;margin:0 0 8px;font-size:18px;}
#newspage h2{color:#fff;font-style:italic;line-height:1em;font-size:14px;}
#newspage p{text-align:justify;}
#news-block{text-align:justify;color:#fff;width:500px;float:left;margin:32px 0 0 286px;}



/* About */

#about a, .r-about{background:#49A4E0;}
.h-about{background:url(../../flexible_files/page_headings/h-about.gif) no-repeat;height:28px;text-indent:-999em;}

.h-bod{background:url(../../flexible_files/page_headings/h-bod.gif) no-repeat;height:28px;text-indent:-999em;}

.h-ceo{background:url(../../flexible_files/page_headings/h-ceo.gif) no-repeat;height:28px;text-indent:-999em;}
.h-aboutdubai{background:url(../../flexible_files/page_headings/h-aboutdubai.gif) no-repeat;height:28px;text-indent:-999em;}

.btn-about{background:url(../images/tab-values.gif) 14px 14px no-repeat #63B1E5;}

ul#logos{width:150px;float:right;background:#fff;list-style:none;}
ul#logos li a{display:block;height:100px;width:130px;text-indent:-999em;border:1px solid #ccc;margin:2px auto;} 
ul#logos li a.dam{background:url(../../flexible_files/logos/logo-dam.jpg) 50% 50% no-repeat #fff;}
ul#logos li a.dp{background:url(../../flexible_files/logos/logo-dp.gif) 50% 50% no-repeat #fff;}
ul#logos li a.dr{background:url(../../flexible_files/logos/logo-dr.gif) 50% 50% no-repeat #fff;}
ul#logos li a.salwan{background:url(../../flexible_files/logos/logo-salwan.gif) 50% 50% no-repeat #fff;}
ul#logos li a.injaz{background:url(../../flexible_files/logos/logo-injaz.gif) 50% 50% no-repeat #fff;}
ul#logos li a.dh{background:url(../../flexible_files/logos/logo-dh.gif) 50% 50% no-repeat #fff;}

.img-about1{background:url(../images/img-about1.gif);}
.img-about2{background:url(../images/img-about2.gif);}
.img-about3{background:url(../images/img-about3.gif);}
.img-about4{background:url(../images/img-about4.gif);}

.bod{width:400px;min-height:100px;margin:15px 0 0;list-style:none;}
.bod .bod_name{width:100%;min-height:20px;font-size:16px;font-weight:bold;}
.bod .bod_text{width:100%;min-height:20px;margin-top:8px;}

.bod .bod_text b{color:#CFE7F7;}
.bod .bod_text ul {width:97%;padding-left:18px;list-style:disc;}
.bod .bod_text ul li ul{list-style:circle;}

.bod .bod_sep{width:400px;margin:10px 0 10px 0px;background-color:#CFE7F7;height:1px;}

/* Note putting :hover on these elements caused IE7 to shift the fixed bg image. Weird. */

.p-rightblock{margin:20px;color:#fff;text-align:justify;}

.txt{height:20px;display:block;text-indent:-999em;margin:0 0 8px;}
.t-acc{background:url(../images/t-accountable.gif) no-repeat;}
.t-pion{background:url(../images/t-pion.gif) no-repeat;}
.t-intell{background:url(../images/t-intell.gif) no-repeat;}
.t-aspi{background:url(../images/t-aspi.gif) no-repeat;}

/* DPG Subsidiaries */

.subsids{background:#fff;color:#666;display:none;width:480px;height:99%;position:fixed;left:256px;top:0;}
.subsids h1{text-indent:-999em;margin:25px;}
.subsids p{margin:25px;text-align:justify;}
.subsids ul{list-style:none;margin:25px;}

#dp{border:10px solid #2371B2;border-top:none;background:url(../images/bg-dp.jpg) left bottom no-repeat #fff;}
#dam{border:10px solid #BF1E2D;border-top:none;}
#dr{border:10px solid #2E57A3;border-top:none;background:url(../images/bg-dr.jpg) left bottom no-repeat #fff;}
#salwan{border:10px solid #E78438;border-top:none;}
#injaz{border-left:10px solid #5F6062;border-right:10px solid #EE2E24;border-top:none;border-bottom:10px solid #5F6062;}
#dh{border:10px solid #1F69A4;border-top:none;}

.visitor{display:block;width:100%;border-bottom:1px solid #002A42;height:15px;background:#fff!important;color:#002A42!important;}
.back{float:right;margin:1px 0;padding:1px 3px;}

.h-dp{background:url(../../flexible_files/logos/logo-dp-l.gif) no-repeat;width:172px;height:168px;}
.h-dr{background:url(../../flexible_files/logos/logo-dr-l.jpg) no-repeat;width:200px;height:180px;}
.h-injaz{background:url(../../flexible_files/logos/logo-injaz-l.gif) no-repeat;width:152px;height:169px;}
.h-dam{background:url(../../flexible_files/logos/logo-dam-l.jpg) no-repeat;width:215px;height:180px;}
.h-salwan{background:url(../../flexible_files/logos/logo-salwan-l.gif) no-repeat;width:190px;height:169px;}
.h-dh{background:url(../../flexible_files/logos/logo-dh-l.gif) no-repeat;width:152px;height:169px;}





/* Partners */

#partners a, .r-partners{background:#540A2F;}
.h-partners{background:url(../../flexible_files/page_headings/h-partners.gif) no-repeat;height:28px;text-indent:-999em;}
.r-partners{background:#540A2F url(../images/bg-partners-r.gif) right no-repeat;}

.btn-partners{background:url(../images/tab-partners.gif) 14px 14px no-repeat #540A2F;}

ul#boxes-hz{list-style:none;margin-left:22px;}
ul#boxes-hz li{display:inline;}
ul#boxes-hz li a{display:block;width:160px;height:42px;border:1px solid #fff;padding:5px;float:left;margin-right:6px;}
ul#boxes-hz li a:hover{background-color:#6B0C3B;}
.pdf{background:url(../images/ic-pdf.png) no-repeat 98% 90% #430725;}
.word{background:url(../images/ic-word.png) no-repeat 98% 90% #430725;}
*html .pdf, .word{background:none;}

/* CSR */

#csr a, .r-csr{background:#A7741F;}
.r-csr{background:#A7741F url(../images/bg-csr-r.gif) right no-repeat;}
.h-csr{background:url(../../flexible_files/page_headings/h-csr.gif) no-repeat;height:174px;width:355px;text-indent:-999em;}
.bg-csr{background:url(../images/mubadara-icons.gif);width:150px;height:147px;float:right;margin:10px;}
.btn-csr{background:url(../images/tab-csr.gif) 10px 14px no-repeat #A7741F;}
#mubadara{display:none;background:url(../../flexible_files/images/mubadara2.jpg);width:800px;height:540px;position:fixed;top:20px;left:150px;z-index:10;}
*html #mubadara{position:absolute;}
.btn-mubs{padding:3px;}

/* Careers */

#careers a, .r-careers{background:#942823;}
.r-careers{background:url(../images/bg-careers-r.gif) 80% bottom no-repeat #942823;}
.h-careers{background:url(../../flexible_files/page_headings/h-careers.gif) no-repeat;height:28px;text-indent:-999em;}

.btn-careers{background:url(../images/tab-careers.gif) 14px 14px no-repeat #942823;}

/*.img-r{width:70px;height:70px;float:right;margin-left:30px;display:block;}*/

.img-r{text-align:left;}
.img-r img{float:right;margin-left:30px;display:block;}
.em1{background:url(../images/img-em1.gif) right no-repeat;}
.em2{background:url(../images/img-em2.gif) right no-repeat;}
.em3{background:url(../images/img-em3.gif) right no-repeat;}

/* Contact */

#contact a, .r-contact{background:#988A78;}
.h-contact{background:url(../../flexible_files/page_headings/h-contact.gif) no-repeat;height:28px;text-indent:-999em;}

.btn-contact{background:url(../images/tab-contact.gif) 14px 14px no-repeat #988A78;}

/* Contact form */

form {width:100%;background:#796C5E url(../images/bg-contactform.gif) right no-repeat;color:#fff;height:252px;}

form fieldset {border:none;padding:10px;margin:0;}

form fieldset legend {display:none;}

form label { display:block;float:left;width:110px;padding:0;margin:0 0 1px;text-align:left;}

form fieldset label:first-letter {text-decoration:underline;}

form input, select {width:auto;margin:5px 0 4px 10px;background:#fff;border:none;color:#666;}

textarea{border:none;color:#666;float:right;width:138px;overflow:height;24px;auto;margin:1px 2px 0 0;}

textarea, input{font: normal 100%/1.2em "Lucida Sans Unicode", "Lucida Sans", Verdana;padding:0 3px;}

select{margin:5px 0 0 10px;font-size:90%;}

form input#reset {margin-left:0; /* set margin-left back to zero on reset button (set above) */}

.btn-submit{position:relative;top:80px;right:-100px;}

form br {clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */}

.req{color:#D59527;}

.form-l{width:252px;}
.form-r{width:252px;margin-left:30px;}

iframe{border:none;position:absolute;left:300px;top:-34px;height:252px;width:305px;}
/* .contacto{width:290px!important;} */

#map{background:url(../images/map.gif) #988A78;width:790px;height:522px;position:fixed;top:20px;display:none;z-index:10;border:5px solid #37322B;left:256px;}
.viewmap{background:#37322B!important;padding:3px;color:#fff;text-decoration:none;}
.map-pos{left:0;top:10px;position:relative;}

/* Terms & Conditions etc
***********************************************************************/

.h-terms{background:url(../../flexible_files/page_headings/h-terms.gif) no-repeat;height:28px;text-indent:-999em;}
.h-priv{background:url(../../flexible_files/page_headings/h-priv.gif) no-repeat;height:36px;text-indent:-999em;}
.h-sitemap{background:url(../../flexible_files/page_headings/h-sitemap.gif) no-repeat;height:36px;text-indent:-999em;margin-bottom:20px;}

#content-sitemap{width:580px;float:left;margin:32px 0 0 286px;}
*html #content-sitemap{margin-left:150px;}
ul.sitemap{margin:0 1px 1px;float:left;list-style:none;}
ul.sitemap li{margin:0 0 1px 0;}
ul.sitemap li a{text-decoration:none;color:#fff;display:block;width:auto;height:19px;padding:0 20px 0 3px;}
a.sm-home{background:#002A42!important;}
a.sm-about{background:#389CDE!important;}
a.sm-partners{background:#6B0C3B!important;}
a.sm-csr{background:#D59527!important;}
a.sm-careers{background:#C0332D!important;}
a.sm-contact{background:#8F816D!important;}


/* Press Releases */

.pr-news{background:url(../images/h-latestnews-gr.gif) 14px 14px no-repeat #2E854A;}

.h-pr{background:url(../../flexible_files/page_headings/h-pressreleases-gr.gif) no-repeat;height:28px;text-indent:-999em;}

ul#newslist-green {list-style:none;background:#2E854A;width:644px;height:100%;}
#newslist-green li a{background:#2E854A url(../images/arr.png) 625px 50% no-repeat;height:41px;border-bottom:1px solid white;display:block;color:#fff;text-decoration:none;cursor:pointer;}
*+html #newslist-green li a{height:39px;}
*html #newslist-green li a{height:19px;}
#newslist-green li a:hover{color:#A1F1BB;}
.newsdate-green{display:block;height:35px;width:90px;border-right:1px solid white;float:left;text-align:center;margin-right:11px;color:#D1E9F8;padding-top:6px;}

.pr-list{
width:580px;
min-height:20px;
float:left;
list-style:none;
margin-top:10px;
}

.pr-list li{
width:100%;
min-height:20px;
float:left;
padding:12px 0;
border-bottom:1px white solid;
}

.pr-list li a{
display:block;
font-size:15px;
font-weight:bold;
color:white;
line-height:18px;
margin-bottom:8px;
}

.pr-list li a:hover{color:#A1F1BB !important;}

.pr-content{
width:580px;
min-height:20px;
float:left;
margin-top:20px;
}

.pr-content h2{
display:block;
font-size:18px;
font-weight:bold;
color:#A1F1BB;
line-height:20px;
margin-bottom:10px;
}

.pr-content h3{
color:white;
display:block;
font-size:14px;
line-height:18px;
font-style:italic;
margin-bottom:8px;
}

.pr-content span{
width:100%;
min-height:20px;
display:block;
font-weight:bold;
text-align:right;
}

.pr-content span a{color:white;text-decoration:underline !important;}
.pr-content span a:hover{color:#A1F1BB !important;text-decoration:none !important;}