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

/* 
Copyright Cinema Popular
All rights reserved
Credits: Site created by pill and pillow
*/

/*==========Navigation==========*/
a .alt { display: none; }

#nav0 {
    display: block;
    width: 46px;
    height: 13px;
    background-image: url(../assets/nav_home.gif);
    background-position: 0 0;
	float:left;
	margin-right:28px;
}

a#nav0:hover {
    background-position:46px 0px;
}

a#nav0.on {
    background-position:92px 0px;
}

#nav1 {
    display: block;
    width: 54px;
    height: 13px;
    background-image: url(../assets/nav_about.gif);
    background-position: 0 0;
	float:left;
	margin-right:28px;
}

a#nav1:hover {
    background-position:54px 0px;
}

a#nav1.on {
    background-position:108px 0px;
}


#nav2 {
    display: block;
    width: 112px;
    height: 13px;
    background-image: url(../assets/nav_productions.gif);
    background-position: 0 0;
	float:left;
	margin-right:28px;
}

a#nav2:hover {
    background-position:112px 0px;
}

a#nav2.on {
    background-position:224px 0px;
}

#nav3 {
    display: block;
    width: 60px;
    height: 13px;
    background-image: url(../assets/nav_events.gif);
    background-position: 0 0;
	float:left;
	margin-right:28px;
}

a#nav3:hover {
    background-position:60px 0px;
}

a#nav3.on {
    background-position:120px 0px;
}

#nav4 {
    display: block;
    width: 50px;
    height: 13px;
    background-image: url(../assets/nav_press.gif);
    background-position: 0 0;
	float:left;
	margin-right:28px;
}

a#nav4:hover {
    background-position:50px 0px;
}

a#nav4.on {
    background-position:100px 0px;
}

#nav5 {
    display: block;
    width: 98px;
    height: 13px;
    background-image: url(../assets/nav_contactus.gif);
    background-position: 0 0;
	float:left;
	margin-right:28px;
}

a#nav5:hover {
    background-position:98px 0px;
}

a#nav5.on {
    background-position:196px 0px;
}

/*==========About: Subnav==========*/
#subnav_about1 {
    display: block;
    width: 118px;
    height: 11px;
    background-image: url(../assets/subnav_about1.gif);
    background-position: 0 0;
	float:left;
}

a#subnav_about1:hover {
    background-position:118px 0px;
}

a#subnav_about1.on {
    background-position:236px 0px;
}

#subnav_about2 {
    display: block;
    width: 138px;
    height: 11px;
    background-image: url(../assets/subnav_about2.gif);
    background-position: 0 0;
	float:left;
	margin-left:8px;
}

a#subnav_about2:hover {
    background-position:138px 0px;
}

a#subnav_about2.on {
    background-position:276px 0px;
}

#subnav_about3 {
    display: block;
    width: 103px;
    height: 11px;
    background-image: url(../assets/subnav_about3.gif);
    background-position: 0 0;
	float:left;
	margin-left:8px;
}

a#subnav_about3:hover {
    background-position:103px 0px;
}

a#subnav_about3.on {
    background-position:206px 0px;
}

#subnav_about4 {
    display: block;
    width: 222px;
    height: 11px;
    background-image: url(../assets/subnav_about4.gif);
    background-position: 0 0;
	float:left;
	margin-left:8px;
}

a#subnav_about4:hover {
    background-position:222px 0px;
}

a#subnav_about4.on {
    background-position:444px 0px;
}

/*==========Press: Subnav==========*/
#subnav_press1 {
    display: block;
    width: 53px;
    height: 11px;
    background-image: url(../assets/subnav_press1.gif);
    background-position: 0 0;
	float:left;
}

a#subnav_press1:hover {
    background-position:53px 0px;
}

a#subnav_press1.on {
    background-position:106px 0px;
}

#subnav_press2 {
    display: block;
    width: 62px;
    height: 11px;
    background-image: url(../assets/subnav_press2.gif);
    background-position: 0 0;
	float:left;
	margin-left:8px;
}

a#subnav_press2:hover {
    background-position:62px 0px;
}

a#subnav_press2.on {
    background-position:124px 0px;
}

/*==========button==========*/

#btn_language1 {
    display: block;
    width: 32px;
    height: 18px;
    background-image: url(../assets/btn_language0_eng.gif);
    background-position: 0 0;
	float:left;
	margin-right:10px;
}

a#btn_language1:hover {
    background-position:32px 0px;
}

a#btn_language1.on {
    background-position:64px 0px;
}

#btn_language2 {
    display: block;
    width: 32px;
    height: 18px;
    background-image: url(../assets/btn_language0_chi.gif);
    background-position: 0 0;
	float:left;
	margin-right:10px;
}

a#btn_language2:hover {
    background-position:32px 0px;
}

a#btn_language2.on {
    background-position:64px 0px;
}

#btn_language3 {
    display: block;
    width: 32px;
    height: 18px;
    background-image: url(../assets/btn_language0_tch.gif);
    background-position: 0 0;
	float:left;
	margin-right:10px;
}

a#btn_language3:hover {
    background-position:32px 0px;
}

a#btn_language3.on {
    background-position:64px 0px;
}


#more_btn{
	display:block;
	width:53px;
	height:21px;
	background-image:url(../assets/btn_more.gif);
	background-position:0 0;
}
a#more_btn:hover{
	background-position:53px 0;
}

#more_btn2{
	display:block;
	width:53px;
	height:21px;
	background-image:url(../assets/btn_more2.gif);
	background-position:0 0;
}
a#more_btn2:hover{
	background-position:53px 0;
}

#more_btn_orange{
	display:block;
	width:53px;
	height:21px;
	background-image:url(../assets/btn_more_orange.gif);
	background-position:0 0;
}

#more_btn_orange2{
	display:block;
	width:53px;
	height:21px;
	background-image:url(../assets/btn_more_orange.gif);
	background-position:0 0;
}

#btn_website{
	display:block;
	width:139px;
	height:21px;
	background-image:url(../assets/btn_website.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_website:hover{
	background-position:139px 0;
}

#btn_gallery{
	display:block;
	width:85px;
	height:21px;
	background-image:url(../assets/btn_gallery.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_gallery:hover{
	background-position:85px 0;
}

#btn_trailer{
	display:block;
	width:85px;
	height:21px;
	background-image:url(../assets/btn_trailer.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_trailer:hover{
	background-position:85px 0;
}

#btn_teaser{
	display:block;
	width:85px;
	height:21px;
	background-image:url(../assets/btn_teaser.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_teaser:hover{
	background-position:85px 0;
}

#btn_teaser1{
	display:block;
	width:90px;
	height:21px;
	background-image:url(../assets/btn_teaser1.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_teaser1:hover{
	background-position:90px 0;
}

#btn_teaser2{
	display:block;
	width:90px;
	height:21px;
	background-image:url(../assets/btn_teaser2.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_teaser2:hover{
	background-position:90px 0;
}

#btn_trailer1{
	display:block;
	width:94px;
	height:21px;
	background-image:url(../assets/btn_trailer1.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_trailer1:hover{
	background-position:94px 0;
}

#btn_trailer2{
	display:block;
	width:94px;
	height:21px;
	background-image:url(../assets/btn_trailer2.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_trailer2:hover{
	background-position:94px 0;
}

#btn_promo1{
	display:block;
	width:94px;
	height:21px;
	background-image:url(../assets/btn_promo1.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_promo1:hover{
	background-position:94px 0;
}

#btn_trailer_home{
	display:block;
	width:62px;
	height:13px;
	background-image:url(../assets/btn_trailer_home.gif);
	background-position:0 0;
	margin-top:5px;
}
a#btn_trailer_home:hover{
	background-position:62px 0;
}

#btn_cp-intro{
	display:block;
	width:281px;
	height:21px;
	background-image:url(../assets/btn_cp-intro.gif);
	background-position:0 0;
	margin-bottom:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
a#btn_cp-intro:hover{
	background-position:281px 0;
}

#btn_pdf2{
	display:block;
	width:128px;
	height:21px;
	background-image:url(../assets/btn_pdf.gif);
	background-position:0 0;
	margin-bottom:5px;
}
a#btn_pdf2:hover{
	background-position:128px 0;
}

#btn_pdf{
	display:block;
	width:128px;
	height:21px;
	background-image:url(../assets/btn_pdf.gif);
	background-position:0 0;
	margin: 20px 0 5px 0;
}
a#btn_pdf:hover{
	background-position:128px 0;
}

#btn_backtoindex{
	display:block;
	width:116px;
	height:25px;
	background-image:url(../assets/btn_backtoindex.gif);
	background-position:0 0;
	margin-bottom:40px;
}
a#btn_backtoindex:hover{
	background-position:116px 0;
}

#btn_top{
	display:block;
	width:33px;
	height:11px;
	background-image:url(../assets/btn_top.gif);
	background-position:0 0;
	overflow:hidden;
	margin:20px 0;
}
a#btn_top:hover{
	background-position:33px 0;
}