html,body{
width:100%;
height:100%;
padding:0px;
margin:0px;
background-image:url("../images/pzl-bg-main.jpg");
background-repeat:no-repeat;
background-size:cover;
}


#hider{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;


}

#intro{
position:fixed;
left:50%;
top:5%;
width:802px;
height:411px;
margin-left:-401px;


}

#footer{
position:fixed;
left:0px;
bottom:20px;
width:100%;
height:43px;
/*background-image:url("../images/newfooter.png");*/
background-size:contain;
}

#title{
position:fixed;
width: 1300px;
height: 123px;
top: 40px;
left: 44%;
margin-left:-524px;
background-image:url("../images/title.png");
background-size:85%;
background-repeat:no-repeat;
background-position:center bottom;
}

#gameCanvas{

position:fixed;

left:50%;
top:50%;
width:1000px;
height:675px;
margin-left:-700px;
margin-top:-337px;
background-image:url("../images/puzzlebg.png");

}

.pieces{
position:absolute;
top:200px;
right:100px;
}

#p1{
width:418px;height:225px;
background-image:url("../images/p1.png");
}

#p2{
width:333px;height:282px;
background-image:url("../images/p2.png");
}

#p3{
width:420px;height:225px;
background-image:url("../images/p3.png");
}

#p4{
width:338px;height:282px;
background-image:url("../images/p4.png");
}

#p5{
width:499px;height:279px;
background-image:url("../images/p5.png");
}

#p6{
width:333px;height:283px;
background-image:url("../images/p6.png");
}

#p7{
width:333px;height:283px;
background-image:url("../images/p7.png");
}

#p8{
width:431px;height:227px;
background-image:url("../images/p8.png");
}

#p9{
width:421px;height:283px;
background-image:url("../images/p9.png");
}

.shadow{box-shadow: 5px 10px #888888;}

.noshow{display:none;}

#endscreen{
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background-color:#000000;
text-align:center;
}

#clue{
width:437px;
height:292px;
position:fixed;
left:69%;
top:50%;border: 8px solid #fff;
background-image:url("../images/clue.png");
}