/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* CSS for the screen */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

html, body {
  margin: 0px 0px 0px 0px ;
  padding: 0px 0px 0px 0px ;
  height: 100%;
} 

body {
  color: #000000;
  font-size: 10px;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  background: #C3C3BB;
}

a         { color: #9A255B; text-decoration: underline; }
a:link    {  }
a:visited {  }
a:active  {  }
a:hover   { color: #BB6D91; text-decoration: underline; }


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* general html tags */    
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

img { 
  border: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

p {
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}

b {
  color: #7A7A6A;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* page elements: the div that holds all the content */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* we have 2 wrappers/containers, to avoid the 1 pixel jump in the background image */

#wrapper {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  min-height: 100%;
}
#container {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  overflow: visible;
}
.container_sub {
  position: relative;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* page elements: the HOME page */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

img.logo_home {
  position: relative;
  float: right;
  top: 86px;
  margin: 0px 52px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* page elements: the other pages */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

div.maincontent, div.maincontent2, div.maincontent3, div.maincontent4, div.maincontent5, div.maincontent6 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}
div.maincontent { float: right; }
div.maincontent2 { float: left; }
div.maincontent3 { padding: 0px 0px 0px 121px; }
div.maincontent4 { padding: 0px 0px 0px 200px; }
div.maincontent5 { padding: 0px 0px 0px 17px; }
div.maincontent6 { padding: 0px 0px 0px 206px; }

#content_top {
  clear: both;
  width: 506px;
  height: 47px;
  background: url(../img/bg/bg_content_top.jpg) no-repeat left bottom;
}
#content_middle {
  clear: both;
  width: 506px;
  background: url(../img/bg/bg_content_middle.jpg) repeat-y left top;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  min-height: 680px;
}
#content_bottom, #content_bottom2, #content_bottom3, #content_bottom4, #content_bottom5, #content_bottom6 {
  clear: both;
  width: 506px;
  height: 47px;
}
#content_bottom  { background: url(../img/bg/bg_content_bottom.jpg) no-repeat left top; }
#content_bottom2 { background: url(../img/bg/bg_content_bottom2.jpg) no-repeat left top; }
#content_bottom3 { background: url(../img/bg/bg_content_bottom3.jpg) no-repeat left top; }
#content_bottom4 { background: url(../img/bg/bg_content_bottom4.jpg) no-repeat left top; }
#content_bottom5 { background: url(../img/bg/bg_content_bottom5.jpg) no-repeat left top; }
#content_bottom6 { background: url(../img/bg/bg_content_bottom6.jpg) no-repeat left top; }

#nav_div {
  clear: both;
  float: left;
}

#content {
  width: 300px;
  float: left; 
  margin: 0px 0px 0px 7px;
  padding: 0px 0px 36px 0px;
}

img.logo {
  margin: 20px 0px 11px 126px;
}

/* the photos on the sides */
img.photos {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
/* the flash on the sides */
div.flash_sides {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* placement of each photo/flash piece */
img.photo_about1 {
  top: 249px;
  left: 0px;
}
div.flash_about1 {
  top: 249px;
  left: 0px;
}
img.photo_team1 {
  top: 403px;
  left: 0px;
}
img.photo_team2 {
  top: 203px;
  right: 0px;
}
img.photo_capabilities1 {
  top: 350px;
  left: 0px;
}
img.photo_research1 {
  top: 25em;
  right: 0px;
}
img.photo_research1a {
  top: 250px;
  right: 0px;
}
img.photo_research1b {
  top: 476px;
  right: 0px;
}
div.flash_research1 {
  top: 250px;
  right: 0px;
}
img.photo_research1a_de {
  top: 290px;
  right: 0px;
}
img.photo_research1b_de {
  top: 516px;
  right: 0px;
}
div.flash_research1_de {
  top: 290px;
  right: 0px;
}
img.photo_design1a {
  top: 120px;
  left: 0px;
}
img.photo_design1b {
  top: 336px;
  left: 0px;
}
div.flash_design1b {
  top: 336px;
  left: 0px;
}
img.photo_prototyping1 {
  top: 159px;
  right: 0px;
}
div.flash_prototyping1 {
  top: 159px;
  right: 0px;
}
img.photo_development1a {
  top: 296px;
  left: 0px;
}
img.photo_development1b {
  top: 455px;
  left: 0px;
}
div.flash_development1 {
  top: 296px;
  left: 0px;
}
img.photo_development1a_de {
  top: 346px;
  left: 0px;
}
img.photo_development1b_de {
  top: 505px;
  left: 0px;
}
div.flash_development1_de {
  top: 346px;
  left: 0px;
}
img.photo_operations1a {
  top: 120px;
  left: 0px;
}
img.photo_operations1b {
  top: 410px;
  left: 0px;
}
img.photo_contact1 {
  top: 307px;
  left: 0px;
}
img.photo_contact2a {
  top: 214px;
  right: 0px;
}
img.photo_contact2b {
  top: 461px;
  right: 0px;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* page elements: h1 replacement, h2 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

h1 {
  font-family: Arial Narrow, Arial, Geneva, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  color: #9A255B;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

h1.h1_img {
  padding: 15px 0 0 0;
  margin: 40px 0px 30px 0px;
  overflow: hidden;
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:15px;
}
h1.h1_img_de1 {
  padding: 17px 0 0 0;
  height /**/:17px;
}
h1.h1_img_de2 {
  padding: 34px 0 0 0;
  height /**/:34px;
}
h1.h1_img_fr1 {
  padding: 17px 0 0 0;
  height /**/:17px;
}
h1.h1_img_fr2 {
  padding: 34px 0 0 0;
  height /**/:34px;
}

/* english */
#h1_about { background-image: url(../img/titles/about.gif); }
#h1_team { background-image: url(../img/titles/team.gif); }
    
#h1_capabilities { background-image: url(../img/titles/capabilities.gif); }
#h1_design { background-image: url(../img/titles/design.gif); }
#h1_research { background-image: url(../img/titles/research.gif); }
#h1_prototyping { background-image: url(../img/titles/prototyping.gif); }
#h1_development { background-image: url(../img/titles/development.gif); }
#h1_operations { background-image: url(../img/titles/operations.gif); }
    
#h1_contact { background-image: url(../img/titles/contact.gif); }

/* german */
#h1_about_de { background-image: url(../img/titles/about_de.gif); }
#h1_team_de { background-image: url(../img/titles/team_de.gif); }
    
#h1_capabilities_de { background-image: url(../img/titles/capabilities_de.gif); }
#h1_design_de { background-image: url(../img/titles/design_de.gif); }
#h1_research_de { background-image: url(../img/titles/research_de.gif); }
#h1_prototyping_de { background-image: url(../img/titles/prototyping_de.gif); }
#h1_development_de { background-image: url(../img/titles/development_de.gif); }
#h1_operations_de { background-image: url(../img/titles/operations_de.gif); }
    
#h1_contact_de { background-image: url(../img/titles/contact_de.gif); }

/* french */
#h1_about_fr { background-image: url(../img/titles/about_fr.gif); }
#h1_team_fr { background-image: url(../img/titles/team_fr.gif); }
    
#h1_capabilities_fr { background-image: url(../img/titles/capabilities_fr.gif); }
#h1_design_fr { background-image: url(../img/titles/design_fr.gif); }
#h1_research_fr { background-image: url(../img/titles/research_fr.gif); }
#h1_prototyping_fr { background-image: url(../img/titles/prototyping_fr.gif); }
#h1_development_fr { background-image: url(../img/titles/development_fr.gif); }
#h1_operations_fr { background-image: url(../img/titles/operations_fr.gif); }
    
#h1_contact_fr { background-image: url(../img/titles/contact_fr.gif); }

h2 {
  font-size: 10px;
  color: #7A7A6A;
  font-weight: bold;
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}
h2.h2a {
  padding: 0px 0px 0px 0px;
}
h2.questions {
  padding: 0px 0px 0px 0px;
  font-style: italic;
}