@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:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
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{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}

#menu_slide{top: 0; position:absolute;width:100%;line-height:12px;
	height: 20px;
	z-index: 110;
	background-color: transparent;
}

#menu{top: 10px; position:absolute;left:141px;z-index:80;width:100%;line-height:12px}
                                                                                               

#menu_didasc{bottom: 10px; position:absolute;left:0px;z-index:80;width:100%;line-height:12px}
#menu_didasc div{height:26px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}
#menu div{height:75px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}

h1{position:relative;left:-141px;margin-bottom:-82px;width:140px;opacity:0.99}
h1 a{padding:60px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block}

#footer
{
	width: 100%;
	height: 15px;
	background:#000;opacity:0.6;filter:alpha(opacity=60);padding: 7px 0 0 45px;
	position: fixed;
	bottom: 0;
	display: block;
	color: white;
	font-size: 10px;
	left: 0;
	margin: 0;
	z-index: 999;
}
h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x}
ul{float:left;width:140px}

.galleries{float:left;width:250px}
li a{height:12px;padding:0 5px;font-weight: bold;color:#999;display:block;
	text-transform: uppercase;
}
li a:hover,li.cur a{color:#fff}

.box{position:absolute;top:15%;right:200px;width:377px;padding-bottom:100px}

.navigation_gal {
	right: 50px;
	position: absolute;
	height: 20px;
	top: 35px;
	z-index: 100;
	text-align: right;
}

.navigation_gal a {
	z-index: 100;
	font-size: 12px;
	color: white;
	background-color: black;
	width: 20px;
	height: 20px;
	float: left;
	line-height: 20px;
	margin-right: 2px;
	text-align: center;
}

.navigation_gal a:hover {
	color: black;
	background-color: white;
	cursor: pointer;
}
.box div{line-height:1.5em;background:#fff;padding:20px 30px}
.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:#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}

#blog {
	width: 457px;
	height: 50px;
	position: absolute;
	top: 207px;
	right: 15%;
	color: white;
	z-index: 99;
}

.blog_title {
	background:#000;
	font: bold 13px/22px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: white;
	vertical-align: middle;
	padding-left: 5px;
	text-indent: 5px;
}

.blog_date {
	width: 65px;
	background:#000;
	font: normal 11px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: white;
	text-align: center;
	text-transform: uppercase;
}
.blog_post{
	background:#000;
	font: 11px/17px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: white;
	text-align: justify;
	padding: 10px 10px 20px 20px;
}

.blog_post img {
	opacity:1;
	filter:alpha(opacity=100);
	z-index: 150;
	max-width: 370px;

}

.blog_post a {
	color: white;
	text-decoration: underline;
}

.blog_old{
	background:#000;
	font: 11px/17px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: white;
	text-align: justify;
	height: 65px;
	vertical-align: bottom;
	padding: 10px 10px 5px 5px;
}

.blog_old a{
	font: 11px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	text-align: justify;
}

#photo_gal {
	width: 640px;
	height: 427px;
	position: absolute;
	top: 207px;
	left: 15%;
	right: 15%;
	color: white;
	z-index: 120;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	margin-right: auto;
	margin-left: auto;
}

#photo_gal_prev {
	width: 50%;
	height: 100%;
	color: white;
	z-index: 126;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	float: left;
}

#didascalia_foto {
	z-index: 999;
	font-size: 12px;
	color: #8e8e8e;
	position: relative;
	bottom: 0;
	width: 100%;
	height: 25px;
	text-align: center;
}

#photo_gal_next {
	width: 50%;
	height: 100%;
	color: white;
	z-index: 126;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	float: right;
}

#photo_gal_prev a {
	height: 100%;
	width: 100%;
	display: block;
	visibility: visible;
}

#photo_gal_prev a:hover {
	background: url(prev.png) no-repeat 10% center;
}

#photo_gal_next a {
	height: 100%;
	width: 100%;
	display: block;
	visibility: visible;
}

#photo_gal_next a:hover {
	background: url(next.png) no-repeat 90% center;
}


#photo_gal_bg {
	background:#000;
	opacity:0.9;
	filter:alpha(opacity=90);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}