/* CSS Document */

html { height:100%;}
body {
margin-top:-50px;
margin-left:auto;
margin-right:auto;
background-color:#000000;
height:100%;
}

#container {
top:50%;
left:50%;
position:absolute;
margin-top:-331px;
margin-left:-496px;
margin-right:auto;
width:992px;
height:662px;
background-image:url(../images/ci/mainbg.jpg);
background-repeat:no-repeat;
}

#filmcontainer {
top:50%;
left:50%;
position:absolute;
margin-top:-331px;
margin-left:-496px;
margin-right:auto;
width:992px;
height:662px;
background-image:url(../images/ci/films.jpg);
background-repeat:no-repeat;
}

#contactcontainer {
top:50%;
left:50%;
position:absolute;
margin-top:-331px;
margin-left:-496px;
margin-right:auto;
width:992px;
height:662px;
background-image:url(../images/ci/contact.jpg);
background-repeat:no-repeat;
}

#filmnavi {
position:relative;
top:145px;
left:214px;
height:300px;
width:330px;
z-index:7;
}

#containermain {
top:50%;
left:50%;
position:absolute;
margin-top:-219px;
margin-left:-496px;
margin-right:auto;
width:992px;
height:398px;
}

#title {
position:relative;
left:64px;
top:32px;
height:40px;
width:500px;
z-index:4;
}

#left {
position:relative;
left:64px;
top:30px;
z-index:4;
width:500px;
}

#pagetitle {
position:relative;
width:500px;
z-index:4;
}

#contentimages {
position:relative;
left:216px;
top:12px;
width:650px;
z-index:5;
}
#film1 {
position:relative;
left:310px;
top:174px;
width:364px;
height:272px;
z-index:5;
border:5px solid #5E5A5A;
}

#film2 {
position:relative;
left:242px;
top:174px;
width:496px;
height:272px;
z-index:5;
border:5px solid #5E5A5A;
} 

#film3 {
position:relative;
left:242px;
top:174px;
width:500px;
height:272px;
z-index:5;
border:5px solid #5E5A5A;
}
#film4 {
position:relative;
left:242px;
top:174px;
width:503px;
height:280px;
z-index:5;
border:5px solid #5E5A5A;
}
#film5 {
position:relative;
left:242px;
top:174px;
width:503px;
height:282px;
z-index:5;
border:5px solid #5E5A5A;
}

#return {
position:relative;
left:766px;
top:160px;
width:100px;
height:42px;
z-index:5;
}

#description {
position:relative;
top:145px;
left:275px;
width:475px;
text-align:right;
height:72px;
z-index:5;
color:#FFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}#return1 {
position:relative;
left:700px;
top:160px;
width:100px;
height:42px;
z-index:5;

}

#return2 {
position:relative;
left:770px;
top:160px;
width:100px;
height:42px;
z-index:5;
}

#description1 {
position:relative;
top:145px;
left:319px;
width:365px;
text-align:right;
height:72px;
z-index:5;
color:#FFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#navigation {
position:relative;
left:216px;
top:6px;
height:40px;
width:620px;
z-index:4;
}

#contact {
position:relative;
left:64px;
top:32px;
height:40px;
width:500px;
z-index:4;
vertical-align:top
}
#returnbottom {
position:relative;
left:64px;
top:276px;
height:40px;
width:100px;
z-index:4;
vertical-align:top
}

img {
behavior: url("../pngbehavior/pngbehavior.htc");
}