@import 'reset.css';

body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
}
#framer {display: none; }

#framer h1  { display: none !important; }

#footer {
  color: #4C4C4C;
  padding: 0 0 20px 184px;
  font-size: 1em;
}
#header {
  height: 90px;
  padding: 16px 0 0 20px;
  width: 665px;
}
#header a {
  background: transparent url(../images/background_logo.gif) 0px 0px no-repeat;
  display: block;
  height: 61px;
  text-indent: -9999px;
  width: 177px;
}
#content {
  padding: 0 0 20px 35px;
  width: 620px;
}

#content_main {
  float: right;
  width: 470px;
}
#content_secondary {
  float: left;
  width: 140px;
}

#navigation_main li a {
  color: #676767;
  font-size: 2.2em;
  font-weight: bold;
  text-decoration: none;
}

#navigation_main li a.home:hover,
div.home #navigation_main li a.home,
#navigation_main li a.showcase:hover,
div.showcase #navigation_main li a.showcase { color: #ec1f27; }

#navigation_main li a.culture:hover,
div.culture #navigation_main li a.culture,
#navigation_secondary li a.news:hover,
div.news #navigation_secondary li a.news {color: #0872ba; }

#navigation_main li a.family:hover,
div.family #navigation_main li a.family,
#navigation_secondary li a.contact:hover,
div.contact #navigation_secondary li a.contact { color: #f47d20; }

#navigation_main li a.knowledge:hover,
div.knowledge #navigation_main li a.knowledge,
#navigation_secondary li a.careers:hover,
div.careers #navigation_secondary li a.careers { color: #1b9b41; }

#navigation_main {
  padding: 0 0 35px 0;
}
#navigation_secondary li a {
  color: #676767;
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: none;
}

#content_main {
  color: #4c4c4c;
}
#content_main h1 {
  font-size: 2em;
  font-weight: bold;
  padding: 0 0 18px 0;
}
#content_main h2 {
  font-size: 1.8em;
  font-weight: bold;
  padding: 0 0 18px 0;
}
#content_main p {
  font-size: 1.2em;
  padding: 0 0 18px 0;
  line-height: 1.3em;
}
#content_main a {
  color: #0872ba;
  text-decoration: none;
}
#content_main a:hover { text-decoration: underline; }
#content_main ul {
  list-style-type: disc;
  padding: 0 0 15px 15px;
  font-size: 1.2em;
}
#content_main ul li {
  padding: 0 0 2px 0;
}
#content_main #navigation_family {
  padding: 0 0 20px 0;
}
#content_main #navigation_family p {
  color: #f47d20;
  font-size: 1.4em;
  font-weight: bold;
  padding: 3px 0 0 0;
}
#content_main #navigation_family ul {
  list-style-type: none;
  padding: 0;
}
#content_main #navigation_family ul li {
  display: inline;
  padding: 0 15px 0 0;
}
#content_main .altum,
#content_main .solara { color: #f47d20; }

#content_main .carbon,
#content_main .conectics,
#content_main .mbsvox,
#content_main .procom { color: #0872ba; }

#content_main .evologue,
#content_main .ferguson,
#content_main .hls,
#content_main .qi { color: #ec1f27;  }

#content_main .earthborn,
#content_main .global,
#content_main .valos { color: #1b9b41; }

.noflash,
noscript {
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  background: #ec1f27;
  display: none;
}
noscript {
  display: block;
}
#loader {
  width: 600px;
  height: 390px;
  overflow-y: scroll;
}

h1.news {
  background: none;
  display: none !important;
}

h1.careers {
   background: none;
   display: none !important;
}

h1.contact {
   background: none;
   display: none !important;
}

#movie {
  display: none;
}

#header a {
  float: left;
  
}
#header a.och {
  float: right;
  display: block;
  width: 180px;
  background: transparent url(../images/OCHWWlogoExp-180w.gif) 0px 0px no-repeat;
}
/* =dialogs
----------------------------------------------- */
#mask01Div {position:absolute; display:none; top:0px; left:0px; width:100px; height:100px; z-index:475;}
#mask01Iframe {position:absolute; display:none; top:0px; left:0px; height:100px; width:100px; z-index:476; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}

#message1DialogDiv {position:absolute; top:90px; left:-1500px; width:470px; background-color:#fff; border:3px solid #000; padding:1px 1px 1px 1px; text-align:left; z-index:477;}
#message1DialogDiv div.content {border:1px solid #0000ff; padding:12px 12px 12px 12px; line-height:1.6em;}
#message1DialogDiv div.content p {margin-top:1em; margin-bottom:1em;}

#message2DialogDiv {position:absolute; top:90px; left:-1500px; width:300px; background-color:#fff; border:3px solid #00b0d9; padding:1px 1px 1px 1px; text-align:left; z-index:478;}
#message2DialogDiv div.content {border:1px solid #92136b; padding:12px 12px 12px 12px; line-height:1.6em;}
#message2DialogDiv div.content img {margin-top:10px; margin-right:8px;}

#imageViewerDiv {position:absolute; top:90px; left:-1500px; z-index:479;}
#imageControlsDiv {position:absolute; top:0px; left:0px; background-color:#000; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
#imageControlsDiv div.content {padding:3px 7px 4px 7px; text-align:right; color:#fff; font-size:.92em; letter-spacing:.1em;}
#imageControlsDiv div.content img {vertical-align:text-bottom; margin-left:3px;}
#imageControlsDiv a {color:#fff; text-decoration:none;}
#imageControlsDiv a:hover {text-decoration:underline;}