html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: Black;
}

#container
{
	height:100%;
	width: 100%;
	position: relative;
}

.contentDiv
{
    top: 0px;
    bottom: 0px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#pictures 
{
    top: 0px;
    bottom: 100px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 80%;
}

.pictureClass 
{
    height: 100%;
    position:absolute;   
}

#menuDiv
{
    position:fixed;
    bottom: 0px; 
    z-index: 200; 
    margin:0 auto;
    width: 98%;
	min-height: 80px;
	min-width: 240px;
	height: 20%;
}

.button_class 
{
	 height: 100%;
	 width: 100%;
	 min-width: 100px;
	 min-height: 34px;
	 background-repeat:no-repeat; 
	 background-size: contain;
	 background-origin:border-box;
}


#modalPage
{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); 
    -moz-opacity:0.4; 
    opacity: 0.4;
    width: 100%; height: 100%; 
    background-color: #FFFFFF;
    position: absolute;
    z-index: 500;
    top: 0px; 
    left: 0px;
}
.modalContainer
{
    position: relative;
    width: 200px;
    height: 100px;
    top: 50%;
    margin: 0 auto;
    z-index: 750;
    background-image: url(../Pictures/ajax-loader.gif);
    background-repeat: no-repeat
}

#descritpionDiv
{
    background-color: White; 
    width: 50%; 
    height: 50%; 
    z-index:750; 
    position:relative; 
    margin: 0 auto; 
    top: 25%;   
    display: none;
}

#logoShowDiv:hover 
{
    cursor:pointer;
}
#topLeftDiv:hover 
{
    cursor:pointer;
}

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

#topRightDiv
{
    position:absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: 10%;
    z-index: 10;
}

#midlleLefttDiv
{
    position:absolute;
    top: 15%;
    left: 0;
    width: 50%;
    z-index: 100;
    display: none;
}
 
.arrowDiv:hover
{
    cursor:pointer;
}

.arrowDiv
{
    position:absolute;
    top: 40%;
    z-index: 100;
    width: 12%;
    opacity: 0.7;
}