/* CSS Document */
body {margin:0; padding:0; background:#F9F9F9;}

.clear {clear:both;}
h1 {list-style:none; margin:0; padding:0;}
h2 {list-style:none; margin:0; padding:0; color:#4F4F4F; font:30px/70px "Calibri", "Arial", "Verdana", "Tahoma"; font-weight:normal;}

.sp {width:100%; height:20px;}

#nav {width:100%; height:80px; background:url(../img-movie-new/navbg.gif) repeat-x;}
.navin {margin:0 auto; width:980px; height:80px;}

#banner {margin:0 auto; width:100%; height:700px;}
.bannertop {margin:0 auto; width:100%; height:340px; background:url(../img-movie-new/kingsman/bannertop.png) center no-repeat;}
.bannerbom {margin:0 auto; width:100%; height:360px; background:url(../img-movie-new/kingsman/bannerbom.png) center no-repeat; text-align:center; color:#FFFFFF; font:1.3em/1.5em "Calibri", "Arial", "Verdana", "Tahoma";}
.bannertop-chappie {margin:0 auto; width:100%; height:340px; background:url(../img-movie-new/chappie/bannertop.jpg) center no-repeat;}
.bannerbom-chappie {margin:0 auto; width:100%; height:360px; background:url(../img-movie-new/chappie/bannerbom.jpg) center no-repeat; text-align:center; color:#FFFFFF; font:1.3em/1.5em "Calibri", "Arial", "Verdana", "Tahoma";}
.bannertop-jurassic {margin:0 auto; width:100%; height:340px; background:url(../img-movie-new/jurassic-world/bannertop.jpg) center no-repeat;}
.bannerbom-jurassic {margin:0 auto; width:100%; height:360px; background:url(../img-movie-new/jurassic-world/bannerbom.jpg) center no-repeat; text-align:center; color:#FFFFFF; font:1.3em/1.5em "Calibri", "Arial", "Verdana", "Tahoma";}
.bannertop-house-of-cards {margin:0 auto; width:100%; height:340px; background:url(../img-movie-new/house-of-cards/bannertop.jpg) center no-repeat;}
.bannerbom-house-of-cards {margin:0 auto; width:100%; height:360px; background:url(../img-movie-new/house-of-cards/bannerbom.jpg) center no-repeat; text-align:center; color:#FFFFFF; font:1.3em/1.5em "Calibri", "Arial", "Verdana", "Tahoma";}
.bannertop-tomorrowland {margin:0 auto; width:100%; height:340px; background:url(../img-movie-new/tomorrowland/bannertop.jpg) center no-repeat;}
.bannerbom-tomorrowland {margin:0 auto; width:100%; height:360px; background:url(../img-movie-new/tomorrowland/bannerbom.jpg) center no-repeat; text-align:center; color:#FFFFFF; font:1.3em/1.5em "Calibri", "Arial", "Verdana", "Tahoma";}
.bannertop-martian {margin:0 auto; width:100%; height:340px; background:url(../img-movie-new/the-martian/bannertop.jpg) center no-repeat;}
.bannerbom-martian {margin:0 auto; width:100%; height:360px; background:url(../img-movie-new/the-martian/bannerbom.jpg) center no-repeat; text-align:center; color:#FFFFFF; font:1.3em/1.5em "Calibri", "Arial", "Verdana", "Tahoma";}



.bannerbom p {margin:0; padding:0;}
.bannerbom img {max-width:100%;}

#author {margin:0 auto; width:100%; height:50px; background:#E0EEF3; margin-bottom:20px;}
.authorin {margin:0 auto; width:80%; height:40px; padding:5px 0px;}
.authorinleft {float:left; width:auto; height:40px; padding-right:10px;}
.authorinright {float:left; width:auto; height:38px; padding-top:2px; font:12px/18px "Calibri", "Arial", "Verdana", "Tahoma"; color:#4F4F4F;}
.authorinright a {color:#009DEB; text-decoration:none;}
.authorinright a:hover {text-decoration:underline;}

#navitem {margin:0 auto; width:74%; height:auto; padding:30px 3%; background:#E6ECE2;}
#navitem p a {list-style:none; margin:0; padding-left:20px; background:url(../img-movie-new/arrow-item.png) left no-repeat; color:#5A8D37; font:1.2em/0.8em "Calibri", "Arial", "Verdana", "Tahoma"; text-decoration:none;}
#navitem p a:hover {color:#5A8D37; font:1.2em/0.8em "Calibri", "Arial", "Verdana", "Tahoma"; text-decoration:underline;}
.navitems {float:left; width:100%; height:auto;}


#content {margin:0 auto; width:80%; height:auto;}
#content p {color:#4F4F4F; font:1.3em/1.6em "Calibri", "Arial", "Verdana", "Tahoma";}
#content a {color:#009DEB; text-decoration:none;}
#content a:hover {color:#009DEB; text-decoration:underline;}
#content img {max-width:100%;}
.htagebg {width:97%; height:auto; padding-left:3%; background:#E6F4F9;}
.down {background:#E6ECE2; width:100%; height:136px;}
.downleft {float:left; width:70%; height:136px;}
.downleftin {width:100%; height:136px;}
.downleftin img {max-width:100%;}
.downright {float:left; width:30%; height:136px;}
.downrightin {width:100%; height:136px; background:url(../img-movie-new/dvc-down-up.gif) right no-repeat;}
.downrightin2 {width:100%; height:136px; background:url(../img-movie-new/dvc-down.gif) right no-repeat; cursor:pointer;}
.downrightin2:hover {background:none;}
.downrightin img {max-width:100%;}

.email {width:100%; height:65px; background:#E6ECE2; text-align:center; cursor:pointer;}
.email:hover {background:#CED4CA;}
.email img {max-width:100%;}



#foot {width:100%; height:37px; padding-top:48px; background:url(../img-movie-new/foot.png) repeat-x; margin-top:50px;}
.footin {margin:0 auto; width:80%; height:37px; font:12px/16px "Calibri", "Arial", "Verdana", "Tahoma"; color:#838383;}
.footin a {color:#838383; text-decoration:none;}
.footin a:hover {text-decoration:underline;}