@charset "UTF-8";
/* CSS Document */
html, body{margin:0px; padding:0px;font-family: Minion, Minion Pro, Palatino, Garamond, Times New Roman, Times, serif; width:100%; height:100%; z-index:0; color:#fff;background:#222;font-size:14px;}
img {border:none;}
li, ul, p, h4, h3, h1, h5		{padding:0; margin:0; list-style:none;}
a:link,
a:visited   {color:#fff; /*font-style:normal;*/ text-decoration:none;}
a:hover	    { text-decoration:underline;colr:#f00;}
.l		{position:relative; float:left; display:inline;}
.r		{position:relative; float:right; display:inline;}

.works, .video {position:fixed; width:100%; height:100%; left:0px; top:0px; }
#flv {background:#222;margin:0px auto;  }

h1		{font-size:24px;line-height:32px;margin:4px 0;font-weight:normal;}
h2		{font-size:21px;line-height:28px;margin:4px 0;font-weight:normal;}
h3		{font-size:18px;line-height:23px;margin:4px 0;font-weight:normal;}
h4		{font-size:14px;line-height:18px;margin:4px 0;font-weight:normal;}
h5		{font-size:12px;line-height:13px;margin:0;}
/************** navigation top **********/

.nav {position:fixed; left:0px; top:0px;  width:100%; z-index:18;filter:alpha(opacity=80);-moz-opacity:0.80;opacity: 0.80;overflow:visible;}
.nav h1{margin:10px 0 0 20px;font-size:32px; font-weight:normal;}
.nav .r {width:120px;font-weight:normal; font-style:italic; }
.nav .r h3{font-weight:normal; cursor:pointer;}
.nav .r ul{font-size:16px;line-height:18px;display:none;padding:0; margin:0; list-style:none;}
.nav .r li{width:120px;}
.nav .r input{width:112px; height:13px; padding:1px; color:#222; font-size:11px; display:none;}
.nav .r #search_but, .nav .r #ajax_but{display:none;}

#qry	{border:1px solid #ccc;font-size:12px;color:#fff;padding:2px;background-color:#222;margin:7px 0;font-family: Minion, Minion Pro, Palatino, Garamond, Times New Roman, Times, serif;}
#qry:focus	{border:1px solid #fff;}

/************** timeline **********/
#tm {position:fixed; bottom:0px; height:130px; left:20px; right:20px; z-index:20;overflow:hidden;/*background: url(../gfx/tm_bg.png) repeat-x 0 48px*/;}
#tm .bar {width:100%;}

#tm .bar .snav {margin-top:5px;}
#tm .bar .snav h3{ font-weight:normal; font-style:italic; font-size:18px; margin-left:40px;}

#tm h1  { font-weight:normal; font-size:21px;}
#tm .l_but {position:absolute; left:0px; top:78px;}
#tm .r_but {position:absolute; right:0px; top:78px;}
#tm .strip {margin-top:10px;width:100%; height:80px; overflow:hidden;}

#tm .strip .sd{width:100%; height:21px;background: url(/gfx/sd.gif); cursor:pointer; margin-top:55px;}
#tm .strip .sd_but{width:9px; height:9px; background: #000; border:#fff 1px solid; margin-top:5px; cursor:pointer; overflow:hidden;}

#tm .strip .tit{position:absolute;top:48px;left:5px; font-size:12px; font-style:italic; }
#tm  .ph { position:absolute;left:0px; top:0px; width:60px; height:45px; overflow:hidden;cursor:pointer;}
#tm .ph a:link, #tm .imgs .ph a:visited {position:absolute;width:100%; height:100%; left:0px; top:0px; background: #000; opacity:0.6}
#tm .ph a:hover {border:#000 1px solid; left:-1px; top:-1px; background:none; opacity:1;} 
#tm .ph .act  {position:absolute;width:58px; height:43px; border:#fff 1px solid; left:0px; top:0px; background:none;}
#tm .ph .cap { width:100%; top:3px; left:3px;font-size:12px; height:18px;font-style:italic;}
#play_pause	{margin-left:20px;margin-top:8px; cursor:pointer;}

#tm .bar	{filter:alpha(opacity=70);-moz-opacity:0.70;opacity: 0.70;}
/************** sheets(lightbox overlay) **********/

#sheets {position:absolute; top:0px; left:0px; height:5px; width:100%;z-index:19; display:none;}
.ul{text-decoration:underline;}
#sheets .pg {width:640px; margin:30px auto; color:#fff;font-size:14px;height:100%; position:relative;}
#sheets .pg .el{ width:100%; 
}

#sheets .pg .layer{left:0px; top:30px;position:absolute; width:100%; display:none;font-size:18px;line-height:21px;filter:alpha(opacity=90);-moz-opacity:0.90;opacity: 0.90;}
.layer a:link, .layer a:visited{background:#f000;border-bottom:2px;}
#sheets .pg .sw {position:absolute; right:20px; top:30px; z-index:100;}
.c1{display:block;clear:both;width:620px;margin:10px 0;}
.c2{float:left;width:310px;padding:0 3px;}
.c3{float:left;width:200px;padding:0 6px;}

#sheets .pg .index p{ width:540px;}
#sheets .pg .index .cre{ width:400px;margin:20px 10px 0 0;}
#sheets .pg .index .link_c{display:block;clear:both;margin:10px 0;}
#sheets .pg .index .link_c h4{font-weight:normal; font-style:italic;}
 .link_c a:link, .link_c a:visited{clear:both;}

#sheets .pg #cl_pg {position:absolute; top:0px; right:0px; width:40px; height:16px; }
#sheets .pg #cl_pg a {width:100%; height:100%; display:block;font-size:16px;/*background:url(/gfx/cl.png);*/}
#sheets sup {font-size:18px;line-height:18px;}
#sheets a:link, #sheets a:visited{border-bottom:1px dotted;}
#sheets a:hover{text-decoration:none;border-bottom:1px solid;}
.pro_tit{font-size:36px;margin-bottom:24px;}
.pdf{margin:12px 4px;}

/************** slideshow **********/

#ss{width:100%; height:100%; overflow:hidden;left:0px; top:0px;}
#ss .ini,
#ss .slide	{position:absolute; height:100%; width:100%; left:0px; top:0px; text-align:center; background:#222;}
#ss .ini img,
#ss .slide img  {padding:0; margin:0;}

#load { background:#333; display:none; height:100%; opacity:0.75; position:absolute; width:100%;}
#load img {left:50%; margin-left:-16px;margin-top:-16px;position:absolute;top:50%;}
#s0		{z-index:10;}
#s1		{z-index:9;}
#s2		{z-index:15; cursor:pointer;}

/************** search **********/
.list_row		{display:block;float:none;height:120px;}
.fh			{height:120px;margin-bottom:7px;_height:120px;}
.qry_result		{margin:7px 0;display:block;float:none;color: #333;height:80px;}
.qry_img		{float:left;margin-right:7px;height:60px;width:80px;overflow:hidden}
.qry_txt		{float:left;width:500px;height:60px;color:#333;}
.qry_result a:link 		{color: #333;  }
.qry_result a:visited 		{color: #666; }
.qry_result a:hover 		{color: #000; }
.qry_result a img 		{border:1px solid}