@charset "UTF-8";
/* CSS Document */

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

body{
background:url(../images/transp.gif) no-repeat;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
background-color:#ECEDEA;
height:100%;
}
html{
height:100%;
}

.indentlist ul, ol{
margin-left:30px;
}

#extToolbar{ 
 position: absolute;
 top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
} 

#top_bar{
background-color:#E62240;
width:100%;
height:6px;
line-height:6px;
font-size:6px;
position:absolute;
top:0px;
left:0px;
}
#top_bar_red{
background:url(../images/common/top_bar_red.png) no-repeat;
background-position:55px;
width:1174px;
height:6px;
margin:0px auto 0px auto;
}

#container{
width:1034px;
padding:70px;
padding-top:0px;
padding-bottom:0px;
margin:0px auto 0px auto;
background-color:#FFFFFF;
min-height:100%;
_height:100%;
}
#container_padding{
padding-top:30px;
}
#logo_community{
background:url(../images/common/logo_community.png) no-repeat;
background-position:-7px;
margin-right:5px;
width:200px;
height:70px;
}
#logo_corporate{
background:url(../images/common/logo_corporate.png) no-repeat;
background-position:-7px;
margin-right:5px;
width:200px;
height:70px;
}

#home_recent_project{
border:1px solid #CCCCCC;
width:778px;
height:240px;
padding:10px;
}
#home_recent_logo{
background:url(../images/home_recent_title.png) no-repeat;
width:343px;
height:40px;
position:absolute;
top:20px;
left:-10px;
}
#home_showreel_button{
background:url(../images/home_showreel_button.png) no-repeat;
width:192px;
height:41px;
position:absolute;
top:42px;
right:-87px;
_right:-88px;
color:#FFFFFF;
font-size:13px;
line-height:27px;
padding-left:65px;
cursor:pointer;
}

.home_recent_title{
color:#E62341;
font-size:17px;
}
.home_recent_content{
color:#999999;
font-size:12px;
}
.home_recent_content a{
color:#E62341;
}
.home_recent_button{
background:url(../images/home_recent_button.png) no-repeat;
width:93px;
height:20px;
cursor:pointer;
}
#home_recent_img{
border:1px solid #CCCCCC;
}
.home_spotlight_title{
color:#280000;
font-size:12px;
font-weight:bold;
}
.home_spotlight_content{
color:#999999;
font-size:10px;
}
.home_spotlight_bar{
background-color:#E62341;
width:194px;
height:3px;
line-height:3px;
font-size:3px;
margin-bottom:3px;
}

#home_news_title{
background:url(../images/home_news_title.png) no-repeat;
width:121px;
height:31px;
}
#home_services_title{
background:url(../images/home_services_title.png) no-repeat;
width:105px;
height:31px;
}
.home_news_text{
color:#E62341;
font-size:13px;
margin-top:5px;
margin-left:20px;
}
.home_news_text a{
text-decoration:none;
color:#E62341;
}

.home_news_spacer{

}

.home_recent_news_title{
color:#E62341;
font-weight:bold;
font-size:15px;
}
.home_recent_news_content{
color:#999999;
font-size:12px;
line-height:14px;
}
.home_recent_news_content a{
color:#E62341;
}
.home_recent_news_button{
background:url(../images/home_news_button.png) no-repeat;
width:93px;
height:20px;
}
#home_services_list{
background:url(../images/home_services_list.png) no-repeat;
width:400px;
height:82px;
}
.home_services_link{
margin-top:8px;
margin-bottom:6px;
float:right;
margin-right:5px;
}
.home_services_link a{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
display:block;
text-align:right;
width:400px;
line-height:12px;
}

.blog_title{
color:#E31441;
font-size:16px;
font-weight:bold;
}
.blog_date{
color:#666666;
font-size:13px;
}
.blog_username{
color:#333333;
font-size:13px;
}

#menu{
width:800px;
margin-left:20px;
}
.menu_list{
list-style:none;
}
#menu_list1 li{
float:left;
}
#menu_list2 li{
float:right;
}
.menu_item{
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#2C1A1A;
text-decoration:none;
margin-top:30px;
padding-left:5px;
padding-right:5px;
}
.menu_item:hover{
color:#EE1F45;
}
.menu_item_selected{
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
margin-top:30px;
padding-left:5px;
padding-right:5px;
color:#EE1F45;
}
.menu_spacer{
background:url(../images/common/menu_separator.png) no-repeat;
width:14px;
height:34px;
float:left;
margin-top:20px;
}

.main_separator{
width:100%;
height:1px;
line-height:1px;
font-size:1px;
background-color:#CCCCCC;
margin-top:10px;
margin-bottom:10px;
}
.box_top_bar{
background:url(../images/common/box_top_bar.png) no-repeat;
width:96px;
height:13px;
margin-bottom:5px;
}
.box_title{
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#280000;
}
.box_link_title_home_company{

}
.box_link_title_ytf_about{
background:url(../images/common/title_about_ytf.png) no-repeat;
width:245px;
height:21px;
}

#c1{
width:450px;
overflow:hidden;
margin-right:25px;
}
#c2{
width:328px;
}

#cmain{
width:800px;
overflow:hidden;
}

#nav{
width:200px;
padding-left:5px;
padding-right:5px;
margin-right:20px;
}
#nav_list{
list-style:none;
}
.nav_item{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#666666;
display:block;
width:200px;
height:19px;
padding-top:4px;
}
.nav_item:hover{
color:#EE1F45;
}
.nav_item_selected{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#EE1F45;
display:block;
width:200px;
height:19px;
padding-top:4px;
}
.nav_spacer{
background-color:#CCCCCC;
width:100%;
height:1px;
font-size:1px;
line-height:1px;
margin-top:0px;
margin-bottom:0px;
}

.article_content{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
line-height:18px;
}
.article_content a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#E62240;
}
.article_spacer{
width:100%;
height:1px;
font-size:1px;
line-height:1px;
background-color:#999999;
margin-top:20px;
margin-bottom:20px;
}

.project_content{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:13px;
}
.project_content a{
color:#E62240;
}
.movie_play{
font-size:13px;
color:#EE1F45;
line-height:22px;
}

.dotted_spacer{
background:url(../images/common/line_dotted.png) repeat-x;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
}

.popup_container{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1001;
}
.close_popup{
text-decoration:none;
color:#333333;
}
.lightbox {
/*margin:0px auto 0px auto;*/
margin-top:0%;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
color: #333;
/*display: none;*/
position:relative;
/*width:60%;
top: 0;
left: 0;
right: 50%;
width: 50%;
height: 50%;*/
padding: 10px;
border: 10px solid #B8B8B8;
background-color: white;
text-align: left;
z-index:1002;
/*overflow: auto;	*/
}
#overlay{
/*background-image:url(../images/common/loading.gif);
background-repeat:no-repeat;
background-position:center;
background-image:url(../images/common/transparency3.png);
background-repeat:repeat;*/
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
/* IE6 and below Can't See This */
/*.lightbox[id]{  position:fixed; }*/
#overlay[id]{
/*background-color:transparent;*/
position:fixed;
}

.editmode_border{
border:1px solid #CCCCCC;
padding:2px;
margin-bottom:10px;
}
.editmode_box{
background-color:#FCD2DA;
padding:5px;
text-align:center;
}
.editmode_title{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}


.year_link{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#2C1A1A;
margin-right:20px;
display:block;
float:left;
}
.year_link_selected{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#EE1F45;
margin-right:20px;
display:block;
float:left;
}
.project_link{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#2C1A1A;
margin-right:20px;
display:block;
float:left;
}
.project_link_selected{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#EE1F45;
margin-right:20px;
display:block;
float:left;
}
.project_title{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#2C1A1A;
margin-bottom:10px;
letter-spacing:-1px;
}
.project_subtitle{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#E62341;
margin-bottom:10px;
margin-top:20px;
}
.project_text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.project_info_spacer{
width:14px;
height:1px;
font-size:1px;
line-height:1px;
background-color:#E62341;
}

#login_paneler{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#button_visit{
background:url(../images/common/button_visit.png) no-repeat;
width:138px;
height:19px;
color:#FFFFFF;
font-size:11px;
text-align:center;
padding-top:3px;
margin-top:30px;
}
.button_movie{
background:url(../images/common/button_movie.png) no-repeat;
width:76px;
height:18px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
text-align:center;
padding-top:3px;
}
.button_movie a{
color:#FFFFFF;
text-decoration:none;
display:block;
width:100%;
height:100%;
}

.category_item{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#666666;
display:block;
width:190px;
height:14px;
padding-top:4px;
padding-left:10px;
}
.category_item:hover{
color:#EE1F45;
}
.category_item_selected{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#EE1F45;
display:block;
width:190px;
height:14px;
padding-top:4px;
padding-left:10px;
}

.equivalent_title{
font-family:Arial, Helvetica, sans-serif;
color:#280000;
font-size:24px;
font-weight:600;
letter-spacing:-2px;
padding-bottom:2px;
}