html{
margin:0;
padding:0;

}


body{
margin:0;
padding:0;
width:100%;
height:100%;
background:none;
}
 


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

a {
	color:#0CF;

}
a:link {
	
	color:#0CF;

}
a:visited {
}
a:hover {
	color:#0CF;
	text-decoration:none;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
 outline:none;
 }


#overWhite{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:200;
	overflow:hidden;
	background-color:#FFF;
}

 
#page{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:20;
	overflow:hidden;
	min-width:1200px;
	min-height:710px;
}


#thecontainer{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:9999;
	overflow:hidden;
	min-width:1200px;
	min-height:710px;
	

}

#top{
	position:absolute;
	display:block;
	
	top:20px;
	left:20px;
 
	 z-index:9999;
}




#innerContents{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:400;
	overflow:hidden;
	min-width:1200px;
	min-height:710px;
 
	

}





#menu{ display:block; position:relative; width:800px; padding-top:8px; height:30px; }
#menu ul{ list-style:none; padding:0px; margin:0px;  float:left; width:auto}
#menu li{ list-style:none;float:left; display:inline-block; width:auto; padding-right:28px; }
.mainLinks{}
.mainLinks a{ 
	 display:block;
	 width:auto; 
	 height:20px; 
	 line-height:15px;
	 text-align:left;
     font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:18px;
	 color:#cbcccc;
	 text-decoration:none;
 
	 }
	 
.mainLinks a:hover{ color:#FFF; }



.mainLinksSel{}
.mainLinksSel a{ 
	 display:block;
	 width:auto; 
	 height:20px; 
	 line-height:15px;
	 text-align:left;
     font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:18px;
	 color:#FFF;
	 text-decoration:none;
 
	 }
	 
.mainLinksSel a:hover{ color:#FFF; }





#footer{ display:block; position:absolute; width:400px; height:20px; bottom:20px; left:25px; z-index:500;  }
#footer ul{ list-style:none; padding:0px; margin:0px;  float:left; width:auto}
#footer li{ list-style:none;float:left; display:inline-block; width:auto; padding-right:8px; }


.team{
	display:block; position:absolute; bottom:0px; left:200px; z-index:500;
}


.contactText{	 
     line-height:25px;
	 text-align:left;
     font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:14px;
	 color:#FFF;
	}
	
	
.contactText a{ 
	
	 line-height:20px;
	 text-align:left;
     font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:14px;
	 color:#cbcccc;
	 text-decoration:none;
 
	 }
	 
.contactText a:hover{ color:#FFF; }




.homeText{	 
     display:block;
	 width:355px;
	 height:auto;
     line-height:17px;
	 text-align:left;
     font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:16px;
	 color:#FFF;
	}
	
	
.homeText a{ 
	
	 line-height:17px;
	 text-align:left;
     font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:16px;
	 color:#cbcccc;
	 text-decoration:none;
 
	 }
	 
.homeText a:hover{ color:#FFF; }


.sc_bg{position:absolute; width: 485px; height:530px; background:#264072; opacity:0.4; filter:alpha(opacity=40);}
#scrollbar1 { width: 485px; height:530px; margin-left:5px;}

#scrollbar1 .viewport {  overflow: hidden; position: relative; width:475px; height:530px;}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; height:auto; width:465px;overflow: hidden; font-family: 'Coda', cursive; font-size:14px; color:#FFF; margin-left:5px; margin-top:5px;}
#scrollbar1 .scrollbar{ background-color:#cbcbcb;   position: absolute; background-position: 0 0; margin-left:481px; width: 4px; height:100%; }
#scrollbar1 .track { height: 100%; width:4px; position: relative; padding: 0px; }
#scrollbar1 .thumb { background-color:#0090d4; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; z-index:500;}
#scrollbar1 .thumb .end { background-color:#0090d4; overflow: hidden; height: 5px; width: 4px; }
#scrollbar1 .disable { display: none; }

#scrollbar2 { width: 100%; height:500px;}
#scrollbar2 .viewport {  overflow: hidden; position: relative; width:100%; height:500px;}
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; height:500px; width:auto; overflow: hidden; font-family: 'Coda', cursive; font-size:14px; color:#FFF;}
#scrollbar2 .scrollbar{ background:#cbcbcb;   position: absolute; margin-left:0px; height: 4px; width:415px; z-index:200;}
#scrollbar2 .abc{ background:#cbcbcb;   position: absolute; margin-left:0px; height: 4px; width:415px; z-index:200;}
#scrollbar2 .track { height: 4px; width:100%; position: relative; padding: 0px; }
#scrollbar2 .thumb { background-color:#0090d4; height: 4px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; z-index:500;}
#scrollbar2 .thumb .end { background-color:#0090d4; overflow: hidden; height: 4px; width: 5px; }
#scrollbar2 .disable { display: none; }

.services_content{	 
font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:14px;
	 color:#FFF;
     display:block;
	 width:490px;
	 height:auto;
	}
	
.service_title{
	font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:16px;
	 color:#FFF;
	 padding-bottom:2px;
}


.service_txt{
	font-family: 'Coda', cursive;
	 font-size:13px;
	 color:#FFF;
	 padding-bottom:15px;
}


.work_content{	 
     display:block;
	 width:100%;
	 height:auto;
	}
	
.director{
	font-family: 'Coda', cursive;
	 font-size:16px;
	 color:#FFF;
}


.descr{
	font-family: 'Coda', cursive;
	 font-size:16px;
	 color:#FFF;
	 padding-top:5px;
	 width:218px;
	 height:122px;
}

.sign_in{
	width:200px;
	height:20px;
}

#client_content{
font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:14px;
	 color:#FFF;
     display:block;
 
}

.log{
	color:#FFF;
}

.log:hover{
	color:#0CF;
}

.cl_log{
	
	width:205px;
}

.sep{
	height:10px;
}

.sc_bg1{position:absolute; width: 200px; height:550px; background:#264072; opacity:0.4; filter:alpha(opacity=40);}
#scrollbar11 { width: 200px; height:550px; margin-left:5px;}

#scrollbar11 .viewport {  overflow: hidden; position: relative; width:190px; height:550px;}
#scrollbar11 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; height:auto; width:180px;overflow: hidden; font-family: 'Coda', cursive; font-size:14px; color:#FFF; margin-left:5px; margin-top:5px;}
#scrollbar11 .scrollbar{ background-color:#cbcbcb;   position: absolute; background-position: 0 0; margin-left:196px; width: 4px; height:100%; }
#scrollbar11 .track { height: 100%; width:4px; position: relative; padding: 0px; }
#scrollbar11 .thumb { background-color:#0090d4; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; z-index:500;}
#scrollbar11 .thumb .end { background-color:#0090d4; overflow: hidden; height: 5px; width: 4px; }
#scrollbar11 .disable { display: none; }


#scrollbar22 { width: 100%; height:550px; margin-left:5px;}

#scrollbar22 .viewport {  overflow: hidden; position: relative; width:100%; height:550px;}
#scrollbar22 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; height:auto; width:100%;overflow: hidden; font-family: 'Coda', cursive; font-size:14px; color:#FFF; margin-left:0px; margin-top:0px;}
#scrollbar22 .scrollbar{ background-color:#cbcbcb;   position: absolute; background-position: 0 0; right:15px; width: 4px; height:100%; }
#scrollbar22 .track { height: 100%; width:4px; position: relative; padding: 0px; }
#scrollbar22 .thumb { background-color:#0090d4; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; z-index:500;}
#scrollbar22 .thumb .end { background-color:#0090d4; overflow: hidden; height: 5px; width: 4px; }
#scrollbar22 .disable { display: none; }



.videos{
	width:90%; padding:0px; margin:0px; padding-left:30px;
}


.videos li{
	display:inline-block; width:218px; list-style-type:none; float:left; padding:5px; cursor:pointer;
}

* html .videos li { display:inline; }  /* for IE 6 */
* + html .videos li { display:inline; }  /* for IE 7 */

.each_vid{
	width:218px;
	height:122px;
	overflow:hidden;
	border:#FFF 1px solid;
}

.desc{
	position:absolute;
	display:none;
	height:122px;
	width:218px;
	background-image:url(../static/icon_play.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0px;
	margin:0px;
	z-index:10;
}



.desc_text{
	height:auto;
	width:208px;
	background:#FFF;
	color:#000;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
}

.dir_name{
	font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:16px;
	 color:#cbcccc;
	 padding-bottom:2px;
}

.dir_name a{
	font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:16px;
	 color:#cbcccc;
	 padding-bottom:2px;
	 text-decoration:none;
}

.dir_name a:hover{
	 color:#FFF;
}

.play{
	width:100%;
	height:100%;
	background-image:url(../static/icon_play.png);
	background-repeat:no-repeat;
	background-position:center;
}




.videosth{
	width:100%; position:relative; padding:0px; margin:0px; padding-top:10px;
}



/*.videosth li{
	display:inline-block; width:110px; list-style-type:none; float:left; padding:3px; cursor:pointer;
}

* html .videosth li { display:inline; }   for IE 6 */
 /** + html .videosth li { display:inline; }  for IE 7 */

.each_vid_th{
	width:110px;
	height:60px;
	overflow:hidden;
	border:#FFF 1px solid;
	cursor:pointer;
	
}

.desc_th{
	position:absolute;
	display:none;
	height:60px;
	width:110px;
	background-image:url(../static/icon_play1.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0px;
	margin:0px;
	margin-top:1px;
	z-index:10;
}

.desc_text_th{
	height:auto;
	width:100px;
	background:#FFF;
	color:#000;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
}



.play_th{
	width:100%;
	height:100%;
	background-image:url(../static/icon_play1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#right-content {position: absolute; width: 750px;}



#scrollbar33 { width: 800px; height:100px; margin-left:5px;}

#scrollbar33 .viewport {  overflow: hidden; position: relative; width:790px; height:100px;}
#scrollbar33 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; height:auto; width:780px;overflow: hidden; font-family: 'Coda', cursive; font-size:14px; color:#FFF; margin-left:0px; margin-top:0px;}
#scrollbar33 .scrollbar{ background-color:#cbcbcb;   position: absolute; background-position: 0 0; margin-left:796px; width: 4px; height:100%; }
#scrollbar33 .track { height: 100%; width:4px; position: relative; padding: 0px; }
#scrollbar33 .thumb { background-color:#0090d4; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; z-index:500;}
#scrollbar33 .thumb .end { background-color:#0090d4; overflow: hidden; height: 5px; width: 4px; }
#scrollbar33 .disable { display: none; }

#scrollbar23 { width: 570px; height:73px;}
#scrollbar23 .viewport {  overflow: hidden; position: relative; width:570px; height:73px;}
#scrollbar23 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; height:73px; width:auto; overflow: hidden; font-family: 'Coda', cursive; font-size:14px; color:#FFF;}
#scrollbar23 .scrollbar{ background:#cbcbcb;   position: absolute; margin-left:0px; height: 4px; width:570px; z-index:200;}
#scrollbar23 .abc1{ background:#cbcbcb;   position: absolute; margin-left:0px; height: 4px; width:570px; z-index:200;}
#scrollbar23 .track { height: 4px; width:100%; position: relative; padding: 0px; }
#scrollbar23 .thumb { background-color:#0090d4; height: 4px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; z-index:500;}
#scrollbar23 .thumb .end { background-color:#0090d4; overflow: hidden; height: 4px; width: 5px; }
#scrollbar23 .disable { display: none; }

.vdir_name{
	font-family: 'Coda', cursive; color:#FFF;
	font-size:18px;
	text-align:right;
}

.ddir_name{
	font-family: 'Coda', cursive; color:#FFF;
	font-size:22px;
	width:260px;
	text-align:right;
}

.ddir_text{
	font-family: 'Coda', cursive; font-size:12px; color:#FFF;
	padding-top:10px;
	width:260px;
	text-align:justify;
}

.vtitle{
	font-family: 'Coda', cursive; font-size:14px;
	color:#cbcccc;
	text-align:right;
	padding-top:10px;
}



.sc_bg11{position:absolute; width: 290px; height:550px; background:#264072; opacity:0.4; filter:alpha(opacity=40);}
#scrollbar111 { width: 290px; height:550px; margin-left:5px;}

#scrollbar111 .viewport {  overflow: hidden; position: relative; width:280px; height:550px;}
#scrollbar111 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; height:auto; width:260px;overflow: hidden; font-family: 'Coda', cursive; font-size:14px; color:#FFF; margin-left:5px; margin-top:5px;}
#scrollbar111 .scrollbar{ background-color:#cbcbcb;   position: absolute; background-position: 0 0; margin-left:286px; width: 4px; height:100%; }
#scrollbar111 .track { height: 100%; width:4px; position: relative; padding: 0px; }
#scrollbar111 .thumb { background-color:#0090d4; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; z-index:500;}
#scrollbar111 .thumb .end { background-color:#0090d4; overflow: hidden; height: 5px; width: 4px; }
#scrollbar111 .disable { display: none; }




.team_content{	 
font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:14px;
	 color:#FFF;
     display:block;
	 width:100%;
	 height:100%;
	 min-height:594px;
	 min-width:730px;
	}
	
.team_content1{	 
font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:14px;
	 color:#FFF;
     display:block;
	 position:absolute;
	 top:0px;
	 width:100%;
	 height:100%;
	}
	
	
.team_contentC{	 
	 position:absolute;
     display:block;
	 width:100%;
	 height:100%;
	 background-image:url(../static/team11.png); background-position:0px 60px;
	 background-size:contain; background-repeat:no-repeat; 
	 max-height:910px;
	 max-width:836px;
	 min-height:550px;
	 min-width:597px;
	}
	

	
.team_content2{	 
font-family: 'Coda', cursive;
	 font-weight:400;
	 font-size:14px;
	 color:#FFF;
     display:block;
	 position:absolute;
	 top:0px;
	 width:100%;
	 height:100%;
	 background-image:url(../static/team22.png);
	 background-size:contain; background-repeat:no-repeat; background-position:right top;
	 min-height:594px;
	 min-width:730px;
	}
	
.team_img2{
	position:absolute; right:3%; top:0%; display:block;
}

.team_img1{
	position:absolute; left:1%; bottom:-4%; display:block;
}


.dir_intro{
	font-family: 'Coda', cursive; color:#FFF;
	font-size:16px;
	width:580px;
	text-align:left;
}