ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a{text-decoration:none;}
a img{border:0;}
body{
  font-family:Arial, sans-serif;
  font-size:0.8em;
}
html, body, #flashcontent{
  height:100%;
  background-color:#080808;
  color:#838383;
}

#need-flash{
	background-color:white;
	width:96%;
	padding:10px 2%;
	color:gray;
	position:absolute;
	top:0;
	left:0;
}
a{
	color:#4DB9A1;
}
a:hover{
  text-decoration:underline;
}
#main{
  margin-top:50px;
}
#main .index{
  width:200px;
  margin:250px auto 0 auto;
}
#main .index h1{
  width:124px;
  height:35px;
  float:left;
  margin-top:30px;
}
#main .index ul{
  margin-left:130px;
  list-style:none;
}
#main .index ul li{
  margin-bottom:10px;
}
#main .index ul li h2{
  font-weight:normal;
  font-size:24px;
  text-transform:uppercase;
}
#main .nav{
  background:url(/images/stripes.png) center left repeat-x transparent;
  height:46px;
  position:relative;
}
#main .nav .lang-switch{
  float:right;
  margin-right:5%;
  margin-top:15px;
}
#main .nav img{
  float:left;
  margin-left:5%;
  margin-right:13px;
}
#main .nav h1{
  margin-top:8px;
  float:left;
  font-weight:normal;
  font-size:24px;
  text-transform:uppercase;
}
#main .nav .menu{
  margin-left:55px;
  float:left; 
}

#main .nav .menu{
  position:relative;
}
#main .nav .menu span{
  margin-top:15px;
  display:block;
  text-transform:uppercase;
}

#main .nav .menu:hover span{
  
}
#main .nav .menu:hover ul,
#main .nav .menu.opened ul{
  display:block;
}

#main .nav .menu ul{
  list-style:none;
  display:none;
  position:absolute;
  z-index:500;
  background-color:#080808;
  padding:8px 8px 0 8px;
  top:12px;
}
#main .nav .menu.long ul{
  width:350px;
}

#main .nav .menu ul li{
  margin-bottom:8px;
  text-transform:uppercase;
}
#main #homepage{
  clear:both;
  margin-left:5%;
  margin-top:10px;  
}
#main #homepage img.image{
  display:block;
}
#main #homepage .square-text{
  background-color:#fff;
  padding:20px;
  width:400px;
  position:relative;
  bottom: 100px;
  margin-left:40%;
}
#main #homepage .home-text{
  float-left;
  width:46%;
  margin-top:-80px;
}
#main #homepage .news{
  width:50%;
  float:right;
  margin-top:-60px;
  list-style:none;
}
#main #homepage .news li{
  width:45%;
  margin-left:5%;
  float:left;
}
#main #homepage .news li .text{
  font-size: 10px;
}
#main #homepage .news li .more{
  text-align:right;
}

#main #group ul{
  margin-left:5%;
  overflow:hidden;
  list-style:none;
}
#main #group ul li{
  float:left;
  width:400px;
  height:420px;
  position:relative;
  margin-bottom:20px;
  margin-right:20px;
}
#main #group ul li img{
  display:block;
  margin-bottom:10px;
  position:absolute;
/*  bottom:20px;*/
  bottom:15px;
}

#main #group ul li .title{
  position:absolute;
  width:400px;
  bottom:0px;
  display:block;
  text-transform:uppercase;
  font-size:14px;
  text-align:center;
}
#main #project .image{
  margin:30px auto 0 auto;
}

#main #project ul.thumbnails{
  text-align:center;
  position:relative;
  top:-30px;
  list-style:none;
}
#main #project ul.thumbnails li{
  display:inline;
}

#main #project ul.thumbnails li.info a{
  width:80px;
  background-color:white;
  font:14px;
  text-transform:uppercase;
  display:inline-block;
  line-height:60px;
  position:relative;
  top:-25px;
}
#main #project ul.thumbnails li:hover{
  
}
#main #project ul.thumbnails li.current{
  position:relative;
  top:-5px;
}

#main #project .info-text{
  width:500px;
  margin:30px auto 0 auto;
  background-color:white;
  padding:20px 20px 35px 20px;
  overflow:hidden;
}
#main #project .info-text h2{
  margin-bottom:10px;
}
#main #project .info-text ul.details{
  list-style:none;
  margin-top:20px;
}
#main #project .info-text ul.details li{
  margin-bottom:20px;
  overflow:hidden;
}
#main #project .info-text ul.details li .title{
  float:left;
  width:40%;
}
#main #project .info-text ul.details li .detail{
  float:left;
  font-weight:bold;
}

#main #news ul{
  list-style:none;
  margin-top:30px;
  margin-left:5%;
}
#main #news ul li{
  background-color:white;
  padding:30px;
  float:left;
  margin-right:20px;
  width:250px;
  height:180px;
  margin-bottom:20px;
  position:relative;
}
#main #news ul li h2{
  font-size:14px;
  margin-bottom:5px;
  
}
#main #news ul li .text{
  margin-top:5px;
}
#main #news ul li .more{
  position:absolute;
  right:30px;
  bottom:30px;
}

#main #news .news-text{
  width:500px;
  margin:30px auto 0 auto;
  background-color:white;
  padding:20px 20px 35px 20px;
  overflow:hidden;
}

#main #news .news-text h2{
  margin-bottom:10px;
}

.error{
  width:200px;
  font-size:15px;
  margin:200px auto 0 auto;
}