@charset 'UTF-8';

*{
  margin:0px;
  padding:0px;
}

body{
  background:#000032 url(images/bg_lines.png) top center repeat;
}

h1{
  border-top:1px solid #b4b8bf;
  border-bottom:1px solid #b4b8bf;
  font-size:28px;
  font-weight:bold;
  line-height:32px;
  padding-left:20px;
}

h2{
  font-size:20px;
  font-weight:bold;
  line-height:32px;
  text-align:center;
}

a{
  color:#000050;
  text-decoration:underline;
}
a:hover{
  color:#000032;
  text-decoration:underline overline;
}

#page{
  background:#b4b8bf url(images/logo.png) 30px 0px no-repeat;
  border:3px solid #eee;
  border-top-style:none;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding-top:100px;
  width:960px;
}

#foot_nav{
  clear:both;
  padding:8px;
  text-align:center;
}

#navigation{
  margin-top:20px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
}
#navigation .arrow{
  height:15px;
  margin-top:1px;
  margin-bottom:4px;
  text-align:center;
}
#navigation .arrow div{
  background:transparent;
  border:0px none #fff;
  display:inline-block;
  height:15px;
}
#navigation .arrow .l1{  width:240px;  }
#navigation .arrow .l1-on{
  background:url(images/arrow_selected.png) center center no-repeat;
  width:240px;
}
#navigation .arrow .l2{  width:160px;  }
#navigation .arrow .l2-on{
  background:url(images/arrow_selected.png) center center no-repeat;
  width:160px;
}
#navigation .arrow .l3{  width:30px;  }
#navigation .arrow .l3-on{
  background:url(images/arrow_selected.png) center center no-repeat;
  width:30px;
}
#navigation a, #navigation span{
  color:#000050;
  display:inline-block;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}
#navigation span{
  color:#b4b8bf;
}
#navigation a:hover{
  color:#000032;
}
#navigation .l1, #navigation .l2, #navigation .l3{
  background:#ddd url(images/navigation_bg.jpg) center center repeat;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  text-align:center;
}
#navigation .l1 a, #navigation .l1 span{
  font-size:28px;
  font-weight:bold;
  line-height:32px;
  width:240px;
}
#navigation .l2 a, #navigation .l2 span{
  font-size:24px;
  line-height:28px;
  text-transform:capitalize;
  width:160px;
}
#navigation .l3 a, #navigation .l3 span{
  font-size:20px;
  line-height:24px;
  width:30px;
}
#navigation .arrow_right{
  background:transparent url(images/nav_arrow_right.png) center center no-repeat;
  display:inline-block;
  height:20px;
  margin-left:10px;
  width:40px;
}

#page_contents{
  padding:10px;
}

a.box_120{
  background:#000050;
  color:#fff;
  display:block;
  font-size:30px;
  height:120px;
  line-height:120px;
  margin:14px;
  text-decoration:none;
}
a.box_120:hover{
  background:#000032;
}
a.box_120 .l{
  background:url(images/box_120_left.png) no-repeat;
  float:left;
  height:120px;
  margin-right:10px;
  width:30px;
}
a.box_120 .r{
  background:url(images/box_120_right.png) no-repeat;
  float:right;
  height:120px;
  margin-left:10px;
  width:30px;
}

#home_about h1{
  border-color:#ddd;
  margin-bottom:20px;
  padding:0px;
  text-align:center;
}
#home_about p{
  font-size:18px;
  margin-bottom:10px;
  text-align:justify;
  text-indent:20px;
}

#home_featured{
  background:#b4b8bf;
  display:block;
  float:left;
  padding-right:20px;
  width:600px;
}
#home_featured h1{
  border-color:#ddd;
  margin-bottom:20px;
  padding:0px;
  text-align:center;
}
#home_featured .list_top{
  background:#ddd url(images/thumbs_top.png) center top no-repeat;
  height:10px;
  margin-top:10px;
  width:600px;
}
#home_featured .list_bottom{
  background:#ddd url(images/thumbs_bottom.png) center bottom no-repeat;
  height:10px;
  margin-bottom:10px;
  width:600px;
}
#home_featured .list{
  background:#ddd;
  padding-top:6px;
  width:600px;
}
#home_featured .list span{
  display:block;
}
#home_featured .list a{
  display:block;
  font-size:20px;
  line-height:30px;
  text-indent:-10px;
}
#home_featured .list a.js{
  background:transparent url(images/list_normal.png) center center no-repeat;
  float:left;
  height:30px;
  margin-right:10px;
  padding:0px;
  width:30px;
}
#home_featured .list a.jso{
  background:transparent url(images/list_selected.png) center center no-repeat;
  float:left;
  height:30px;
  margin-right:10px;
  padding:0px;
  width:30px;
}

.list_item{
  background-color:#ddd;
  background-repeat:no-repeat;
  background-position:right center;
  height:160px;
  margin-top:10px;
  margin-bottom:10px;
}
.list_item .l{
  background:url(images/box_160_left.png) no-repeat;
  float:left;
  height:160px;
  margin-right:10px;
  width:45px;
}
.list_item .r{
  background:url(images/box_160_right.png) no-repeat;
  float:right;
  height:160px;
  margin-left:10px;
  width:45px;
}
.list_item .bg{
  background:url(images/bg_ddd_80.png) repeat;
  display:block;
  height:160px;
}
.list_item .title{
  color:#000050;
  display:block;
  font-size:30px;
  font-weight:bold;
  padding-top:22px;
  text-decoration:none;
}
.list_item .title:hover{
  color:#000032;
  text-decoration:overline underline;
}
.list_item span{
  display:inline-block;
  padding:8px;
}
.list_item .button{
  background:#000050;
  color:#fff;
  display:inline-block;
  font-size:20px;
  height:30px;
  line-height:30px;
  margin:14px;
  text-align:center;
  text-decoration:none;
  width:160px;
}
.list_item .button:hover{
  background:#000032;
}
.list_item .button .l{
  background:url(images/box_30_left_ddd.png) no-repeat;
  float:left;
  height:30px;
  margin-right:5px;
  width:5px;
}
.list_item .button .r{
  background:url(images/box_30_right_ddd.png) no-repeat;
  float:right;
  height:30px;
  margin-left:5px;
  width:5px;
}

.contact{
  background:#ddd;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
}
.contact .lt{
  background:url(images/box_left_top_30.png) no-repeat;
  float:left;
  height:30px;
  margin-bottom:5px;
  margin-right:5px;
  width:30px;
}
.contact .rt{
  background:url(images/box_right_top_30.png) no-repeat;
  float:right;
  height:30px;
  margin-bottom:5px;
  margin-left:5px;
  width:30px;
}
.contact .lb{
  background:url(images/box_left_bottom_30.png) no-repeat;
  float:left;
  height:30px;
  margin-top:5px;
  margin-right:5px;
  width:30px;
}
.contact .rb{
  background:url(images/box_right_bottom_30.png) no-repeat;
  float:right;
  height:30px;
  margin-top:5px;
  margin-left:5px;
  width:30px;
}
.contact .messages span{
  display:block;
  margin:10px;
  margin-left:auto;
  margin-right:auto;
  width:700px;
}
.contact p{
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
  width:612px;
}
.contact span{
  display:inline-block;
  font-weight:bold;
  margin-right:10px;
  text-align:right;
  width:200px;
}
.contact select{
  border:1px solid #b4b8bf;
  display:inline-block;
  width:300px;
}
.contact input{
  border:1px solid #b4b8bf;
  display:inline-block;
  width:400px;
}
.contact textarea{
  border:1px solid #b4b8bf;
  display:block;
  height:300px;
  width:610px;
}
.contact .button{
  background:#000050;
  border:1px solid #b4b8bf;
  color:#fff;
  font-weight:bold;
  height:20px;
  margin-top:5px;
  margin-bottom:5px; .
  margin-left:106px;
}
.contact .button:hover{
  background:#000032;
}

.film{
  display:block;
  margin-left:20px;
  margin-right:20px;
}
.film .pictures{
  background:#b4b8bf;
  display:block;
  float:left;
  padding-right:20px;
  width:400px;
}
.film .pictures .thumbs_top{
  background:#ddd url(images/thumbs_top.png) center top no-repeat;
  height:10px;
  margin-top:10px;
  width:400px;
}
.film .pictures .thumbs_bottom{
  background:#ddd url(images/thumbs_bottom.png) center bottom no-repeat;
  height:10px;
  margin-bottom:10px;
  width:400px;
}
.film .pictures .thumbs{
  background:#ddd;
  padding-top:6px;
  width:400px;
}
.film .pictures .thumbs a{
  display:inline-block;
  margin-left:16px;
  margin-bottom:6px;
}
.film .pictures .thumbs a img{
  border:0px none #ddd;
  height:60px;
  width:80px;
}
.film .titles{
  display:block;
}
.film .titles h1{
  border-bottom:1px solid #ddd;
  font-size:24px;
  font-weight:bold;
  margin-bottom:10px;
  padding-left:20px;
  padding-bottom:10px;
  text-align:center;
}
.film .titles h2{
  color:#ddd;
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
  text-align:center;
}
.film .infobox{
  background:#ddd;
  display:block;
  height:90px;
  margin-top:30px;
  margin-bottom:30px;
}
.film .infobox p{
  font-size:16px;
  line-height:30px;
}
.film .infobox .l{
  background:url(images/box_90_left.png) no-repeat;
  float:left;
  height:90px;
  margin-right:5px;
  width:20px;
}
.film .infobox .r{
  background:url(images/box_90_right.png) no-repeat;
  float:right;
  height:90px;
  margin-left:5px;
  width:20px;
}
.film .content{
  background:#ddd;
  clear:both;
}
.film .content .text{
  padding-left:40px;
  padding-right:40px;
}
.film .content .text .quick_nav{
  padding-bottom:40px;
  text-align:center;
}
.film .content .text h2{
  border-top:2px solid #eee;
  border-bottom:1px dashed #eee;
  margin-top:12px;
  margin-bottom:5px;
  padding-top:3px;
}
.film .content .lt{
  background:url(images/box_left_top_30.png) no-repeat;
  display:block;
  height:30px;
  margin-bottom:5px;
  margin-right:5px;
  width:30px;
}
.film .content .rt{
  background:url(images/box_right_top_30.png) no-repeat;
  float:right;
  height:30px;
  margin-bottom:5px;
  margin-left:5px;
  width:30px;
}
.film .content .lb{
  background:url(images/box_left_bottom_30.png) no-repeat;
  display:block;
  height:30px;
  margin-top:5px;
  margin-right:5px;
  width:30px;
}
.film .content .rb{
  background:url(images/box_right_bottom_30.png) no-repeat;
  float:right;
  height:30px;
  margin-top:5px;
  margin-left:5px;
  width:30px;
}

.film .content .a{
  border-bottom:1px dotted b4b8bf;
}

.film .content .a span{
  float:right;
}