/* Colours
/
/	Background white 	- rgb(248, 250, 249) 	/ #F8FAF9
/	Background grey		- rgb(245, 245, 245)	/ #f5f5f5
/	Main blue			- rgb(0, 82, 155)		/ #00529B
/	Link blue			- rgb(36, 129, 212) 	/ #2481d4
/	Text dark grey		- rgb(34, 34, 34)		/ #222222
/	Heading black 		- rgb(0, 0, 0) 			/ #000000
/ 	Menu white 			- rgb(255, 255, 255) 	/ #ffffff
/	Footer grey 		- rgb(183, 183, 183)	/ #b7b7b7
/	
/	NA red				- rgb(176, 26, 72) 		/ #b01a48
/	EELA green			- rgb(119, 184, 0) 		/ #77b800
/	AP blue 			- rgb(0, 168, 225) 		/ #00a8e1
/	EU orange			- rgb(235, 113, 37) 	/ #eb7125
/	ABS yellow 			- rgb(252, 176, 51) 	/ #fcb033
/
/	Unused logo grey 	- rgb(178, 179, 181) 	/ #b2b3b5
/
-----------------------------------------------------------------------------------------*/

/* Basics
----------------------------------------------------------------------------------------- */
body { font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:1; color:rgb(34,34,34); background:rgb(248,250,249) url('../i/city_3.jpg') no-repeat 0 5.5em; }
strong { font-weight:bold; }
em { font-style:italic; }
html body .last { border:none; padding-right:0; margin-right:0; }

/* Headings
----------------------------------------------------------------------------------------- */
h1, h2 { font-weight:normal; font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 { font-size:3.2em; margin-bottom:1em; }
h2 { font-size:1.8em; margin-bottom:0.5em; margin-top:0.75em; }
h3 { font-size:1.5em; margin-bottom:0.5em; }
h4, h5, h6 { font-size:1.25; margin-bottom:0.5em; }

/* General typography
----------------------------------------------------------------------------------------- */
p, ol, ul, dl { font-size:1em; line-height:1.6; padding:0 0 1.6em 0; }
ol { list-style-type:decimal; }
.article ul { list-style-type:disc; margin-left:1em; }
.nav, h1, h2, #intro, #products { font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }


/* Headings
----------------------------------------------------------------------------------------- */
h1, h2 { font-weight:normal; }
h1 { font-size:2em; margin-bottom:0.6em; margin-top:0.75em; }
h2 { font-size:1.5em; margin-bottom:0.5em; margin-top:0.75em; }
h3 { font-size:1.2em; margin-bottom:0.5em; }
h4, h5, h6 { font-size:1.15; margin-bottom:0.5em; }
h1 span.info { display:block; font-size:0.5em; padding-top:6px; }


/* Links
----------------------------------------------------------------------------------------- */
a { color:rgb(36,129,212); text-decoration:none; }
a:hover { text-decoration:underline; }


/* General layout
----------------------------------------------------------------------------------------- */
#header, #nav, #sec_nav, #content { width:905px; clear:both; position:relative; margin-left:45px; }
#skip { position:absolute; left:-9999em; height:0; }
.section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* Header
----------------------------------------------------------------------------------------- */
.header { height:80px; background-color:rgb(255,255,255); }
.header h2 { margin:0; padding:0; position:relative; top:30px; width:214px; height:29px; text-indent:-9999em; background:transparent url('../i/debtwire.png') no-repeat top left; }
.header h2 a { display:block; width:100%; height:100%; }
.header #banner_ad { width:468px; height:60px; background-color:rgb(204,204,204); background-color:rgb(255,255,255); position:absolute; top:10px; right:0; }
.header #banner_ad a { display:block; width:100%; height:100%; }


/* Nav
----------------------------------------------------------------------------------------- */
.nav { letter-spacing:0.05em; background-color:rgb(0,82,155); color:rgb(255,255,255); text-align:right; }
.nav ul { padding:0; text-shadow:1px 1px 1px rgb(2,55,103); }
.nav ul li { display:inline; line-height:2.4; }
.nav a { color:rgb(255, 255, 255); }
.nav a:hover { text-decoration:none; border-bottom:solid 1px; }
.nav li.current a { text-decoration:none; border-bottom:solid 1px; }
.nav li.current ul li a { text-decoration:none; border-bottom-style:none; }
#nav { font-weight:bold; font-size:1.2em; }
#nav ul li { padding-right:25px; padding-left:10px; padding-top:5px; padding-bottom:5px; background:transparent url('../i/nav_bar.png') no-repeat 100% 50%; }
#nav ul li.login { position:absolute; left:0; font-size:14px; padding:2px 0 0 0; background:none; }
#nav ul li.login a { background-color:rgb(56,146,225); border:solid 1px rgb(255,255,255); padding:2px 6px; text-shadow:none; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
#nav ul li.login a:hover { text-decoration:none; }
#nav ul li.parent { position:relative; padding-right:16px; }
#nav ul li.parent a { background:transparent url('../i/dropdown.png') no-repeat 100% 50%; padding-right:22px; }
#nav ul li.parent ul { visibility:hidden; display:block; opacity:0; font-size:14px; text-align:left; z-index:300; position:absolute; top:1.8em; left:-8px; padding:10px 10px 10px 18px; width:10em; background-color:rgb(0,82,155); -webkit-transition-property:visibility, opacity; -webkit-transition-duration:0.25s; -webkit-transition-timing-function:ease-in-out; -webkit-border-top-left-radius: 0px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; box-shadow:0px 6px 4px rgba(34,34,34,0.8); -webkit-box-shadow:0px 6px 4px rgba(34,34,34,0.8); -moz-box-shadow:0px 6px 4px rgba(34,34,34,0.8); }
#nav ul li.parent ul li { background-image:none; display:block; padding:0; }
#nav ul li.parent ul li a { display:block; background-image:none; padding:0; }
#nav ul li.parent ul li a:hover { border:none; text-decoration:underline; }
#nav ul li.parent:hover ul, #nav ul li.hover ul { visibility:visible; opacity:1; }
#nav ul li.network ul { width:12.75em; }
#nav ul li.about ul { width:12.35em; left:-3px; }
#nav ul li.events ul { width:12.35em; }


/* Content
----------------------------------------------------------------------------------------- */
.content { padding-top:20px; border-width:15px 0 0 0; border-style:solid; border-color:rgba(0,82,155,0.6); }


/* Intro
----------------------------------------------------------------------------------------- */
#intro { padding-bottom:25px; padding-top:25px; text-shadow:1px 1px 2px rgb(0,0,0); }
#intro h1 { color:rgb(255,255,255); font-weight:bold; margin-bottom:0.10em; margin-top:0; }
#intro p { color:rgb(255,255,255); font-size:1.7em; line-height:1.1em; float:left; }
#intro p.blurb { width:400px; margin-right:166px; padding:0; }
#intro p.subscribe { color:rgb(255,255,255); margin-right:-5px; margin-top:-20px; margin-bottom:10px; text-shadow:none; width:324px; padding:10px; height:100px; background:transparent url('../i/subscribe_3.png') no-repeat left top; }
#intro p.subscribe a { color:rgb(255,255,255); font-weight:bold; }
#intro p.subscribe a.needless-link { display:block; font-size:0.7em; font-weight:normal; text-decoration:underline; margin-top:5px; }


/* Products
----------------------------------------------------------------------------------------- */
#products { padding-bottom:20px; }
#products h2 { background-color:rgb(0, 0, 0); color:rgb(255,255,255); font-weight:normal; font-size:1.1em; text-transform:uppercase; padding:6px 10px; margin:0 0 10px 0; }
#products ul li { text-shadow:1px 1px 1px rgba(255,255,255,0.5); -webkit-transition-property:background-color, color, scale, text-shadow; -webkit-transition-duration:0.25s, 0.2s, 0.3s, 0.2s; -webkit-transition-timing-function:ease-in-out; z-index:5; float:left; width:147px; min-height:2.8em; margin-right:4px; background-color:rgba(255,255,255,0.8); border-style:solid; border-width:0 0 8px 0; }
#products ul li a { font-size:1.2em; line-height:1.05; display:block; padding:10px; min-height:2.2em; color:rgb(34,34,34); text-decoration:none; }
#products ul li a:active { text-shadow:0px -1px 1px rgba(34,34,34,1); }
#products ul li a strong { display:block; }
#products ul li.eu a strong, #products ul li.abs a strong { } 
#products ul li:hover { z-index:10; background-color:rgb(255,255,255); text-shadow:1px 1px 1px rgba(34,34,34,0.8);  -moz-transform: scale(1.10); -webkit-transform:scale(1.10); -webkit-box-shadow:3px 2px 5px rgba(34,34,34,0.8); -moz-box-shadow:3px 2px 5px rgba(34,34,34,0.8); }
#products ul li.na { border-color:rgb(176,26,72); }
#products ul li.eu { border-color:rgb(255,102,0); }
#products ul li.ap { border-color:rgb(0,168,225); }
#products ul li.la { border-color:rgb(102,204,0); }
#products ul li.ee { border-color:rgb(134,33,117); }
#products ul li.abs { border-color:rgb(252,176,51); margin-right:0; }
#products ul li.na:hover { background-color:rgba(176,26,72,0.8); }
#products ul li.eu:hover { background-color:rgba(255,102,0,0.8); }
#products ul li.ap:hover { background-color:rgba(0,168,225,0.8); }
#products ul li.la:hover { background-color:rgba(102,204,0,0.8); }
#products ul li.ee:hover { background-color:rgba(134,33,117,0.8); }
#products ul li.abs:hover { background-color:rgba(252,176,51,0.8); }
#products ul li:hover a { color:rgb(255,255,255); -webkit-transition-property:color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease-in; }


/* Aside
----------------------------------------------------------------------------------------- */
.aside { float:left; padding:0 20px 20px 20px; width:320px; margin-top:10px; background:rgb(245,245,245) url('../i/main.png') repeat-y left top; }
.aside h2 { font-size:1.4em; background-color:rgb(0,82,155); color:rgb(255,255,255); padding:4px 6px; }
.aside dt { margin-top:1em; font-weight:bold; }


/* Login Form
----------------------------------------------------------------------------------------- */
#login-module { position:relative; }
#login-module p { padding-bottom:10px; }
#login-module p.input { float:left; width:160px; }
#login-module p.input label { display:block; }
#login-module p.input input, #login-module p.buttons input { width:150px; }
#login-module p.buttons select { width:154px; margin-right:4px; }
#login-module p.remember-me { color:rgb(132,132,132); font-size:0.9em; border-bottom:solid 1px rgb(207,214,220); padding-bottom:8px; margin-bottom:8px; }
#login-module p.links { clear:both; margin-bottom:20px; font-size:0.9em; }
#login-module p.links a { display:block; width:130px; float:left; padding-left:20px; }
#login-module p.links a.forgotten { background:transparent url('../i/mail.png') no-repeat 0% 50%; margin-right:10px; }
#login-module p.links a.secure { background:transparent url('../i/lock.png') no-repeat 0% 50%; }
@-webkit-keyframes pulse {
    0% { -webkit-box-shadow:0 0 4px rgba(51,204,255,0.2); }
    50% { -webkit-box-shadow:0 0 4px rgba(51,204,255,0.9); }
    100% { -webkit-box-shadow:0 0 4px rgba(51,204,255,0.2); }
}
#login-module p.input input:focus { -webkit-animation:pulse 1.5s infinite ease-in-out; }
/*
@-webkit-keyframes crazymove {
    0% { -webkit-transform:translate(0px, 0px); }
    10% { -webkit-transform:translate(0, -100px); }
    20% { -webkit-transform:translate(100px, -300px) rotate(45deg); }
    30% { -webkit-transform:translate(500px, -300px) scale(1.5); }
    40% { -webkit-transform:translate(200px, -400px) rotate(180deg); }
    60% { -webkit-transform:translate(150px, -200px) scale(0.3); }
    80% { -webkit-transform:translate(500px, -200px) rotate(270deg); }
    100% { -webkit-transform:translate(0, -0); }
}
#login-module { -webkit-animation:crazymove 5s infinite ease-in-out; }
*/
#login-module p.logged_in { padding-bottom:0; }
#login-module p.fn { padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px rgb(225,225,225); }
#login-module p.fn span { font-style:italic; }
#login-module p.logged_in a.text_button { position:absolute; right:0; bottom:0; }
#login-module div.crm { border-top:solid 1px rgb(225,225,225); padding-top:10px; }
#login-module h2 + p + p:before { content:"\00AB "; }


/* General Forms
----------------------------------------------------------------------------------------- */
.contact label { font-weight:bold; }
.contact input, .contact textarea { display:block; width:350px; padding:2px; margin:2px 0 4px; border-style:solid; border-width:1px; border-color:#8f8f8f #cecece #e3e3e3; }
.contact input:focus, .contact textarea:focus { -webkit-animation:pulse 1.5s infinite ease-in-out; }
.contact select { display:block; padding:2px; margin:2px 0 4px; }
.contact p.buttons input { display:inline; width:auto; border:solid 1px #8f8f8f; }
.contact p.all-required { color:rgb(189, 41, 90); margin-top:30px; }


/* Subscriptions
----------------------------------------------------------------------------------------- */
#subscriptionsModule { clear:both; }


/* Article
----------------------------------------------------------------------------------------- */
.article { float:left; padding:10px 20px 20px 20px; width:505px; background-color:rgb(255,255,255); }


/* Main
----------------------------------------------------------------------------------------- */
.main { float:left; background:transparent url('../i/main.png') repeat-y top center; }


/* Footer
----------------------------------------------------------------------------------------- */
.footer { clear:both; font-size:11px; color:rgb(183,183,183); padding:20px 0 20px 380px; }
.footer a { color:rgb(183,183,183); border-right:solid 1px; padding-right:4px; }
.footer ul li { display:inline; }
.footer ul li.copyright { padding-right:10px; }


/* Global Network
----------------------------------------------------------------------------------------- */
ul.key { background-color:rgb(245,245,245); list-style:none; margin:-20px 0 20px 0; padding:20px; line-height:2; }
ul.key li { position:relative; padding-left:20px; }
ul.key li img { position:absolute; left:0; bottom:10px; }
.map:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.map { border-bottom:solid 1px rgb(226,226,226); padding-bottom:20px; margin-bottom:20px; position:relative; }
.map .vcard { background-color:rgb(245,245,245); padding:0 10px 10px 10px; float:right; width:180px; }
.asia-pacific-map .vcard { width:170px; }
.latin-america-map .vcard { width:140px; }
.middle-east-african-map .vcard { width:140px; }
.emerging-europe-map .vcard { width:140px; }
.map .vcard .adr span { display:block; }
.map .vcard .adr .fn { display:none; }
.map .vcard .adr .postal-code, .map .vcard .adr .value, .map .vcard .adr .type { display:inline; }
.map dl dt { font-weight:bold; margin-top:10px; }
.map dl dd { font-size:0.85em; color:rgb(102,102,102); }
.map dl dd ul { padding:0; margin:0; list-style:none; }
.map dl .eu-bureaus li { float:left; width:50%; }
img.key { position:absolute; left:0px; top:200px; }
img.na-key { top:222px; }
img.eu-key { top:20px; }
img.ap-key { top:320px; }
img.la-key { left:220px; top:260px; }
img.ee-key { left:350px; top:270px; }


/* Executive Management
----------------------------------------------------------------------------------------- */
p.title { padding-bottom:1em; margin-top:-8px; font-size:12px; font-style:italic; letter-spacing:0.15em; }
p.email { border-bottom:1px solid rgb(225,225,225); }


/* Group Portfolio
----------------------------------------------------------------------------------------- */
p.product { border-bottom:solid 1px rgb(225,225,225); margin-bottom:1.6em; }
p.product img { float:left; margin:10px 30px 8px 0; }
p.product a.visit { display:block; padding:4px; font-size:14px; text-align:right; }


/* Contact Us
----------------------------------------------------------------------------------------- */
ul.contacts-list { list-style:none; padding:0; width:505px; overflow:hidden; margin-right:-40px; margin-left:0; }
ul.contacts-list li.vcard { float:left; width:232px; line-height:1.35; margin:0 20px 5px 0; min-height:4.9em; height:auto !important; height:5.3em; }
ul.contacts-list li.vcard .tel, ul.contacts-list li.vcard .email { display:block; }
#column2and3 ul.contacts-list li.vcard a.email { background:none; padding:0; }
.main-contact-info .vcard .adr .street-address, 
.main-contact-info .vcard .tel, 
.main-contact-info .vcard .email,
.main-contact-info .vcard .extended-address { display:block; }
.head-contacts { clear:both; margin-top:20px; }
.head-contacts .vcard .title { display:block; font-weight:bold; }
.head-contacts .personless .fn { display:block; font-weight:bold; }
#contact_asia .extended-address span { display:block; }
.hq-contact { line-height:1.4; }
.top-of-page { clear:both; text-align:right; padding-bottom:0; border-top:solid 1px rgb(225,225,225); }
.top-of-page:after { content:" \2191"; }
.vcard h2 { font-size:1.2em; margin:0; font-weight:bold; }


/* Events and Publications
----------------------------------------------------------------------------------------- */
.sub-section { float:left; width:100%; padding-top:1.7em; margin-top:0; padding:10px 0; border-top:solid 1px rgb(225,225,225); clear:both; }
.sub-section img { float:right; margin:0 20px; height:180px; width:180px; border:solid 1px rgb(51,51,51); }
.follow img { margin:10px 20px 10px 30px; height:auto; width:auto; }
.sub-sections .events a, .sub-sections .multimedia a, .sub-sections .publications a { display:block; height:100%; }
.sub-sections .events p, .sub-sections .multimedia p, .sub-sections .publications p { font-size:1.45em; font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }



/* Events & Publications
----------------------------------------------------------------------------------------- */
div.events { border-top:solid 2px rgb(225,225,225); padding-top:10px; }
.vevent, .pub { border-bottom:solid 1px rgb(225,225,225); padding-bottom:12px; padding-top:10px; margin-bottom:10px; }
.vevent h3.summary, .publications h3.summary { font-size:1em; font-weight:bold; margin-bottom:0.25em; letter-spacing:0.05em; }
.publications h1.summary { margin-bottom:0.15em; margin-top:0; }
.vevent p.info, .publications p.info { font-style:italic; padding-bottom:0.75em; }
.publications p.pub-date { font-size:1.1em; padding-bottom:0.25em; border-bottom:1px dotted; }
.publications a.see-all-pubs { float:right; font-size:0.9em; }
.publications a.see-all-pubs:before { content:"\00AB  "; }
.publications .description { clear:both; }
.vevent p.link, .publications p.link { padding-bottom:0; margin-bottom:0; text-align:right; }
.vevent p.link a:after, .publications p.link a:after { content:" \00BB"; }
.vevent ul.events { margin-left:0; }
.vevent ul.events li { list-style:none; }
.vevent h3.documents { margin-top:10px; padding-top:10px; border-top:1px dotted; }

div.upcoming span.location { display:block; }
div.upcoming p.to-follow { padding-bottom:0; }
div.upcoming div.sub-section { border-top:0; }

.recent-pubs { border-top:solid 1px rgb(225,225,225); }


/**/
@media handheld, screen and (max-width:480px) {
    body { background-image:none; background-color:rgb(41,65,109); }
    #header, #nav, #sec_nav, #content { width:100%; margin:0; padding:0; }
    .header { height:auto; padding:10px; }
    .header h2 { top:0; width:100%; }
    .header #banner_ad { display:none; }
    .nav { text-align:center; margin:0; padding:0; overflow:hidden; }
    .nav ul li { display:block; line-height:1; padding-right:0; padding-left:0; padding-top:2px; padding-bottom:2px; }
    #nav ul li { padding-right:5px; padding-left:5px; padding-top:5px; padding-bottom:5px; background:none; width:100%; border-bottom:solid 1px rgb(255,255,255); }
    #nav ul li.current { background-color:green; }
    #nav ul li.current a { border:none; }
    #nav ul li.parent { padding-right:0px; }
    #nav ul li.parent a { background-image:none; padding-right:0; }
    #nav ul li.parent ul { visibility:visible; background-color:transparent; position:relative; left:0; top:0; display:block; width:100%; opacity:1; font-size:14px; text-align:center; padding:0; margin:10px 0 0 0; -webkit-box-shadow:none; }
    #nav ul li.parent ul li { border:none; display:inline; }
    #nav ul li.parent ul li a { display:inline; background-image:none; padding:5px 10px; margin:0; white-space:nowrap; }
    #nav ul li.network ul { width:100%; }
    #nav ul li.about ul { width:100%; left:0; }
    #nav ul li.events ul { width:100%; }
    .aside { float:none; padding:0; width:100%; }
    .article { float:none; padding:0; width:100%; }
    .footer { padding:10px 0; text-align:center; }
    #intro { text-align:center; padding-bottom:0; }
    #intro p.subscribe { margin-top:0px; margin-bottom:0px; width:100%; padding:10px 0; background-image:none; }
    #intro p.subscribe a.needless-link { display:none; }
    #intro p.blurb { width:100%; margin-right:0; padding:0; }
    #products ul li { margin:7px 5px; }
    .content { padding-top:0; }
    .main { float:none; background-image:none; }
    #login-module p { padding-bottom:10px; }
    #login-module p.input { float:none; width:100%; font-size:1.1em; }
    #login-module p.input label { display:block; margin-left:10px; }
    #login-module p.input input, #login-module p.buttons input { width:90%; margin-left:10px; font-size:1.2em; }
    #login-module p.buttons select { width:92%; margin-left:10px; margin-right:0; margin-bottom:10px; font-size:1.1em; }
    #login-module p.links { clear:both; margin-bottom:10px; padding:0 10px; font-size:0.9em; }
    #login-module p.links a { display:block; width:auto; float:left; }
    .aside dl { padding:0 10px 10px 10px; margin-top:-20px; }
    .map img { width:100%; }
    p { width:94%; margin:0 auto; }
    h1 { margin-top:0; padding-top:0.75em; }
    h1, h2, h3, h4, h5, h6 { text-align:center; }
    .article ul { margin-left:30px; }
}