/*
==================================================
  LAYOUT.CSS
  Controls all layout and screen styles.

  Author:   Ruthie BenDor
  Updated:  2009-Jul-24
==================================================
*/

body {background:#0168AF;}

.page {
  width:980px;
  background:transparent;
  margin:0 auto;
  text-align:center;
}

.masthead, .nav, .content, .footer {
  text-align:left;
  position:relative;
}

.masthead, .content, .footer {
  padding:0 20px;
}

/* === MASTHEAD =============================== */

.masthead {
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/masthead.png") no-repeat 0 0;
  height:101px;
}

/* --- Logo --- */

.masthead #logo {
  position:absolute;
  left:10px;
  top:10px;
  width:143px;
  height:91px;
}

.masthead #logo a {
  display:block;
  width:143px;
  height:91px;
  text-align:center;
  text-decoration:none;
}

.masthead #logo a span {
  display:inline-block;
  background:#CDE2F6;
  color:#FFF;
  padding:3px;
  margin:35px 0;
}

.masthead #logo a {text-indent:-1000em;}

/* --- Banner --- */

.masthead #banner {
  position:absolute;
  left:173px;
  top:10px;
  width:380px;
  height:91px;
}

.masthead #banner h2 {
  color:#0168AF;
  text-transform:uppercase;
  padding:13px 0 0 0;
  line-height:1.2em;
}

.masthead #banner p {
  color:#662200;
  line-height:1.2em;  
}

/* --- Search --- */

.masthead #search {
  position:absolute;
  right:10px;
  top:10px;
  width:330px;
  height:91px;
}

.masthead #search input[type="text"] {
  position:absolute;
  left:0;
  top:30px;
  width:186px;
  height:28px;
  border:0;
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/field-search.png") no-repeat 0 0;
  padding:6px;
}

.masthead #search input[type="image"] {
  position:absolute;
  left:196px;
  top:30px;
  width:70px;
  height:28px;
}

/* === NAVIGATION ============================= */

.nav ul {
  position:relative;
  overflow:auto;
  width:980px;
}

.nav li {
  display:block;
  float:left;
  position:relative;
  overflow:auto;
}

.nav li a {
  display:block;
  float:left;
  height:70px;
  text-indent:-1000em;
  text-decoration:none !important;
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/bg-nav.png") no-repeat;
  cursor:pointer !important;
}

/* --- Link Width --- */

.nav li#nav-home a         {width:160px;}
.nav li#nav-network a      {width:160px;}
.nav li#nav-events a       {width:160px;}
.nav li#nav-training a     {width:160px;}
.nav li#nav-publications a {width:160px;}
.nav li#nav-about a        {width:180px;}

/* --- Regular State --- */

.nav li#nav-home a:link,          .nav li#nav-home a:visited          { background-position:   0px 0px; }
.nav li#nav-network a:link,       .nav li#nav-network a:visited       { background-position:-160px 0px; }
.nav li#nav-events a:link,        .nav li#nav-events a:visited        { background-position:-320px 0px; }
.nav li#nav-training a:link,      .nav li#nav-training a:visited      { background-position:-480px 0px; }
.nav li#nav-publications a:link,  .nav li#nav-publications a:visited  { background-position:-640px 0px; }
.nav li#nav-about a:link,         .nav li#nav-about a:visited         { background-position:-800px 0px; }

/* --- Rollover State --- */

.nav li#nav-home a:hover,          .nav li#nav-home a:active          { background-position:   0px -100px; }
.nav li#nav-network a:hover,       .nav li#nav-network a:active       { background-position:-160px -100px; }
.nav li#nav-events a:hover,        .nav li#nav-events a:active        { background-position:-320px -100px; }
.nav li#nav-training a:hover,      .nav li#nav-training a:active      { background-position:-480px -100px; }
.nav li#nav-publications a:hover,  .nav li#nav-publications a:active  { background-position:-640px -100px; }
.nav li#nav-about a:hover,         .nav li#nav-about a:active         { background-position:-800px -100px; }

/* --- You-Are-Here State --- */

body.section-home #nav-home a                 { background-position:   0px -200px !important; }
body.section-network #nav-network a           { background-position:-160px -200px !important; }
body.section-events #nav-events a             { background-position:-320px -200px !important; }
body.section-training #nav-training a         { background-position:-480px -200px !important; }
body.section-publications #nav-publications a { background-position:-640px -200px !important; }
body.section-about #nav-about a               { background-position:-800px -200px !important; }


/* === CONTENT ================================ */

.content-top {
  height:20px;
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/bg-content-top.png") no-repeat 0 0;
}

.content {
  background:#FFF url("http://leanglobal.ehclients.com/uploads/assets/bg-content.png") repeat-y 0 0;
  overflow:auto;
  padding:0 20px 1em 20px;
}

.content-bottom {
  clear:both;
  height:20px;
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/bg-content-bottom.png") no-repeat 0 0;
}

/* --- Content Images --- */

.content .img-wrapper {
  display:inline-block;
  float:left;
  margin:0.5em 10px 0.5em 0;
  border:1px solid #CCC;
}

.content .img-wrapper img {display:block;}

/* --- Intro --- */

.content .intro {
  border-bottom:1px solid #CCC;
  position:relative;
  overflow:auto;
}

.content .intro h1 {
  float:left;
  width:310px;
}

.content .intro h1 span {
  display:block;
  padding:0.5em 0 0 10px;
}

.content .intro p {
  float:left;
  width:620px;
  padding:1em 0 0.25em 0;
}

.content .intro .last {
  clear:both;
  border-bottom:1px solid #CCC;
  margin-bottom:1px;
}

/* --- Main --- */

.content .main {
  width:620px;
  padding-left:10px;
  padding-top:1.25em;
  position:relative;
  overflow:auto;
}

/* --- Aside --- */

.content .aside {
  float:right;
  width:290px;
  margin-left:20px;
  background:#FFF url("http://leanglobal.ehclients.com/uploads/assets/bg-aside.png") repeat-y left top;
}

.content .aside .clear {
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/bg-aside-bottom.png") no-repeat left bottom;  
  height:3em;
}

/* List Header */

.content .aside h3 {
  padding-top:1.1em;
  padding-left:10px;
  background:#FFF url("http://leanglobal.ehclients.com/uploads/assets/bg-aside-top.png") no-repeat left bottom;  
  color:#999;
}

.content .aside h3 a {text-decoration:none;}

/* List */

.content .aside ul {
  margin-left:0 !important;
  list-style-type:none !important;
}

.content .aside li {
  margin-left:0 !important;
  border-bottom:1px dotted #999;
  position:relative;
  overflow:auto;
}

.content .aside li a,
.content .aside p {
  padding:0.5em 10px 0.375em 10px;
}

.content .aside li a {
  display:block;
  text-decoration:none;
}

.content .aside li a:hover,
.content .aside li a:active,
.content .aside li a.here {background:#FFF;}

/* Action Button */

.content p.button {text-align:center;}

.content p.button a {
  display:block;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  font-size:1.5em;
  padding:1em 0;
}

.content .button a:link, .content .button a:visited {
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/bg-aside-button.png") no-repeat center 5px;
}

.content .button a:hover,.content .button a:active {
  background:transparent url("http://leanglobal.ehclients.com/uploads/assets/bg-aside-button.png") no-repeat center -91px;
}

/* === FOOTER ================================= */

.footer {
  color:#FFF;
  font-size:0.75em;
  line-height:1.25em;
  overflow:auto;
}

.footer>div {float:left;}

#footer-links {
  width:144px;
  border-right:1px dotted #FFF;
}

#footer-address {
  width:264px;
  border-right:1px dotted #FFF;
}
#footer-contact {
  width:264px;
  border-right:1px dotted #FFF;
}
#footer-copyright {width:265px;}

#footer-address div.adr,
#footer-contact div,
#footer-contact p,
#footer-copyright p {
  padding:0 10px;
}

.footer a:link, .footer a:visited {color:#FFF;}

.footer a:hover, .footer a:active {
  color:#FFF;
  background:#DC7107;  
}


/* === UTILITY STYLES ========================= */

.clear {clear:both;}

.hide {display:none;}

.meta {
  color:#999;
  padding-bottom:0 !important;
  margin-bottom:-0.25em !important;
  letter-spacing: 1px;
}

.meta a:link, .meta a:visited {color:#999;}

.meta a:hover, .meta a:active {color:#DC7107;}

.meta .status {text-transform:uppercase;}


/* === SECTION-SPECIFIC STYLES ================ */

/* --- Map Styles --- */

.map {
  border:3px solid #EEF;
  height:108px !important;
  width:200px;
  float:right;
  margin-top:0.5em;
  margin-left:7px;
  margin-bottom:0.5em;
}

.map div span,
.map div a,
.map #logocontrol {
  display:none !important;
}



/* --- Home section -------- */

.section-home .map-wrapper {
  float:left;
  width:618px;
  border-right:0 !important;
}

.section-home .news-wrapper,
.section-home .events-wrapper,
.section-home .trainings-wrapper,
.section-home .publications-wrapper {
  float:left;
  width:298px;
}

.section-home .map-wrapper,
.section-home .events-wrapper, 
.section-home .trainings-wrapper {
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #CCC;
}

.section-home .news-item {
  padding:0.5em 0;
  border-bottom:1px dotted #CCC;
}

.section-home .news-wrapper .last {
  border-bottom:0 !important;
}



/* --- Affiliate section --- */

.section-network .content .affiliate-leadership,
.section-network .content .affiliate-details {
  position:relative;
  overflow:auto;
}

.section-network .content .affiliate-details {background:#CBE1F4;}

.section-network .content .affiliate-details dl {
  float:left;
  border-left:1px solid #FFF;
  padding:0.5em 10px;
}

.section-network .content .affiliate-details dt {
  font-size:0.75em;
  text-transform:uppercase;
  color:#999;
}

.section-network .content .affiliate-details dd {
  padding:0.5em 0;
}

.section-network .content .aside li .country {
  color:#999;
  font-size:0.75em;
  text-transform:uppercase;
}

.section-network .content .aside li .flag {
  display:block;
  float:left;
  margin-right:10px;
  margin-top:0;
  padding-top:0;
  width:32px;
}

.section-network .content .aside li .flag img {
  margin-top:-2px;
  padding-top:0;
}

.section-network .content .related {
  border-top:1px solid #999;
  margin-top:1em;
  padding-top:1px;
}

.section-network .content .related h4 {
  border-top:1px solid #999;
  padding-bottom:0.7em;
}

.section-network .content .related h4 span {
  display:block;
  font-weight:normal;
  font-size:0.75em;
}

.section-network .content .related .item {
  padding:0.5em 20px;
}

/* --- Events section --- */

.section-events .content .item {
  border-top:1px solid #CCC;
  padding-top:1px;
}

.section-events .content h5 {
  border-top:1px solid #CCC;
}

.section-events .content dl {
  position:relative;
  overflow:auto;
  font-weight:bold;
}

.section-events .content dt {
  clear:both;
  display:block;
  float:left;
  margin-left:1em;
  padding:0.5em 0.25em 0 1em;
}

.section-events .content dd {
  display:block;
  float:left;
  padding:0.5em 0.25em 0 0;
}

.section-events .map {height:300px;}


/* --- Sitemap section --- */

.section-sitemap .main .date,
.section-sitemap .main .country,
.section-sitemap .main .tag {
  font-size:0.875em;
  color:#666;
}