html {height: 100%; overflow: hidden; margin: 0px; padding: 0px;}
body {height: 100%; overflow: hidden; margin: 0px; padding: 0px;}

#galleria{ height: 100%; width:100%; background: #000 }

body 
{
  background-color: black;
  color: #ddd;
  font-family: verdana;
}

#click_area
{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; 
  width: 100%; 
  z-index: 1;
}

hr {
  opacity: 0.2;
}

#content {
  position: relative;
  margin: 0 auto;
  height: 100%; 
}

#top {
  position: absolute;
  top: 25px;
  width: 100%;
  height: 100px;
}

#top_message {
  width: 600px;
  height: 150px;
  background-color: black;
  padding: 20px;
  border: 1px solid #333;
  color: red;
  display: none;
}

#popular_menu {
  width: 90px;
  position: absolute;
  top: 25px;
  right: 0px;
  background-color: black;
  opacity: 0;
  z-index: 2;
  overflow: hidden;
}

#popular_menu ul
{
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#popular_menu ul li
{
  position: relative;
  display: block;
  list-style-type: none;
  height: 70px;
  width: 70px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 0px solid lime;
  background-repeat: no-repeat;
  background-size: 100%;
  color: white;
  text-align: center;
  font-size: 80%;
  overflow: hidden;
}
  

#bottom {
  position: absolute;
  bottom: 100px;
  width: 100%;
  height: 50px;
  z-index: 2;
}

#bottom_menu {
  width: 400px;
  height: 50px;
  margin: 0 auto;
  background-color: black;
  opacity: 0.6;
  padding: 20px;
  border: 1px solid #333;
  z-index: 2;
}

#slider_description {
  margin-bottom: 5px;
}	

.ui-slider-handle {
  text-align: center;
}

#images {
  height: 100%; 
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#images ul {
  margin: 0;
  padding: 0;
  height: 100%; 
  width: 100%;
}

#images ul li{
  position: relative;
  height: 100%; 
  width: 100%;
  z-index: -1;
}

.image
{
  height: 100%; 
  width: 100%;
}    

.innerImageDiv {
  text-align:center;
  height: 100%; 
  width: 100%;
  background-size: 100%;
  background-origin: content-box;
}

#title{
  position: absolute;
  top: 0; 
  width: 100%; 
  height: 25px;
  background-color: black; 
  opacity: 0.6; 
  filter: alpha(opacity = 50);
  color: white;
  font-size: 120%;
  text-align: center;
  z-index: 2;
}

.galleria-infoy {
  position: absolute;
  top: 0; 
  width: 100%; 
  height: 25px;
  background-color: black; 
  opacity: 0.6; 
  filter: alpha(opacity = 50);
  color: white;
  font-size: 120%;
  text-align: center;
  z-index: 2;
}

.title
{
  position: absolute;
  top: 0; 
  width: 100%; 
  background-color: black; 
  opacity: 0.5; 
  filter: alpha(opacity = 50);
  color: white;
  font-size: 120%;
  text-align: center;
  height: 25px;
}

#pause
{
  position:absolute; 
  top: 50%;
  left: 50%;
  width: 100px; 
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  background-color: black; 
  color: white;
  font-family:arial;
  font-size: 90px;
}

#menu
{
  padding: 10px;
  position:absolute; 
  top:50%; 
  left:0px; 
  margin-top: -300px;
  width:100px; 
  height: 50%; 
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  background-color: black;
  text-align: left;    
  font-size: 70%;
  z-index: 2;
}

#menu a:hover {
  text-decoration: underline;
}

.menu_button
{
  width: 100px;
}

#pause_button {
  height: 100px;
}

#twitter_button {
  position: absolute;
  bottom: 5px;
}

a
{
  text-decoration: none;
  color: white;
}