body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #333;
}

a { 
  color: #333;
}

div, ul, li {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

img {
  border: none;
}

#canvas {
  position: absolute;
  height: 100%;
  width: 100%;
}

.header {
  width: auto;
  max-width: 1030px;
  min-width: 960px;
  height: 160px;
  position: relative;
}

.logo { 
  width: 282px;
  height: 128px;
  overflow: hidden;
}

.logo img {
  margin: 31px 0 0 39px;
  width: 243px;
  height: 56px;
}

.internet,
.internet * {
  color: #f00 !important;
}

.multimedia,
.multimedia * {
  color: #090 !important;
}

.video,
.video * {
  color: #00c !important;
}

.imaging,
.imaging * {
  color: #909 !important;
}

.navigation {
  clear: both;
  font-size: 18px;
  line-height: 18px;
}

.navigation .left {
  float: left;
  padding: 0 0 0 80px;
}

.navigation .right {
  float: right;
  padding: 0 10px 0 0;
}

.navigation ul {
  display: inline;
}

.navigation li {
  display: inline;
  padding: 0 0 0 50px;
}

.navigation li:first-child {
  padding: 0;
}

.navigation a {
  color: #999;
  text-decoration: none;
}

.navigation a:hover{
  text-decoration: underline;
}

.lang {
  width: 100%;
  position: absolute;
  top: 0;
}

.lang ul {
  max-width: 1020px;
  min-width: 950px;
  display: block;
  text-align: right;
  padding: 0 10px 0 0;
}

.lang li {
  font-size: 8px;
  display: inline;
  border-left: 1px solid #ccc;
  margin: 0 0 0 6px;
  padding: 0 0 0 6px;
}

.lang li:first-child {
  display: inline;
  border-left: none;
  margin: 0;
  padding: 0;
}

.lang span {
  color: #999;
  font-weight: bold;
}

.lang a {
  color: #999;
  text-decoration: none;
  font-weight: normal;
}

.lang a:hover {
  text-decoration: underline;
}

.content {
  width: auto;
  max-width: 1020px;
  min-width: 960px;
  height: 480px;
  position: relative;
  background-color: #999;
  overflow: hidden;
}
.content .back {
  z-index: 1;
}

.content .back,
.content .back img {
  width: 1020px;
  height: 480px;
  position: absolute;
  top: 0;
  left: 0;
}

.content .bar {
  width: auto;
  height: 480px;
  position: absolute;
  left: 47px;
  top: 0;
  z-index: 50;
}

.content .bar .bl,
.content .bar .bm,
.content .bar .br {
  height: 480px;
  overflow: hidden;
  float: left;
  background: url(../images/bar.png) 0 0 no-repeat;
}

.content .bar .bl {
  width: 13px;
  background-position: 0 0;
}

.content .bar .bm {
  width: 240px;
  background-position: -13px 0;
  position: relative;
}

.content .bar .bmc {
  height: 480px;
  position: relative;
}

.content .bar .br {
  width: 13px;
  background-position: -493px 0;
}

.content .bar .bc {
  padding: 0 16px 4px 20px;
  position: absolute;
  bottom: 0;
}

.content .bar p {
  margin: 12px 0;  
}

.content .bar .pdfList li {
  margin: 12px 0;
  padding: 0 0 0 20px;
  background: url(../images/icon_pdf.png) 0 2px no-repeat;
}

.content .bar .pdfList li a {
  text-decoration: none;
  font-weight: bold;
}

.content .bar .pdfList span {
  color: #999;
}

.content .navigation {
  font-size: 14px;
}

.content .navigation .selected a {
  font-weight: bold;
}

.content .navigation a {
  color: #666;
}

.content .navigation ul {
  display: block;
}

.content .navigation li {
  padding: 16px 0 0 20px;
  display: block;
}

.content .portfolio {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  z-index: 9;
  padding: 3px;
  text-align: right;
}

.content .playerPortfolio .label,
.content .portfolio .label {
  color: #fff;
  width: auto;
  height: 16px;
  padding:  0 2px 0 0;
}

.content .playerPortfolio ul,
.content .portfolio ul {
  display: block;
  height: 16px;
}

.content .playerPortfolio li,
.content .portfolio li {
  display: inline;
}

.content .playerPortfolio li a,
.content .portfolio li a {
  float: left;
  overflow: hidden;
  width: 21px;
  height: 16px;
  background: url(../images/sprite.png) 0 0 no-repeat;
}

.content .playerPortfolio li a:hover,
.content .portfolio li a:hover {
  background-position: -21px 0;
}

.content .playerPortfolio li.selected a,
.content .portfolio li.selected a {
  background-position: -42px 0;
}

.content .playerPortfolio li div.pItem,
.content .playerPortfolio li a span,
.content .portfolio li div.pItem,
.content .portfolio li a span {
  display: none;
}

.content .playerPortfolio h3 {
  margin: 2px 0 0 6px; 
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  float: left;
}

.content .playerPortfolio p {
  margin: 2px 0 0 8px; 
  font-size: 11px;
  font-weight: normal;
  color: #fff;
  float: left;
}

.content .title a {
  font-weight: bold;
}

.content .title {
  width: 373px;
  height: auto;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 347px;
}

.content .title .tm,
.content .title .tb,
.content .title .tt {
  width: 373px;
  background: url(../images/title.png) 0 0 no-repeat;
}

.content .title .tt {
  height: 13px;
  background-position: 0 0;
}

.content .title .tm {
  height: auto;
  min-height: 60px;
  background-position: 0 -13px;
}

.content .title .tb {
  height: 13px;
  background-position: 0 -373px;
}

.content .title .tc {
  padding: 9px 18px 0px 33px;
  position: relative;
}

.content .title.expanded {
  top: 47px;
}

.content .title .tce {
  padding: 5px 18px 10px 33px;
  display: none;
}

.content .title.expanded .tce {
  display: block;
}

.content .player a.t,
.content .title a.t {
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
  height: 16px;
  background: url(../images/sprite.png) -65px  0 no-repeat;
  text-decoration: none;
}


.content .player a.t:hover {
  background-position: -85px 0;
}

.content .title a.t:hover {
  background-position: -85px 0;
}

.content .player a.t,
.content .title.expanded a.t {
  background-position: -125px 0;
}

.content .title.expanded a.t:hover {
  background-position: -145px 0;
}

.content .player a.t:hover {
  background-position: -165px 0;
}

.content .title h1 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
}

.content .title h2 {
  margin: 0;
  padding: 0 0 6px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

.content .title p {
  margin: 0;
  padding: 0 0 6px 0;
}

.content .play {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 2px;
  left: -12px;
  background: url(../images/sprite.png) 0 -16px no-repeat;
}

.content .play:hover {
  background-position: -42px -16px;
}

.content .play span {
  display: none;
}

.content .player {
  width: 720px;
  height: 480px;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 300px;
  overflow: hidden;
  background: #000;
}

.content .playerPortfolio {
  position: absolute;
  top: 0;
  left: 0;
  width: 690px;
  height: 16px;
  z-index: 9;
  text-align: left;
}

.content .playerPortfolio ul {
  padding: 3px;
  display: inline;
}

.content .playerPortfolio .label {
  padding: 0 0 0 3px;
  display: inline;
}

.content .playerVideo {
  width: 720px;
  height: 464px;
  position: absolute;
  bottom: 0;
}

.footer {
  width: auto;
  max-width: 1020px;
  min-width: 960px;
  height: 160px;
  position: relative;
  font-size: 9px;
  line-height: 9px;
  color: #aaa;
}

.footer ul {
  padding: 10px 0 0 80px;
  display: block;
}

.footer li {
  display: inline;
  margin: 0 0 0 6px;
  padding: 0 0 0 8px;
  border-left: 1px solid #aaa;
}

.footer li:first-child {
  margin: 0;
  padding: 0;
  border-left: none;
}


.footer a {
  color: #aaa;
  text-decoration: none;
}

.footer a:hover {
  color: #999;
  text-decoration: underline;
}