html,body{width:100%;height:100%;overflow:hidden;border:0;margin:0;padding:0;font:12px/17px "Helvetica","Arial",sans-serif}

/*For making the background size*/
.scaler{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:#111;display:table}
.scaler div{position:absolute;left:0;top:50%;width:100%;zoom:1}
.scaler > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
.scaler img{margin:0 auto;display:block;min-height:50%;min-width:50%;-ms-interpolation-mode:bicubic}
*:first-child+html .scaler img{position:relative;top:-50%} /*Fix IE7*/
*:first-child+html .scaler div{position:absolute;top:50%;height:auto} /*Fix IE7*/
* html .scaler img{height:50%;position:relative;top:-50%} /*Fix IE6*/


/*Footer navigation
.scaler-nav{position:absolute;bottom:75px;right:30px;overflow:hidden;text-align:center;z-index:10;list-style:none}
.scaler-nav li{float:left;width:21px;margin-left:1px;line-height:21px;font-size:11px;list-style:none}
.scaler-nav a{height:21px;display:block;background:#000;text-decoration:none;color:#fff;outline:none}
.scaler-nav a:hover,.scaler-nav a:focus,.scaler-nav a.cur{background:#fff;color:#333}
*/

/*Floating next/previous button navigation*/
.scaler-float{position:absolute;top:-99px;left:-99px;z-index:9;width:40px;height:20px;background:url(scaler-float.gif) 0 0;display:block;outline:none}
.scaler-next{background-position:-40px 0} /*both {options:css}-next and {options:css}-prev is class names the script uses*/

@import url('yui-reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gif);color:#000}
h1,h2,.large,.left{font-family:Georgia, Helvetica, Sans-Serif;font-size:18px;font-weight:normal;line-height:24px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#fff;outline:0}
img{display:block}

.manifest1{position:absolute;top:30px;left:280px;z-index:80;width:430px; font-family: Georgia, Helvetica, Sans-Serif;font-size: 14px;color: #000;line-height: 19px;vertical-align: top;}
.manifest2{position:absolute;top:30px;left:760px;z-index:80;width:430px; font-family: Georgia, Helvetica, Sans-Serif;font-size: 14px;color: #000;line-height: 19px;vertical-align: top;}
.manifest1 a{text-decoration:none;color:#000}
.manifest1 a:hover{text-decoration:underline;color:#000}


.contact1{position:absolute;top:30px;left:280px;z-index:80;width:430px; font-family: Georgia, Helvetica, Sans-Serif;font-size: 14px;color: #000;line-height: 19px;vertical-align: top;}
.contact2{position:absolute;top:30px;left:480px;z-index:80;width:430px; font-family: Georgia, Helvetica, Sans-Serif;font-size: 14px;color: #000;line-height: 19px;vertical-align: top;}
.contact3{position:absolute;top:30px;left:790px;z-index:80;width:430px; font-family: Georgia, Helvetica, Sans-Serif;font-size: 14px;color: #000;line-height: 19px;vertical-align: top;}
.contact1 a{text-decoration:underline;color:#000}
.contact2 a{text-decoration:underline;color:#000}
.contact3 a{text-decoration:underline;color:#000}

.studio1{position:absolute;top:50px;right:100px;z-index:80;width:430px; font-family: Georgia, Helvetica, Sans-Serif;font-size: 14px;color: #000;line-height: 19px;vertical-align: top;}
.studio1 a{text-decoration:underline;color:#000}
.studio1 a:hover{text-decoration:none;color:#000}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#logo{position:absolute;top:30px;left:30px;z-index:80}
#menu{position:absolute;bottom:20px;left:0;z-index:80;width:100%;line-height:12px}
#menu div{height:15px;background:#000;padding:5px 0 0 30px}
.byline {position:absolute;bottom:23px;right:30px;z-index:85;line-height:12px;color:#ccc}


/*h1 {position:relative;left:-141px;margin-bottom:-77px;width:140px;opacity:0.50}
h1 a{padding:1px 100px 0px 0;color:#fff;background:#000;  0 -30px repeat-x;font-size:11px;text-align:right;display:block}
h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x}*/
ul{float:left;width:110px}
li a{height:12px;padding:0 5px;font-weight:bold;color:#999;display:block}
li a:hover,li.cur a{color:#fff}

.box{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	background:#000;
	opacity:0.9;
	filter:alpha(opacity=80);
	padding:50px 50px 50px 50px;
	top:15%;
	bottom:32%;
	right:200px;
	width:800px;
	padding-bottom:100px;
	height: 451px;
}
.box div{line-height:1.5em;background:#fff;padding:20px 30px}
.box div a{text-decoration:underline}
.large{
	text-align:right;
	top:12%;
	right:120px;
	font-size:13px
}
.left{
	text-align:left;
	right:auto;
	left:25%;
	font-size:13px;
	color: #FFF;
}
.large h2{
	font-size:25px
}
.white{color:#fff}
#beijing{top:15%}

h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
dd{height:0px;overflow:hidden;width:440px}

#photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}