*{margin:0; padding:0;}
#page{ width:880px; margin:0 auto; font-family:Helvetica,Arial; font-size:0.69em;}
#header{ width:880px; height:185px;}

#logo{ width:260px; height:141px; padding-top:44px; float:left;}
#logo a{ color:#ffffff;}
#logo a img{ border:none;}

#topNav{ float:right; margin-top:50px;}
#topNav ul{ float:left; text-align:right; list-style:none; margin-left:62px; line-height:20px;}
#topNav ul li{ text-align:left; color:#b2b2b2; font-weight:bold; text-decoration:none;}
#topNav ul li a{ color:#000000; font-weight:bold; text-decoration:none; font-size:11px;}
#topNav ul li a:hover{ color:#b2b2b2; font-weight:bold; text-decoration:none; font-size:11px;}
#topNav ul li a.navAct{ color:#000000; font-size:11px;}
#topNav ul li a:hover.navAct{ color:#b2b2b2; text-decoration:none; font-size:11px;}

#showreel{ width:880px; height:360px; margin-bottom:90px;}
#showreel a{ color:#ffffff;}
#showreel a img{ border:none;}
h1{ color:#000000; font-weight:bold; font-size:11px; margin:8px 0 2px 0;}
h2{ color:#000000; font-weight:bold; font-size:11px; margin:8px 0 2px 0;}

#catNav{ height:16px; margin-bottom:19px;}
#catNav ul{ list-style:none; float:right;}
#catNav ul li{ float:left; height:16px;}
#catNav ul li a{ color:#ffffff;}




#catNav ul li#allNav{ width:29px; color:#ffffff; font-weight:bold;}
#catNav ul li#allNav_ACT { width:29px; color:#b2b2b2; text-decoration:none;}
#catNav ul li#allNav_ACT a{background-image:url(../images/gfx/btn_all_act.gif); background-repeat:no-repeat; }
#catNav ul li#allNav a:hover{ width:29px; color:#b2b2b2; text-decoration:none; background-image:url(../images/gfx/btn_all_ho.gif); background-repeat:no-repeat;}
#catNav ul li#allNav a{ width:29px; color:#b2b2b2; text-decoration:none; background-image:url(../images/gfx/btn_all_no.gif); background-repeat:no-repeat;}

#catNav ul li#motionNav{ width:51px; color:#ffffff; font-weight:bold;}
#catNav ul li#motionNav_ACT { width:51px; text-decoration:none; font-weight:bold;}
#catNav ul li#motionNav_ACT a{ background-image:url(../images/gfx/btn_motion_act.gif); background-repeat:no-repeat;}
#catNav ul li#motionNav a:hover{ width:51px; color:#ffffff; background-image:url(../images/gfx/btn_motion_ho.gif); background-repeat:no-repeat;}
#catNav ul li#motionNav a{width:51px; text-decoration:none; font-weight:bold; background-image:url(../images/gfx/btn_motion_no.gif); background-repeat:no-repeat;}

#catNav ul li#webNav{ width:62px; color:#ffffff; font-weight:bold; margin-right:7px;}
#catNav ul li#webNav_ACT { width:62px; text-decoration:none; font-weight:bold; margin-right:7px;}
#catNav ul li#webNav_ACT a{ background-image:url(../images/gfx/btn_web_act1.gif); background-repeat:no-repeat;}
#catNav ul li#webNav a:hover{ width:62px; color:#ffffff; background-image:url(../images/gfx/btn_web_ho1.gif); background-repeat:no-repeat;}
#catNav ul li#webNav a{ width:62px; text-decoration:none; font-weight:bold; background-image:url(../images/gfx/btn_web_no1.gif); background-repeat:no-repeat;}
#catNav ul li#webNav img{ width:62px;}
#catNav ul li#webNav_ACT img{width:62px;}


#catNav ul li#stillNav{ width:30px; color:#ffffff; font-weight:bold;}
#catNav ul li#stillNav_ACT { width:30px; text-decoration:none; font-weight:bold;}
#catNav ul li#stillNav_ACT a{ background-image:url(../images/gfx/btn_still_act.gif); background-repeat:no-repeat; }
#catNav ul li#stillNav a:hover{ width:30px; color:#ffffff; background-image:url(../images/gfx/btn_still_ho.gif); background-repeat:no-repeat;}
#catNav ul li#stillNav a{ width:30px; text-decoration:none; font-weight:bold; background-image:url(../images/gfx/btn_still_no.gif); background-repeat:no-repeat;}



#content{ padding-bottom:39px; float:left; width:880px; font-size:24px; font-weight:bold;}
#footer{ width:880px; height:105px; padding-bottom:40px; clear:both;}
#toTop{width:880px; height:16px; margin-bottom:69.5px;}
#toTop a{ float:right; color:#ffffff; width:17px; height:16px;}
#toTop a img{ border:none;}
#toTop a#toTopIMG{ background-image:url(../images/gfx/btn_totop_no.gif); background-repeat:no-repeat;}
#toTop a:hover#toTopIMG{ background-image:url(../images/gfx/btn_totop_act.gif); background-repeat:no-repeat;}

#footer-bottom{ background-image:url(../images/footer-line.gif); background-repeat:no-repeat; background-position:0px 0px; height:24px; clear:both;}
#copyright{ padding-top:11.5px;}

.news-list-container{ width:920px; font-size:11px; font-weight:normal;}
.news-list-item{width:272px; margin-right:32px; float:left;}
.news-list-item h3{color:#000000; font-weight:bold; font-size:11px; margin:4px 0 2px 0;  float:left;}
.news-list-item a{ color:#ffffff;}
.news-list-item .catPoint{ float:right; margin-top:4px;}
.news-list-item p.bodytext{ clear:both; margin-bottom:30px; height:17px;}
*html .news-list-item p.bodytext{ clear:both; margin-bottom:30px; height:28px;}

#project-top{margin-bottom:2px;}
#project-top h3{float:left; font-size:24px;}
#project-top #catTitle{ float:right;}
#projectsSubText h3{ clear:both; font-size:11px; font-weight:normal;}
#projectsImage{ margin:20px 0;}
#projectsImage img{ margin:0 0 20px 0;}
#projectsImage a img{ margin-bottom:20px;}
#projectsMovie{ margin:-20px 0 20px 0; color:#000000; font-weight:bold; font-size:24px;}
#projectsMovie a{color:#000000; font-weight:bold; font-size:24px; text-decoration:underline;}
#projectsMovie a:hover{color:#b2b2b2; font-weight:bold; font-size:24px; text-decoration:underline;}
#projectsMainText{ background-image:url(../images/footer-line.gif); background-repeat:no-repeat; background-position:0px 0px; padding-top:16px;}
#projectsMainText p.bodytext{width:756px; font-size:24px; color:#000000; font-weight:bold;}
.news-single-item #footer{ margin-top:90px; float:left;}


.news-single-item #project-top{ height:16px; margin-bottom:11px;}
.news-single-item #project-top ul{ list-style:none; float:right;}
.news-single-item #project-top ul li{ float:left; height:16px;}
.news-single-item #project-top ul li a{ color:#ffffff;}

.news-single-item #project-top ul li#allNav{ width:24px; color:#ffffff; font-weight:bold; padding:1px 0 0 0;}
.news-single-item #project-top ul li#allNav a{ width:19px; color:#b2b2b2; text-decoration:none;}
.news-single-item #project-top ul li#motionNav{ width:51px; color:#ffffff;  padding:1px 0 0 0;}
.news-single-item #project-top ul li#motionNav a{ width:47px; float:right; text-decoration:none; padding:0 0 5px 0; font-weight:bold; background-image:url(../images/gfx/btn_motion_no.gif); background-repeat:no-repeat;}
.news-single-item #project-top ul li#motionNav a:hover{ width:47px; float:right; text-decoration:none; padding:0 0 5px 0; font-weight:bold; background-image:url(../images/gfx/btn_motion_ho.gif); background-repeat:no-repeat;}
.news-single-item #project-top ul li#webNav{ width:62px; color:#ffffff;  padding:1px 0 0 0;}
.news-single-item #project-top ul li#webNav a{ width:62px; float:right; text-decoration:none; padding:0 0 5px 0; font-weight:bold; background-image:url(../images/gfx/btn_web_no1.gif); background-repeat:no-repeat;}
.news-single-item #project-top ul li#webNav a:hover{ width:62px; float:right; text-decoration:none; padding:0 0 5px 0; font-weight:bold; background-image:url(../images/gfx/btn_web_ho1.gif); background-repeat:no-repeat;}
.news-single-item #project-top ul li#stillNav{ width:36px; color:#ffffff;  padding:1px 0 0 0;}
.news-single-item #project-top ul li#stillNav a{ width:30px; float:right; text-decoration:none; padding:0 0 5px 0; font-weight:bold; background-image:url(../images/gfx/btn_still_no.gif);
 background-repeat:no-repeat;}
 .news-single-item #project-top ul li#stillNav a:hover{ width:30px; float:right; text-decoration:none; padding:0 0 5px 0; font-weight:bold; background-image:url(../images/gfx/btn_still_ho.gif); background-repeat:no-repeat;}
 
.detail_feature{ margin:0 0 0 0;}
.detail_feature h1{ font-size:24px; margin:0 0 0 0;}
.detail_feature h2{ font-size:11px; margin:0 0 0 0; font-weight:normal;}
.detail_feature .detail_feature_content .detail_feature_text{ font-size:24px; font-weight:bold; background-image:url(../images/footer-line.gif); background-repeat:no-repeat; background-position:0px 0px; padding-top:16px; margin:16px 0 0 0; width:750px;}

.detail_feature_content img{ margin:20px 0;}

a{color:#000000; font-weight:bold; font-size:24px; text-decoration:underline;}
a:hover{color:#b2b2b2; font-weight:bold; font-size:24px; text-decoration:underline;}

.detail{ color:#b2b2b2;}

.detail_movie{margin:20px 0 0 0;}