/* reset
-------------------------------------------------------------------------------*/

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,aside,figure,footer,header,hgroup,nav,section {
  display: block;
}
img,object,embed {
  max-width: 100%;
}
ul {
  list-style: none;
}
blockquote,q {
  quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 2em 0;
  padding: 0;
}
input,select {
  vertical-align: middle;
}
pre {
  white-space: pre;/* CSS2 */
  white-space:pre-wrap;/* CSS 2.1 */
  white-space:pre-line;/* CSS 3 (and 2.1 as well,actually) */
  word-wrap:break-word;/* IE */
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  ertical-align: bottom;*vertical-align:baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,input,textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
a:hover,a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong,th {
  font-weight: bold;
}
td,td img {
  vertical-align: top;
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,code,kbd,samp {
  font-family: monospace,sans-serif;
}
.clickable,label,input[type=button],input[type=submit],button {
  cursor: pointer;
}
button,input,select,textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache",false,true));
}

/* clear
-------------------------------------------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* fonts
-------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik-regular-webfont.eot');
    src: url('../fonts/graphik-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/graphik-regular-webfont.woff') format('woff'),
         url('../fonts/graphik-regular-webfont.ttf') format('truetype'),
         url('../fonts/graphik-regular-webfont.svg#graphik-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik-semibold-webfont.eot');
    src: url('../fonts/graphik-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/graphik-semibold-webfont.woff') format('woff'),
         url('../fonts/graphik-semibold-webfont.ttf') format('truetype'),
         url('../fonts/graphik-semibold-webfont.svg#graphik-semibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* global
-------------------------------------------------------------------------------*/

html {
  overflow-y:scroll;
  overflow-x:hidden;
}
html, body {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background: #fff;
  color: #000;
  font-family: 'Graphik', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}
p {
  margin-bottom: 1em;
}
p:last-child {
  margin-bottom: 0;
}


/* Page load
-------------------------------------------------------------------------------*/

.layout{
  visibility:hidden;
}
.page-loader{
  z-index:1001;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #B6529F;

}
.loading-logo{
  width:48px;
    height:48px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-24px 0 0 -24px;
  background:url(../images/i2_loader_logo@2x.png) no-repeat center center;
}
.loading-gif{
  width:48px;
    height:48px;
    position:absolute;
    left:50%;
    bottom:30px;
    margin:-24px 0 0 -24px;
  background:url(../images/i2_loader@2x.gif) no-repeat center center;
}

/* i2 badge
-------------------------------------------------------------------------------*/

.i2-badge {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: url('../images/i2-badge.png') no-repeat 0px 0px;
}

/* close button
-------------------------------------------------------------------------------*/

.close {
  display: block;
  width: 27px;
  height: 27px;
  background: url('../images/close-button.png') no-repeat 0px 0px;
}
.close:hover {
  display: block;
  width: 27px;
  height: 27px;
  background: url('../images/close-button.png') no-repeat 0px -27px;
}

/* image holder
-------------------------------------------------------------------------------*/

.img-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.img-holder img {
  position: relative;
}
.nav-module .img-holder img {
  display: none;
}

.big {
    font-size: 44px;
}


/***
 *** image reel
 ***/

#divreel-holder {
    overflow: hidden;
    /*z-index: -5;*/
}

#divreel-mouse-over {
    /*z-index: -3;*/
}

.divreel {
    display: none;
}

#divreel-holder-bg img {
    position: relative;
    z-index: -10;
}

#divreel-holder, #divreel-holder-bg {
  overflow:hidden;
}


/* model window
-------------------------------------------------------------------------------*/

#overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.5;
  filter:alpha(opacity=50);
}

#modal {
  position:absolute;
  background:url(../images/modal/tint20.png) 0 0 repeat;
  background:rgba(0,0,0,0.2);
  border-radius:14px;
  padding:8px;
  z-index: 1000;
}

#slide-in-modal-overlay {
  position:fixed;
  background-color:black;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;

  z-index: 2;
  height:100%;
  width:100%;
  display:none;
}

#content {
  border-radius:8px;
  background:#b6529f;
  padding:20px;
}

#close {
  position:absolute;
  background:url(../images/modal/close.png) 0 0 no-repeat;
  width:24px;
  height:27px;
  display:block;
  text-indent:-9999px;
  top:-7px;
  right:-7px;
}


/* image overlay
-------------------------------------------------------------------------------*/

.img-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity:0.75;
  filter: alpha(opacity=75);
}

/* colors
-------------------------------------------------------------------------------*/

/* warm grays */

.bg1 {background: #958280;}
.bg2 {background: #a59493;}
.bg3 {background: #b5a7a6;}
.bg4 {background: #c5bab9;}
.bg5 {background: #d4cdce;}
.g1 {color: #958280;}
.g2 {color: #a59493;}
.g3 {color: #b5a7a6;}
.g4 {color: #c5bab9;}
.g5 {color: #d4cdce;}

/* section colors */

.byellow {background: #fcc500;}
.bpink {background: #e41e73;}
.bpurple {background: #b6529f;}
.borange {background: #ea5c10;}
.yellow {color: #fcc500;}
.pink {color: #e41e73;}
.purple {color: #b6529f;}
.orange {color: #ea5c10;}

/* additional colors */

.bwhite {background: #ffffff;}
.bblack {background: #000000;}
.white {color: #ffffff;}
.black {color: #000000;}

/* headings
-------------------------------------------------------------------------------*/

h1 {
  font-size: 22px;
  line-height: 1.09;
  margin-bottom: 22px;
  letter-spacing: -0.03em;
}
h2 {
  font-size: 22px;
  line-height: 1.09;
  margin-bottom: 22px;
  letter-spacing: -0.03em;
}
h1 sup {
  font-size: 60%;
  top: -0.6em;
}
.quote {
  text-indent: -0.25em;
}

/* slider */

#slides {
    overflow: hidden;
}

.slides_container {
  display:none;
    overflow: hidden;
}

.on-top {
    z-index: 1000;
}


/* global pad
-------------------------------------------------------------------------------*/

.pad {
  position: relative;
  padding: 20px 20px 25px 20px;
}

/* home content module
-------------------------------------------------------------------------------*/

.home-module {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home-module .i2-badge {
  position: absolute;
  top: 20px;
  right: 20px;
}
.home-module .pad {
  width:80%;
  /*
  width: 430px;
  max-width: 430px;
  */
}
.home-module .home-module-content {
  padding-top: 26px;
    text-decoration: none;
}
.home-module .home-module-content h1 {
  color: #000;
    text-decoration: none;
}

.home-module a {
  color: #000;
    text-decoration: none;
}

.home-module a:visited {
  color: #000;
    text-decoration: none;
}

.home-module .home-module-content h1.white {
    color: #fff;
    text-decoration: none;
}

.home-module .home-module-content .faded {
  opacity:0.5;
  filter: alpha(opacity=50);
}

.home-module .home-module-content h1 {
    z-index: 100;
}

.home-module .home-module-content .introducing-link {
    position: absolute;
    left: 20px;
    top: 320px;
    font-size: 23px;
    color: #fff;
    text-decoration: underline;
}
.home-module .photo-credit {
    position: absolute;
    right: 20px;
    bottom: 10px;
  /*color: #484848;*/
    color: #fff;
    z-index: 999;
  font-size: 11px;
  margin-bottom: 1.4em;
    text-align: right;
}

.home-module .home-module-content .introducing-link a {
   color: #fff;
}
.home-module h1 .logotype {
  display: block;
  height: 68px;
  background: transparent no-repeat left 0px;
}

/* nav modules
-------------------------------------------------------------------------------*/

.footer-eventlink {
    margin-top: 20px;
    margin-left: 20px;
}

.footer-eventlink a {
    color: #B6529F;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

.footer-eventlink .social {
    color: #999;
    margin-top: 22px;
}

.footer-eventlink .social a {
    margin-left: 2px;
    margin-right: 2px;
}

.footer-contact {
  color:#958280;
}

.nav.module {
  z-index:1;
}

.nav-module {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nav-module a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.nav-module .pad {
  max-width: 310px;
  max-height: 305px;
}
.nav-module {
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.attend-img-holder {
  position: absolute;
  margin-top:20px;
  z-index:15;
}


/* nav sections
-------------------------------------------------------------------------------*/

.nav-container {

}

.nav-module h1 .logotype {
  display: block;
  height: 16px;
  background: transparent no-repeat left 0px;
}

.nav-module:hover h1 .logotype {
  background: transparent no-repeat left -16px;
}

.accordion-container {
    margin-top: 36px;
    margin-bottom: 24px;
  border-bottom: 1px solid #000;
}


.accordion-header {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
  border-top: 1px solid #000;
  cursor: pointer;
}

.active-header {
  background-repeat: no-repeat;
  background-position: left 70%;
  background-image: url('../images/accordian-active-header.gif');
}

.active-header:hover {
  background-repeat: no-repeat;
  background-position: left 70%;
}

.inactive-header {
  background-repeat: no-repeat;
  background-position: left 70%;
  background-image: url('../images/accordian-inactive-header.gif');
}

.inactive-header:hover {
  background-repeat: no-repeat;
  background-position: left 70%;
}

.accordion-content {
  display: none;
    /*padding-top: 10px;*/
    margin-bottom: 20px;
}

.section-abstract {
  display: none;
  color: #000;
}

/* twitter module
-------------------------------------------------------------------------------*/

#twitter-module {
  font-size: 11px;
  line-height: 1.27;
  color: #958280;
}
#i2-twitter-badge {
  display: inline-block;
  width: 44px;
  height: 15px;
  background: url(../images/i2-twitter-badge.png) no-repeat 0px 0px;
}
#twitter-feed {
  margin-top: 24px;
}
#twitter-feed li {
  margin-bottom: 11px;
}
#twitter-feed li a {
  color: #958280;
  font-weight: bold;
  text-decoration: none;
}
#twitter-feed li a:hover {
  text-decoration: underline;
}

/* email language module
-------------------------------------------------------------------------------*/

#email-lang-module {
  font-size: 11px;
  line-height: 1.27;
  color: #958280;
}
.lang {
  color: #958280;
  font-weight: bold;
  text-decoration: none;
}
.lang:hover {
  text-decoration: underline;
}
#newsletter-signup {
  margin-top: 24px;
  position: relative;
  white-space:nowrap;
}
#newsletter-signup .email {
  display: inline-block;
  width: 140px;
  border: 1px solid #958280;
  outline: none;
  color: #c5bab9;
  font-family: 'Graphik', Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 3px;
}
#newsletter-signup .email-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  background: url('../images/mail-icon.png') no-repeat 0px 0px;
  text-indent: 9999px;
  /*margin-left: 10px;*/
}
#email-result {
  display: block;
  clear: both;
  padding-top: 10px;
}
#follow {
  margin-top: 24px;
}
#follow .icons {
  padding-top: 8px;
}
.icons .follow-facebook,
.icons .follow-twitter,
.icons .follow-flickr,
.icons .follow-youtube {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
.icons .follow-facebook {
  background: url(../images/facebook-icon.png) no-repeat 0px 0px;
}
.icons .follow-twitter {
  background: url(../images/twitter-icon.png) no-repeat 0px 0px;
}
.icons .follow-flickr {
  background: url(../images/flickr-icon.png) no-repeat 0px 0px;
}
.icons .follow-youtube {
  background: url(../images/youtube-icon.png) no-repeat 0px 0px;
}

/* content modules
-------------------------------------------------------------------------------*/

.content.module {
  z-index:2;
}

.content-module {
  display: none;
  position: relative;
}
.content-module a {
  color: #000;
  text-decoration: underline;
}
.content-module a:hover {
  color: #fff;
}
.content-module h1 {
  position: absolute;
  /*
  width: 420px;
  min-width: 420px;
  */
  top: 20px;
  left: 20px;
}
.content-module h1 .logotype {
  display: block;
  position: relative;
  height: 16px;
  background: transparent no-repeat left -16px;
}
.content-module p + h2 {
  padding-top: 9px;
}
.content-module h2 {
  color: #fff;
}
.content-module h2 .byline {
  font-size: 13px;
  color: #484848;
  font-weight: normal;
}
.content-module .img-spacer {
  height: 54px;
  min-height: 54px;
}
.content-module .img-caption {
  font-size: 11px;
  color: #484848;
  margin-bottom: 1.4em;
    text-align: right;
}
.content-module .pad {
  max-width: 520px;
  padding-right: 60px;
  padding-bottom: 60px;
}
.content-module .pad img {
  display: block;
  margin: 2em 0;
}
.content-module .close {
  position: absolute;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 101;
}
.content-module .stats .col {
  width: 45%;
  float: left;
}
.content-module .stats .col .number {
  display: block;
  font-size: 44px;
  font-weight: bold;
  color: #fff;
}
.content-module .footnote {
  padding-top: 2em;
  color: #484848;
}
.content-module .footnote a {
  color: #484848;
}
.content-module .footnote a:hover {
  color: #fff;
}
.content-module .logos a {
  margin-right: 30px;
}
.content-module .logos a img {
  display: inline;
  padding: 0;
  margin: 0;
}

/* headers */


/* application */

#application-diagram {
    margin-top: 20px;
}

#application-arrow {
    margin: 0px;
    margin-top: 68px;
    margin-left: 20px;
    display: inline;
}
#application-icon {
    margin: 0px;
    display: inline;
}
#application-diagram p {
    color: #fff;
    margin-top: 15px;
    margin-left: 20px;
}
#application-diagram p a {
    color: #fff;
}


/* conversation form */

#conversation-form {
  position: relative;
  width: 100%;
}
#conversation-form .message {
  display: block;
  width: 100%;
  height: 105px;
  border: 1px solid #958280;
  outline: none;
  color: #c5bab9;
  font-family: 'Graphik', Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin: 0 0 10px 0;
  padding: 6px;;
}
#conversation-form .message-email {
  display: inline-block;
  width: 140px;
  border: 1px solid #958280;
  outline: none;
  color: #c5bab9;
  font-family: 'Graphik', Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 3px;
}
#conversation-form .message-button {
  display: inline-block;
  width: 75px;
  height: 20px;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Graphik', Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 22px;
  font-weight: bold;
  background: #958280;
  color: #fff;
  margin-left: 10px;
}
#conversation-form #message-result {
  display: block;
  clear: both;
  padding-top: 10px;
}


/* arabic
-------------------------------------------------------------------------------*/

.ar {

}

body.ar {
  font-family: 'Graphik', Tahoma, Geneva, Helvetica, Arial, sans-serif;
}

.ar .pad {
  position: relative;
  padding: 20px 20px 25px 20px;
}

/* home module */

.ar .home-module .pad {
/*
  width: 430px;
  max-width: 430px;
*/
}

.ar .home-module .i2-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  right:auto;
}

.ar .home-module h1 .logotype {
  display: block;
  height: 23px;
  background: transparent no-repeat right 0px;
}

/* nav modules */

.ar .nav-module h1 .logotype {
  display: block;
  height: 23px;
  background: transparent no-repeat right 0px;
}

.ar .nav-module:hover h1 .logotype {
  background: transparent no-repeat right -23px;
}

.ar .nav-module#nav-involvement h1 .logotype {
  height: 25px;
}

.ar .nav-module#nav-involvement:hover h1 .logotype {
  background-position: right -25px;
}

.ar .active-header {
  background-position: right 70%;
  background-image: url('../images/accordian-active-header.gif');
}

.ar .active-header:hover {
  background-position: right 70%;
}

.ar .inactive-header {
  background-position: right 70%;
  background-image: url('../images/ar-accordian-inactive-header.gif');
}

.ar .inactive-header:hover {
  background-position: right 70%;
}

.ar .accordion-header {
  padding-left: 0px;
  padding-right:20px;
}

/* content modules */

.ar .content-module h1 {
  position: absolute;*
  width: 420px;
  min-width: 420px;
  top: 20px;
  right: 20px;
  left: auto;
}
.ar .content-module h1 .logotype {
  display: block;
  position: relative;
  height: 23px;
}

.ar .content-module h1 .logotype {
  background: transparent no-repeat right -23px;
}

.ar .content-module .close {
  top: 20px;
  left: 20px;
  right: auto;
}

.ar .content-module#involvement-content h1 .logotype {
  height:25px;
  background-position: right -25px;
}

@media only screen and (max-width: 760px) {
  #newsletter-signup .email {
    width:90px;
  }
  #newsletter-signup .email-button {
    margin-left:0;
  }
  .editor-header-4{
    font-size:14px;
  }
  .editor-header-2{
    font-size:30px;
  }

  .footer-contact {
    font-size:11px;
  }

}

@media only screen and (max-width: 480px) {

  .template-main-index .nav-module .pad {
    padding: 10px 10px 10px 10px;
  }

}