@charset "utf-8";
/* reset */
html, body {height: 100%;}
body {margin:0px;}
img {border:0px;}
p, h1, h2, h3, h4, blockquote, form, label {display:block; margin:0px; padding:0px;}

/* common */
body {background:url(../images/bg1.gif) repeat-x #000000}
body, td {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:18px;}
.pdf{background:url(../images/icon_pdf.jpg) no-repeat right;padding-right:30px;padding-top:5px}

/* layout */
#container {width:924px; height:580px; position:relative; margin:0px auto; padding:19px 0px 0px 0px;}

#nav {
	width:924px; height:31px;
}
#nav ul{*padding-top:7px;padding-right:30px;float:right;}
#nav ul li{float:left;list-style:none;padding:0;margin:0;}
#nav ul li .split{padding-left:10px;padding-right:10px;}
#nav ul li.on a{color:#FFF800}
#nav ul li a{color:#FFF;text-decoration:none;}
#nav ul li a:hover{color:#FFF800}
#nav ul li ul.lv2{display:none;position:absolute;top:30px;left:540px;*left:500px;width:330px;border:1px solid #FFF;background:#000;float:none;padding:10px;text-align:right; /* for IE */  filter:alpha(opacity=80);  /* CSS3 standard */  opacity:0.8;}
#nav ul li ul.lv2 li{float:none; /* for IE */  filter:alpha(opacity=100);  /* CSS3 standard */  opacity:1;}


#content {width:924px; height:580px; background-image:url(../images/bg3.gif); background-repeat:no-repeat; background-color:#000000;}
body.index #content {background-position:537px 142px;}
body.gallery #content {background-position:77px 270px;}
body.event #content {background-position:387px -348px;}

#content div.inner {
	width:924px; height:580px; position:relative;
	background:url(../images/bg2.gif) no-repeat;
}
#footer {width:924px; height:60px; clear:both; position:relative;}

/* Index */
#index_content{padding:40px 45px 40px 45px;}


/* 101 Photos */
#photos_content{padding:40px 30px 40px 45px;}
#photoThumbs{float:left;width:520px;padding:0;margin:10px 0 10px 0;border-right:1px solid #FFF;border-bottom:1px solid #FFF}
#photoThumbs li{display:block;float:left;list-style:none;border-top:1px solid #FFF;border-left:1px solid #FFF;padding:0;margin:0;}
#photoThumbs li img{border:none;padding:0;margin:0;display:block;width:39px;height:39px}
#photoThumbs li.largeThumb img{width:79px;height:79px}
#large_photo{float:left;border:1px solid #FFF;border-left:none;margin:10px 0 10px 0}
#photos_information{clear:both}
#photos_information .line1{clear:both;text-align:left;width:520px}
#photos_information .line2{clear:both;font-family:"Times New Roman", Times, serif;font-style:italic;text-align:right;}
#upSlide_wrapper{position:absolute;top:545px;height:30px;width:520px;overflow:hidden;background-color:#000; /* for IE */  filter:alpha(opacity=80);  /* CSS3 standard */  opacity:0.8}
#upSlide{height:475px;padding:5px 15px;overflow:auto;border:1px solid #333333; /* for IE */  filter:alpha(opacity=100);  /* CSS3 standard */  opacity:1}
#upSlide_button{text-align:center; /* for IE */  filter:alpha(opacity=100);  /* CSS3 standard */  opacity:1}
#upSlide_button img{cursor:pointer;/* for IE */  filter:alpha(opacity=100);  /* CSS3 standard */  opacity:1}
#upSlide_text{/* for IE */  filter:alpha(opacity=100);  /* CSS3 standard */  opacity:1}
/* footer */
#footer a, #footer img {display:block; margin:0px; padding:0px;}
#footer_url_btn, #footer_site_t {position:absolute;}
#footer_url_btn {width:124px; height:26px; left:0px; top:4px;}
#footer_site_t {width:96px; height:48px; left:824px; top:4px;}
#photos_information div.line1 h2{font-size:16px;text-transform:uppercase;}
.index_nav{background-color:#000;}

/* section event */
body.event h1, body.event #download_btn, body.event #event_photoDesc, body.event #event_bar, body.event #event_bar .content, body.event #overlay, body.event #overlay_bg, body.event #photoPrev_btn, body.event #photoNext_btn {position:absolute;}
body.event h1 {width:500px; height:56px; left:41px; top:62px;}
body.event #download_btn {width:124px; height:33px; left:763px; top:106px;}
body.event #event_photoDesc {left:42px; top:140px;}
body.event #event_photoDesc p {padding:20px 16px 0px 16px; font-size:11px; line-height:16px;}
body.event #event_bar {left:42px; top:468px; width:845px; height:107px; overflow:hidden; background-color:#000000;}
body.event #event_bar .content {left:-20px; top:0px; width:2000px; height:107px;}
body.event #event_bar a {display:block; width:100px; height:67px; position:absolute; left:0px; top:19px; margin:0px; padding:0px; overflow:visible;}
body.event #event_bar img {display:block; left:0px; top:0px; position:relative;}

body.event #overlay {display:none; left:0px; top:0px; right:0px; bottom:0px; z-index:4}
body.event #overlay_bg {
	display:none; left:0px; top:0px; width:100%; height:100%; background-color:#000000; z-index:3;
	opacity:0.85;
}
body.event #photoPrev_btn {left:0px; top:0px; padding:180px 0px}
body.event #photoNext_btn {right:1px; top:0px; padding:180px 0px}
body.event #overlay_photo_container {width:802px; margin:40px auto; text-align:center;}
body.event #overlay_photo_container.portrait {width:482px; margin-top:20px;}
body.event #overlay_close_btn {display:block; width:100px; height:25px; overflow:hidden; text-align:right; margin:0px 0px 0px 702px;}
body.event #overlay_photo_container.portrait #overlay_close_btn {margin:0px 0px 0px 382px;}
body.event #event_large_g {border:#FFFFFF 1px solid; margin:0px 0px 6px 0px;}
body.event p.desc {text-align:left;}
