body
{
   
   overflow:hidden;
   margin:0;  
   background-color:#f0f0f0;
	font-family:calibri,tahoma,verdana,arial,hevetica,sans-serif;
   color: #ffffff; 
   background-color: black; 
   background-image: url("../images/background.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed; 
   background-size: cover;
}
#wrapper {
    top:0;
    width:1026px;
    height:820px;
    position: absolute;
    /*box-shadow:#333 5px 5px 10px;*/
    /*background-color:#fff;*/
    overflow:hidden;
    
    
 }

 
 .gallery{
   
   
   width:1024px;
   height:820px;
   position:relative;
   display: block;
   margin-left: auto;
   margin-right: auto;
   
   }
.hide {
    display:none;
 }


#back,#next {
    cursor:pointer;
 }
#text
{
  position:absolute;
   left:540px;
   top:545px;
   background-image:url( '../images/textbutton_norm.png');
   
 }
 
#text:hover{
 background-image:url('../images/textbutton_over.png');
}

#back
{
  position:absolute;
   left:10px;
   top:872px;
   z-index: 99999;
   background-image:url( '../images/back.png');
   
 }
#back:hover
{
 background-image:url('../images/back_over.png');
}

#next {

   
   position:absolute;
   left:70px;
   top:872px;
   z-index: 99999;
   background-image:url( '../images/next.png');
   
 }
#next:hover{
 background-image:url('../images/next_over.png');
}

#completed
{   
   position: absolute;
   left:480px;
   top:870px;
   z-index:99999;
   width:105px;
   font-size: 13px;

}


#pageNum
{
   /*position:relative;
*/
	position: absolute;
   left:445px;
   top:890px;
   z-index:99999;
   width:140px;
}  

.navbox {
   background-color: rgba(109, 209, 255, 0.651);
   color: #fff;
   position:absolute;
   height:80px;
   width:1028px;
   top: 830px;
   z-index: 9999;
   border:2px solid rgba(0, 0, 0, 0.116);
  
}


a{

   position: absolute;
   left:975px;
   top:885px;
   z-index:99999;
  
   
}

.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
   height: auto;
   width:auto;
  
 }

 #caption{
   position:absolute;
   top: 830px;
   width: 1024px;
   left:2px;;
   font-size: 18px;
   font-weight: 400;
   z-index: 99999;
   color: black;
   text-align: center;
 }

 #notice{
   position:absolute;
   top:925px;
   width:1028px;
   font-size: 18px;
   font-weight: 400;
   z-index: 99999;
   color: white;
   text-align: center;
 }


#pic {
   padding: 20px;
  

}