/* ALLGEMEIN
------------------------------------------------------------------------------*/

*{
  outline:none;
  font-size:13px;
	line-height:1.5em;
  color:#000;
  font-family: Actor, sans serif;
  margin:0;
  padding:0;
}

body{
	background:#FFF;
}

form,
fieldset,
img{
  border:0;
}

.clear{
  clear:both;
  line-height:0;
  height:0;
  font-size: 1px;
}

.stats{
	position: absolute;
	top:-2200px;
}

hr{
  background: transparent;
  border:0;
  margin:10px 0;
  padding:10px 0;
  clear:both;
}


/* CONTAINER
------------------------------------------------------------------------------*/

#logo{
  position:fixed;
  top:30px;
  left:70px;
  z-index: 999;
}

#logo a{
  width:160px;
  height:46px;
  display: block;
  background: transparent url(../images/layout/logo.png) no-repeat left top;
  text-decoration: none;
}

/* PROJECT DESC
------------------------------------------------------------------------------*/

.projectdesc{
  position:fixed;
  top:56px;
  left:249px;
}

.projectdesc p{
  color:#AAA;
}

.projectdesc p a{
  color:#AAA;
  border-bottom:1px solid #DDD;
  text-decoration: none;
}

.projectdesc p a:hover{
  color:#999;
  border-bottom:1px solid #EEE;
}


.loader{
  position:absolute;
  top:120px;
  left:250px;
  color:#AAA;
  background: transparent url(../images/layout/loading.gif) no-repeat left 50%;
  padding-left:23px;
}

.mouse{
  position:absolute;
  top:140px;
  left:250px;
  color:#CCC;
  padding-left:23px;
}



/* MENU
------------------------------------------------------------------------------*/


#menu{
  width:200px;
  height:100%;
  position: fixed;
  left:50px;
  top:0;
  z-index: 666;
  background: transparent url(../images/layout/bgmenu.png);
}

#menu .menu{
  margin: 120px 0 0 20px;
}


#menu h2{
  margin:0 0 5px 0;
}


#menu ul{
  list-style-type: none;
  margin:0 0 15px 0;
}

#menu ul li a{
  color:#AAA;
  text-decoration: none;
}

#menu ul li a:hover,
#menu ul li.act a{
  color:#666;
}

#menu ul.contact{
  margin:50px 0 0 0;
}

#menu .exhib{
  margin:50px 0 0 0;
}

#menu .fb-like{
  margin:50px 0 0 0;
}




/* CONTENT
------------------------------------------------------------------------------*/



#content{
	height:600px;
  white-space: nowrap;
  margin:100px 0 0 50px;
}

#content .images{
  width:auto;
  white-space: nowrap;
}

#content .images .image{
  float: left;
  margin:0 0 0 200px;
  height:600px;
  background: transparent url(../images/layout/loading.gif) no-repeat 50% 50%;
}

#content .images .image p{
  color:#666;
}

#content .images .image p span{
  color:#AAA;
  margin:0 0 0 10px;
}

#content .images .image img{
  height: 600px;
}

#content .images .image img.lrg{
  cursor: ne-resize;
}

#content .images .image img.h900{
  height:900px;
}


#content .images .info{
  width:400px;
  height:600px;
  margin: 0 0 0 200px;
  float: left;
}

#content .images .info h1{
  margin:20px 0 5px 0;
}
#content .images .info p{
  color:#999;
}

/* CONTENT > META
------------------------------------------------------------------------------*/

#content .meta{
  position: absolute;
  top:120px;
  left:300px;
}


#content .meta h1{
  margin:0 0 5px 0;
}

#content .meta p{
  color:#999;
  width:600px;
  white-space: normal;
}

#content .meta a{
  color:#666;
  border-bottom:1px solid #DDD;
  text-decoration: none;
}

#content .meta a:hover{
  color:#999;
  border-bottom:1px solid #EEE;
}