/* ::::: http://ringvemedia.com/g/yui-reset.css ::::: */

html { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style-type: none; list-style-image: none; list-style-position: outside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: rgb(0, 0, 0); }

/* ::::: http://ringvemedia.com/g/a.css ::::: */

* { border: 0px solid rgb(238, 238, 238); margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
html, body, #bg, #bg table, #bg td, #cont { overflow: hidden; width: 100%; height: 100%; }
body { background: transparent url('loading.gif') repeat scroll 0% 0%; font-family: Arial,Helvetica,sans-serif; font-size: 10px; cursor: default; color: rgb(0, 0, 0); }
h1, h2, .large, .left { font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 40px; }
h2, .box div img { padding-bottom: 10px; }
a { text-decoration: none; color: rgb(0, 0, 0); outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
img { display: block; }
#bg div { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td { vertical-align: middle; text-align: center; }
#bg img { margin: 0pt auto; min-height: 50%; min-width: 50%; }
#cont { overflow: auto; position: absolute; top: 0pt; left: 0pt; z-index: 70; }
#menu { position: absolute; bottom: 20px; left: 141px; z-index: 80; width: 100%; line-height: 12px; }
#menu div { padding: 7px 0pt 0pt 7px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; height: 56px; opacity: 0.6; }
h1 { position: relative; left: -141px; margin-bottom: -63px; width: 140px; opacity: 0.99; }
h1 a { padding: 41px 10px 10px 0pt; background: rgb(0, 0, 0) url('go.gif') repeat-x scroll 0pt -30px; color: rgb(255, 255, 255); font-size: 11px; text-align: right; display: block; }
h1 a:hover { background: rgb(0, 0, 0) url('go.gif') repeat-x scroll 0pt 43px; }
ul { float: left; width: 110px; }
li a { padding: 0pt 5px; height: 12px; font-weight: bold; color: rgb(153, 153, 153); display: block; }
li a:hover, li.cur a { color: rgb(255, 255, 255); }
.box { position: absolute; top: 15%; right: 200px; width: 500px; padding-bottom: 100px; }
.box div { padding: 20px 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; line-height: 1.5em; }
.box div a { text-decoration: underline; }
.large { text-align: right; top: 20%; right: 120px; font-size: 13px; }
.left { text-align: left; right: auto; left: 180px; font-size: 13px; }
.large h2 { font-size: 60px; }
.white { color: rgb(255, 255, 255); }
#beijing { top: 15%; }
h3 { margin: 0pt -30px 20px; padding: 30px 30px 10px; position: relative; border-bottom-width: 1px; text-transform: uppercase; line-height: 20px; font-weight: bold; }
h3 span { padding: 0pt 5px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: absolute; right: 510px; top: 29px; text-align: center; white-space: nowrap; display: block; color: rgb(255, 255, 255); font-weight: normal; }
dl { margin: 10px 0pt; }
dt, dd p { padding: 15px 0pt 25px; display: block; border-top-width: 1px; width: 440px; }
dt { padding: 0pt 5px; text-transform: uppercase; cursor: pointer; line-height: 20px; height: 20px; font-weight: bold; width: 430px; }
dd { overflow: hidden; height: 0px; width: 440px; }
#photos { overflow: hidden; position: absolute; z-index: 90; bottom: 41px; right: 40px; height: 20px; }
#photos a, #float { background: rgb(0, 0, 0) url('gal.gif') no-repeat scroll -6px 5px; z-index: 90; height: 20px; line-height: 20px; text-align: center; width: 40px; cursor: pointer; color: rgb(255, 255, 255); }
#photos a { background: rgb(0, 0, 0) none repeat scroll 0% 0%; overflow: hidden; width: 20px; float: left; margin-left: 1px; font-weight: bold; }
#photos a:hover, #photos a.cur { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
#float { display: none; position: absolute; }
#float.nxt, #float.prv { display: block; }
#float.nxt { background-position: -16px 5px; }
#float.prv { background-position: 7px 5px; }