/* Body */
body{
	background-color:#000000;
	color:#FFFFFF;
}

#page{
	width:900px;
	overflow:hidden;
	background-color:#000000;
}

#head, #footer{
	width:691px;
	height:125px;
	overflow:hidden;
	position:relative;	
}

#head_menu{
	margin:64px 0 0 0;
}

#head_logo{
	position:absolute;
	top:43px;
	right:0;
}

#middle{
	width:100%;
	background-color:#333333;
}

#content{
	height:458px;
	width:691px;
	overflow:hidden;
	background-color:#FFFFFF;
	color:#333333;
}

.left{
	float:left;
}

.right{
	float:right;
}

.footer_credit{
	color:#999999;
	font-size:11px;
	float:left;
	margin:12px 0 0 0;
}

.footer_menu{
	color:#FFFFFF;
	float:right;
	margin:12px 0 0 0;
}

.mini{
	margin:2px 0;
}

.clear{
	clear:both;
}

.nomargin{
	margin:0 !important;
}

#content .main_content{
	margin:21px 0 0 40px;
	position:relative;
}

/* Page: Home */
.home_pictures{
	border-top:1px solid #999999;
	padding-top:8px;
	margin:41px 0 0 40px;
	text-align:left;
	width:455px;
	position:relative;
}

.home_pictures table td img{
	margin:3px 5px;
	width:145px;
	overflow:hidden;
}

.home_pictures table th img{
	margin-right:14px;
}

.home_pictures table td img.left{
	margin-left:0;
}

.home_pictures table td img.right{
	margin-right:0;
}

#content .text{
	font-size:12px;
	width:415px;
	text-align:left;
	line-height:21px;
	position:relative;
	margin:1.2em 0 0 16.3em
}

#content .text p, #content .text span, #content .text div{
	font-size:12px;
	text-align:left;
	line-height:21px;
}

.images_home{
	width:145px;
	height:100px;
	overflow:hidden;
}

/***********************/

/* Page: Production */

#content .pro_content{
	margin: 48px 0 0 48px;
}

.pro_content .image{
	height:110px;
	overflow:hidden;
}

.pro_content .title{
	font-weight:bold;
	padding-top:5px;
	font-size:12px;
	vertical-align:middle;
	margin-bottom:7px;
}

.pro_content .s-bar{
	width:150px;
	height:162px;
}

.pro_content .s-bar .descript{
	font-size:11px;
	line-height:15px;
}

#content .pro_item{
	width:145px;
	overflow:hidden;
	float:left;
	margin-right:35px;
}

#content .pro_item .title{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
}

#content .pro_item p{
	color:#333333;
	font-size:12px;
	line-height:17px;
	width:90%;
}

#content a{
	color:#993300;
	font-size:12px;
	text-decoration:underline;	
}

#content a:hover{
	color: #333333;
	font-size:12px;
	text-decoration:underline;	
}

a.ulink{
	font-size:11px;
}

.pro_arrow{
	margin-left:15px;
	float:left;
	margin-top:12em;
}

/* Page: productions details */

#content .pro_detail{
	margin: 34px 0 0 24px;
}

.block_left{
	width:246px;
	overflow:hidden;
	float:left;
	margin-right:30px;
}

.block_left p{
	color:#333333;
	font-size:10px;
	margin-left:5px;
	margin-right:15px;
	line-height:15px;
	margin-top:12px;
}

.block_right{
	width:310px;
	overflow:hidden;
	float:left;
	margin-top:4em;
}

.block_right a{
	color:#993300;
	font-size:11px;
	text-decoration:underline;	
}

.block_right a:hover{
	color: #333333;
	font-size:11px;
	text-decoration:underline;	
}

.block_right p.title{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin-bottom:6px;
}

.s-bar{
	margin-top:16px;
}

.s-bar .jScrollPaneTrack {
	background: #FFFFFF;
	border:1px solid #333333;
	padding:0 1px;
}
.s-bar .jScrollPaneDrag {
	background: #CCCCCC;
	margin:1px 0;
}
.s-bar .scroll-pane{
	background: #FFFFFF;
}

.scroll-pane {
	width: 293px;
	height: 205px;
	overflow: auto;
	background: #ccc;
	float: left;
}

.block_right #pane{
	width: 293px;
	height:212px;
}

.block_right #pane p, .block_right #pane p em{
	font-size:12px;
	color:#333333;
	margin-top:0px;
	line-height:18px;
	margin-bottom:10px;
}

.foot_text{
	margin:36px 26px 0 0;
	font-size:13px;
	float:right;
	color:#666666;
}

/* Page: Staff */

#content .pro_staff{
	margin: 34px 0 0 24px;
}

#content .pro_item .thin p{
	color:#333333;
	font-size:11px;
	line-height:15px;
	width:90%;
}

.pro_staff .image{
	height:141px;
	overflow:hidden;
}

.pro_staff .name{
	height:23px;
	font-weight:bold;
	padding-top:5px;
	font-size:12px;
	vertical-align:middle;
}

.pro_staff .s-bar{
	width:150px;
	height:162px;
}

.pro_staff .s-bar p{
	font-size:11px;
	line-height:15px;
}

.pro_staff .s-bar .jScrollPaneTrack {
	background: #FFFFFF;
	border:1px solid #333333;
	padding:0 1px;
}

.pro_staff .s-bar .jScrollPaneDrag {
	background: #CCCCCC;
	margin:1px 0;
}
.pro_staff .s-bar .scroll-pane1, .pro_staff .s-bar .scroll-pane2, .pro_staff .s-bar .scroll-pane3{
	background: #FFFFFF;
	font-size:11px;
	line-height:16px;
}

.pro_staff #pane1, .pro_staff #pane2, .pro_staff #pane3{
	height:162px;
}

.pro_staff #pane1 p, .pro_staff #pane3 p, .pro_staff #pane2 p{
	margin-bottom:5px;
}

.pro_staff .s-bar{
	margin-top:0px;
}

.foot_staff{
	margin:16px 26px 0 0;
	font-size:13px;
	float:right;
	color:#666666;
}

.staff_arrow{
	margin-left:35px;
	float:left;
	margin-top:12em;
}

/* Page: abous us*/
#content .pro_about{
	margin: 34px 0 0 45px;
}

.pro_about p{
	font-size:12px;
	color:#333333;
	line-height:18px;
	margin-bottom:10px;
}

table.contact{
	margin:15px 0 0 0;
}

table.contact td{
	padding:7px;
}

.foot_contact{
	margin:7px 26px 0 0;
	font-size:13px;
	float:right;
	color:#666666;
}

/* Page: Overview */
#content .pro_overview{
	margin: 34px 0 0 45px;
	width:500px;
}

#content .pro_overview p{
	margin-bottom:14px;
	color:#333333;
	font-size:12px;
	line-height:20px;
}

.foot_ex{
	top:31.2em;
	right:2em;
	font-size:13px;
	color:#666666;
	position:absolute;
	text-align:right;
}

.foot_production{
	margin:4em 26px 0 0;
	font-size:13px;
	float:right;
	color:#666666;
}

.foot_gallery{
	margin:4em 26px 0 0;
	font-size:13px;
	float:right;
	color:#666666;
}

#content .pro_gallery{
	margin: 17px 0 0 45px;
}

u, em{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.gallery_images{
	width:386px;
	height:291px;
	overflow:hidden;
}

/* Menus */

.menuholder li { text-align:left; margin-bottom:1px;}
.menuholder a {background: url(../images/main/menu.gif); display:block; text-indent:-9000%; height:16px;}

.menu_hom a { width:49px;}
.menu_pro a { width:88px; background-position:-49px 0px;}
.menu_abo a { width:71px; background-position:-137px 0px;}
.menu_new a { width:46px;  background-position:-208px 0px;}
.menu_gal a { width:54px;  background-position:-254px 0px;}
.menu_lin a { width:42px;  background-position:-308px 0px;}

.menu_hom a:hover { background-position:-0px -16px;}
.menu_pro a:hover { background-position:-49px -16px}
.menu_abo a:hover { background-position:-137px -16px}
.menu_new a:hover { background-position:-208px -16px}
.menu_gal a:hover { background-position:-254px -16px}
.menu_lin a:hover { background-position:-308px -16px}

.menu_hom a.active { background-position:-0px -32px}
.menu_pro a.active { background-position:-49px -32px}
.menu_abo a.active { background-position:-137px -32px}
.menu_new a.active { background-position:-208px -32px}
.menu_gal a.active { background-position:-254px -32px}
.menu_lin a.active { background-position:-308px -32px}

/* Menu bottom */
.menuholder_bottom li { text-align:left; margin-bottom:1px;}
.menuholder_bottom a {background: url(../images/main/menu_bottom.gif); display:block; text-indent:-9000%; height:13px;}

.menu_sto a { width:37px;}
.menu_con a { width:73px; background-position:-37px 0px;}

.menu_sto a:hover { background-position:-0px -13px;}
.menu_con a:hover { background-position:-37px -13px}

.menu_sto a.active { background-position:-0px -26px}
.menu_con a.active { background-position:-37px -26px}

/* Sub Menu */
.menuholder_sub li { text-align:left; margin-bottom:1px; float:left; }
.menuholder_sub a {background: url(../images/main/menu_sub.gif); display:block; text-indent:-9000%; height:16px;}

.menu_ove a { width:71px;}
.menu_sta a { width:50px; background-position:-71px 0px;}
.menu_cus a { width:85px; background-position:-121px 0px;}

.menu_ove a:hover { background-position:-0px -16px;}
.menu_sta a:hover { background-position:-71px -16px}
.menu_cus a:hover { background-position:-121px -16px}

.menu_ove a.active { background-position:-0px -32px}
.menu_sta a.active { background-position:-71px -32px}
.menu_cus a.active { background-position:-121px -32px}