body{
background:url(images/background.jpg) fixed;
margin: 0;
padding: 0;
}
.comic_title {
width:870px;
height:150px;
margin:0 0 0 150px;
background:url(images/banner.png) no-repeat center center;
}
.container{
    width:870px;
    height:1286px;

    background:white;
    padding:0;
    margin:0 0 0 150px;
    overflow: hidden;
    background: none;
    background:url(images/billboard.png);
}

.content_panel {
    position: absolute;
    width:400px;
    height:1000px;

    background:white;
    padding:0;
    top: 200px;
    left: 1000px;
    overflow: hidden;
}

.page {
    width:770px;
    height:1052px;    
    margin: 26px 0 0 44px;
    background:url(images/comics/instamatics_1/page-001.jpg);
}

.top{
width:987px;
height:200px;

padding:20px;
margin:0 auto 0 auto;
overflow: hidden;

}
.bottom{
width:987px;
height:50px;

padding:20px;
overflow: hidden;
margin:0 auto 0 auto;

}

.jhc_logo {
    position:fixed;
    width:150px;
    height:160px;
    top: 0;
    left: 0;
    z-index: 100;
    background:url(images/jhc.png) no-repeat center top;
}

.parallax_layer {
position:fixed;
width:1400px;
/*margin-left:-700px;
left:50%;*/

z-index:-1;
}

.base{
height:699px;
background:url(images/base.png) no-repeat right bottom;
margin-top:-650px;
/*top:100%;*/
z-index: -3;
}

.pile1{
height:260px;
background:url(images/left.png) center top no-repeat;
margin-top:-150px;
/*top:100%;*/
z-index: -1;
}

.pile2{
height:305px;
background:url(images/right.png) left top no-repeat;    
margin-left: 100px;
/*top:100%;*/
z-index: -1;
}

.jets{
height:285px;
background:url(images/jets.png) no-repeat;    
/*margin-left: 142px;*/
/*top:15%;*/
}
.dudes{
height:1000px;
background:url(images/front.png) -376px top  no-repeat;
margin-top:-142px;
/*top:120%;*/
z-index:100;
}

.dark{
position:fixed;
width:100%;
height:100%;
top:100%;
background:rgba(0,0,0,0.5);
z-index:-2;
}