body {padding:35px 0; background:url("../design/bg.gif") 0 0 repeat-x; font:100% "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, form {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:850px; margin:0 auto;}

#header {position:relative; height:75px; overflow:hidden;}
 #header #logo {position:absolute; right:0px; top:0;}
    #header #logo p {position:relative; width:179px; height:71px; overflow:hidden; margin:0; padding:0;}
    #header #logo p span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("http://www.arclightstudios.com/design/logo.gif") 0 0 no-repeat; cursor:pointer;}
    #header #nav {position:absolute; top:0; margin:0; padding-top:46px; padding-left:84px; list-style-type:none; font-size:12px;}
    #header #nav li {display:inline; margin:0; padding:0;}
    #header #nav li.active a {background:url("../design/button_active.gif") 0 0 no-repeat;}
    #header #nav a {float:left; height:29px; width:104px; background:url("../design/button.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer; overflow:hidden; text-align:center;}
    #header #nav span {font-size:100%; font-weight:bold; text-transform:uppercase; line-height: 29px;}
    
    
#footer {clear:both; padding:18px 25px 0 95px; font-size:0.75em;}
    #footer p {margin:0;}
    #footer p.f-right .footer-rss {padding:5px 0 5px 27px; background:url("http://www.arclightstudios.com/design/footer-rss.gif") 0 0 no-repeat; font-weight:bold;}
    
/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-01 {position:relative; width:682px; height:752px; margin:0 auto; background:url("../design/mainimage.jpg") 0 0 no-repeat; overflow:hidden;}
   

.box-02 {position:relative; width:771px; height:50px; margin: 0 auto 0 auto; background:url("../design/mainimage_02.jpg") 0 0 no-repeat; overflow:hidden;}

.box-03 {position:relative; width:771px; height:389px; margin-top: 0px; margin-right: auto; margin-bottom: 18px; margin-left: auto; background:url("../design/mainimage_03.jpg") 0 0 no-repeat; overflow:hidden;}

.box-04 {position:relative; width:681px; height:70px; margin:0 auto; background:url("../design/box-04.gif") 0 0 no-repeat; overflow:hidden; text-align:center; margin-top: 20px; font-size:0.75em;}
    .box-04 .box-04-links {float:left; display:inline; padding:10px; width:661px;}
    .box-04 .box-04-links span {margin:0 10px;}
    
.trailer {float:right; padding: 12px 20px 0px 0px;}

.creditblock {display: block; clear:both; width: 690px; margin:0 auto; padding: 5px 0px 0px 0px; text-align:center;}

.creditblock p {font-size:0.5em; font:arial, sans-serif; text-transform:uppercase; line-height:3px;}

.creditblock p span {font-size: 1.3em; arial, sans-serif; line-height:3px; font-weight:bold;}
        
#midnav ul {margin-top: 0px; margin-left: 63px; padding:0px;}
#midnav li {float: left; width: 121px; padding: 0px 0px 0px 10px;}
#midnav a {display:block; padding:0px; line-height: 35px;  text-align:center; text-decoration:none; background:url("../design/button.gif") 0 0 no-repeat;font-size:115%; font-weight:bold; text-transform:uppercase;}

#lownav ul {margin-top: 0px; margin-left: 53px; padding:0px;}
#lownav li {float: left; width: 121px; padding: 0px 0px 0px 10px;}
#lownav a {display:block; padding:0px; line-height: 35px;  text-align:center; text-decoration:none; background:url("../design/button2.gif") 0 0 no-repeat;font-size:115%; font-weight:bold; text-transform:uppercase;}


/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

.subpage-01 {position:relative; width:682px; height:186px; margin:0 auto; background:url("../design/sub_header.jpg") 0 0 no-repeat; overflow:hidden;}

.subpage-02 {position:relative; width:682px; height:698px; margin:0 auto; background:url("../design/sub_body.jpg") 0 0 no-repeat; overflow:hidden;}

.subpage-02b {position:relative; width:682px; height:698px; margin:0 auto; background:url("../design/sub_bodyb.jpg") 0 0 no-repeat; overflow:hidden; font-size:0.75em; line-height:1.6;}

.subpage-03 {position:relative; width:771px; height:55px;  margin-top: 0px; margin-right: auto; margin-bottom: 18px; margin-left: auto; background:url("../design/sub_footer.jpg") 0 0 no-repeat; overflow:hidden;}

#embedbox {width: 598px; margin-top: 25px; margin-right: auto; margin-bottom: 18px; margin-left: auto; font-size:0.75em;}

#gallerybox {width: 598px; margin-top: 25px; margin-right: auto; margin-bottom: 18px; margin-left: auto; font-size:0.75em;}

.gallery li {display: inline; list-style: none; width: 139px; float: left; margin: 0 5px 10px 5px; text-align: center;}

#newsbox {background:url("../design/newsbg.gif"); width:544px; height:588px; margin-top: 25px; margin-bottom: 18px; margin-left: 70px;}

#tsb-news {width: 600px;}

#peoplebox {background-color: #b0b0b1; width: 530px; height:568px; margin-top: 25px; margin-bottom: 18px; margin-left: auto; margin-right: auto; padding: 30px; overflow-y: scroll; font-size:0.75em;}

#peoplebox table {margin-left: 45px;}

#crew {width: 400px; margin-top: 25px; margin-right: auto; margin-bottom: 18px; margin-left: auto; text-align: center; }

#synopsisbox {background-color: #b0b0b1; width: 580px; height:200px; margin-top: 25px; margin-right: auto; margin-bottom: 18px; margin-left: auto; padding: 10px;}
#synopsisbox p {margin:10px; font-size: 125%;}

#idea {width: 580px; height:200px; margin-top: 0px; margin-right: auto; margin-bottom: 18px; margin-left: auto;}
#idea p {font-size: 115%; color: #e9e6dd;}

#title {position:relative; width:955px; height:122px; margin-bottom:18px; background:url("../design/titleb.jpg") 0 0 no-repeat; overflow:hidden;}
#title h1 {margin:0; padding:10px 25px 0 25px; font-size:340%; font-weight:bold; letter-spacing:-1px;}
#title #subnav {position:absolute; left:25px; bottom:13px; margin:0;}
#title #subnav a {font-weight:bold;}
#title #subnav span {margin:0 7px;}

#breadcrumbs {margin:0; padding:3px 25px 10px 25px;}

#servicebg {float:right; display:inline; width:207px; height:227px; margin:10px 10px;}

#contact {float:left; display:inline; margin-left:20px; width:500px;}

.likeme {float:right; width:100px; padding-right: 5px;}

/* ----------------------------------------------------------------------------------------------------------
Porlet: News
---------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

img.f-right {margin-left:15px;}
img.f-left {margin-right:15px;}
.input {padding:7px; background:url("../design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.smaller {font:90%/1.8 "tahoma",sans-serif;}