/*
html {
  background: #F6F6F6 url(/images/home-centered-bg.gif) center top repeat-y;
}
*/
#homepage-main-container {
  min-height: 100%;
}
#project-swf {

}


#homepage-main-container #main-area {
  padding: 0px 4px 0px 4px;
  width: 758px;
  w\idth: 750px;
}
#homepage-main-container #main-area ul {
  list-style: none;
  border: 0;
  margin: 0px 2px 0px 2px;
  padding: 0;
}
#homepage-main-container #main-area ul li {
  background: #E5E5E5 url(/images/home-left-menu-li-bg.gif) no-repeat top right;
  text-align: right;
  border-bottom: 1px solid #fff;
  padding: 5px 12px 5px 0px;
}
#homepage-main-container #main-area div.title {
  color: #EE2E24;
  text-align: right;
  font-size: 1.3em;
  padding: 12px 12px 12px 0px;
}
#homepage-main-container #main-area div.more-link {
  background: #fff url(/images/home-left-menu-more-bg.gif) no-repeat top right;
  text-align: right;
  padding: 12px 12px 0px 0px;
}


#homepage-main-container #main-area #current-projects-welcome {
  background: #fff url(/images/current-projects-welcome-bg.gif);
  border-bottom: 1px solid #CFCFCF;
  _height: 1%;
}


#homepage-main-container #main-area #current-projects-welcome #current-projects {
  background-color: #fff;
  border-right: 1px solid #CFCFCF;
  padding: 0px 0px 12px 0px;
  float: left;
  width: 195px;
  w\idth: 194px;
}
#homepage-main-container #main-area #current-projects-welcome #welcome {
  float: left;
  background: #F3F3F3;
  width: 555px;
}

#homepage-main-container #main-area #current-projects-welcome #welcome h1 {
  color: #EE2E24;
  font-size: 1.6em;
  font-weight: normal;
  border: 0;
  margin: 0;
  padding: 0;
}
#homepage-main-container #main-area #current-projects-welcome #welcome p {
  border: 0;
  margin: 0;
  padding: 5px 0px 0px 0px;
}

#homepage-main-container #main-area #current-projects-welcome #welcome #welcome-left {
  padding: 8px 18px 0px 18px;
  float: left;
  width: 350px;
  w\idth: 314px;
}
#homepage-main-container #main-area #current-projects-welcome #welcome #welcome-right {
  text-align: right;
  width: 205px;
  float: left;
}

#homepage-main-container #main-area #current-vacancies-news-search {
  background: #fff url(/images/current-vacancies-news-search-bg.gif);
  border-bottom: 1px solid #CFCFCF;
  height: 100%;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel1 {
  border-right: 1px solid #CFCFCF;
  float: left;
  width: 195px;
  w\idth: 194px;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel1 #current-vacancies {
  padding: 0px 0px 13px 0px;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel1 #register {
  background: #EE3026;
  color: #fff;
  text-align: right;
  padding: 12px 12px 12px 12px;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel1 #register p {
  margin: 0;
  padding: 0px 0px 5px 0px;
}


#homepage-main-container #main-area #current-vacancies-news-search #panel2 {
  border-right: 1px solid #CFCFCF;
  float: left;
  width: 362px;
  w\idth: 361px;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel2 h2 {
  background: #fff url(/images/news-dots.gif) no-repeat bottom;
  color: #EE2E24;
  font-size: 1.4em;
  border: 0;
  margin: 0;
  padding: 0px 0px 10px 20px;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel2 ul {
  border: 0;
  margin: 0;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel2 ul li {
  background: #fff url(/images/panel2-li-bg.gif) no-repeat;
  text-align: left;
  padding: 10px 15px 0px 20px;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel2 ul li.divider {
  background: #fff url(/images/news-dots.gif) no-repeat bottom;
  border: 0;
  margin: 0;
  padding: 0;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel2 #more-news {
  text-align: right;
  padding: 5px 20px 5px 0px;
}

#homepage-main-container #main-area #current-vacancies-news-search #panel3 {
  float: left;
  width: 193px;
}

#homepage-main-container #main-area #current-vacancies-news-search #panel3 #panel3-title {
  color: #E60000;
  font-weight: bold;
  font-size: 1.1em;
  padding: 10px 10px 5px 10px;
}

#new-panel3 #panel3-title {
  color: #E60000;
  font-weight: bold;
  font-size: 1.1em;
  padding: 0px 0px 5px 0px;
}

#new-panel3 #panel3-text{
  padding: 0px 0px 5px 0px;
}
#homepage-main-container #main-area #current-vacancies-news-search #panel3 #panel3-text {
  padding: 0px 10px 5px 10px;
}


/*********************************************************************************************
*
* NEW HOEMPAGE - JULY 2010
*
************************************************************************************************/

/**
* slideshow
**/

#slidecontainer {
  position:relative;
  overflow:hidden;
  width:100%;
  height:352px;
}

#slidecontainer #slideshowmask {
  background:url(/img/slideshow-bg.png) top left no-repeat;
  position:absolute;
  z-index:999;
  top:0px;
  left:0px;
  width:100%;
  height:23px;
}

#slidecontainer #slides {
  overflow:hidden;
  width:758px;
  height:352px;
}

#slides div.slide {
  overflow:hidden;
  position:relative;
  width:758px;
  height:352px;
}

div.slide div.cover {
  position:absolute;
  /*bottom:0px;*/
  bottom:-125px;
  z-index:2;
  background:#000000;
  opacity:0.6;
  filter:alpha(opacity=60);
  width:758px;
  height:125px;
}

div.slide div.img {
  position:absolute;
  top:0px;
  left:0px;
  width:758px;
  height:352px;
  z-index:1;
}

div.slide div.info {
  position:absolute;
  /*top: 230px;*/
  bottom:-125px;
  left:6px;
  z-index:3;
}

div.info div.devlogo {
  float:left;
  margin-left:9px;
  margin-top:10px;
  border:solid 1px #ffffff;
}

div.info div.txt {
  color:#ffffff;
  z-index:3;
  margin-left:19px;
  margin-top:7px;
  float:left;
  width:362px;
  height:117px;
}

div.txt h3,
div.txt h2 {
  margin:0px;
  font-family:Arial, Helvetica, "Sans-Serif";
  color:#fff;
}

div.txt h2 a{
  color:#ffffff;
  font-size:1.455em;
}

div.txt h3 a{
  color:#ffffff;
  font-size:1.182em;
}

div.txt a:hover {
  text-decoration:underline;
}

#slnav { position:absolute;top:245px;right:0px;width: 226px; height:73px; margin: 15px; z-index:998 }
#slnav li { width: 54px; height:73px; float: left; margin: 0px 1px; list-style: none }
#slnav a { display:block;  }

#slnav li.activeSlide{ background: url(/img/active-thumb-bg.png) top left no-repeat }
#slnav a:focus { outline: none; }
#slnav img { border: 2px solid #fff; display: block; width:50px; height:50px;margin:13px 0px 10px 0px}

#slnav a.activeSlide img {border:none;}


/**
* Main menu moved
**/

#new-main-menu {
  position:absolute;
  top:23px;
  left:0px;
  z-index:999;
}


#new-main-content {
  overflow:hidden;
  border-left:solid 2px #e9e9e9;
  margin-left:-2px;
  width:547px;
  float:left;
  padding:0px;
}

#new-main-content #hp-main-left {
  border-right:solid 2px #e9e9e9;
  margin-right:-2px;
  overflow:hidden;
  float:left;
  width:359px;
}

#new-main-content #hp-main-right {
  border-left:solid 2px #e9e9e9;
  overflow:hidden;
  float:left;
  width:186px;
}

#new-panel3 {
  padding:8px;
}

#new-panel2 h2 {
  margin:0px 8px;
  border-bottom:dotted 1px #000000;
}


#homepage-main-container #new-main-content #hp-main-left ul#news-list {

}

#homepage-main-container #new-main-content #hp-main-left ul#news-list li {
  background:#ffffff;
  text-align:left;
  border-bottom:dotted 1px #000000;
  margin:3px 5px;
}

 ul#news-list li a {
  background:url(/images/red-bullet.gif) no-repeat top left;
  padding:0px 0px 0px 15px;
  display:block;
 }

 ul#news-list li span {
   margin-left:15px;
   color:#565656;
   font-size:0.8em;
 }

 #new-main-content #more-news {
   text-align:right;
 }

 #left-menu {
   border-right:solid 2px #e9e9e9;
 }

 #left-menu #current-vacancies {
   margin-top:8px;
   border-top:solid 2px #e9e9e9;
   padding-bottom:8px;
 }

 #new-accreditation {
   clear:both;
   border-top:solid 1px #e9e9e9;
   padding:10px 0px;
   text-align:center;
 }