*{font-family:'amer',tahoma;}
 body {
    margin: 0;
    padding: 0;
    
 }
 
 #background 
{ 
     left: 0px; 
     top: 0px; 
     position: relative; 
     margin-left: auto; 
     margin-right: auto; 
     width: 1000px;
     height: 700px; 
     #overflow: hidden;
     z-index:0;
    } 

 #view-orginal 
{ 
     left: 0px; 
     top: 0px; 
     position: absolute; 
     width: 1000px;
     height: 800px;
     z-index:1;
} 

 #title 
{ 
     left: 280px; 
     top: 420px; 
     position: absolute; 
     width: 532px;
     height: 60px;
     z-index:2;
     font-size: xx-large;
     color: white;
} 

 #gravephoto 
{ 
     left: 50px; 
     top: 10px; 
     position: absolute; 
     width: 286px;
     height: 270px;
     z-index:4;
     
} 

 #help_btn 
{ 
     left: 0px; 
     top: 400px; 
     position: absolute; 
     z-index:5;

}

.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
.switch input { display: none; }


.load {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/assets/img/loading.gif') 
                50% 50% 
                no-repeat;
}


body.loading {
    overflow: hidden;   
}

body.loading .load {
    display: block;
}