html {background:#f9f9f9;}
body {background:url(img/tmp-bg.png) #f9f9f9 no-repeat center bottom;}
body {}

/* util */
.clearfix:after {content:".";height:0px;width:0px;display:block;visibility:hidden;clear:both;}
.clearfix {zoom:1;}

/* grid */
#doc4 {padding-bottom:100px;}
.yui-t6 #yui-main {margin-right:-368px;}
.yui-t6 #yui-main .yui-b {margin-right:368px;}
.yui-t6 .yui-b {width:340px;}

body.ex-detail .yui-t6 #yui-main {margin-right:-420px;}
body.ex-detail .yui-t6 #yui-main .yui-b {width:530px; margin-right:420px;}
body.ex-detail .yui-t6 .yui-b {width:400px;}

/* wp */
img.alignright {float:right;margin:4px;_margin-right:2px;}
img.alignleft {float:left;margin:4px;_margin-left:2px;}

/* master head */
#hd {height:195px;background:#fff;border-bottom:1px solid #000;padding-bottom:10px;}
#hd #home-link {position:absolute;margin:18px 0 0 925px;width:50px;}
#hd #home-link a {font-family:verdana; font-size:10px; height:12px;display:block; text-decoration:none;line-height:12px;color:#333;}
#hd #home-link a:hover {text-decoration:underline;}
#hd #home-link a .bullet {background:#000;width:7px;height:7px;margin:3px 3px 3px 0px;float:left;font-size:0px;}
#hd #logo-cont{position:absolute;background:#fff;height:173px;width:173px;padding:20px 10px 0px 0px;overflow:hidden;}
#hd ul#top-nav{position:absolute;width:840px; margin:165px 0px 0px 170px;height:20px;}
#hd ul#top-nav li{float:left;}
#hd #top-nav #nav-home{display:none;}
#hd #top-nav #nav-current-exhibition a {background:url(img/sprite.png) 3px 5px no-repeat; width:145px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-current-exhibition a:hover {background:url(img/sprite.png) 3px -25px no-repeat; width:145px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-current-exhibition.on a {background:url(img/sprite.png) 3px -55px no-repeat; width:145px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-future-exhibition a {background:url(img/sprite.png) -175px 5px no-repeat; width:135px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-future-exhibition a:hover {background:url(img/sprite.png) -175px -25px no-repeat; width:135px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-future-exhibition.on a {background:url(img/sprite.png) -175px -55px no-repeat; width:135px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-events a {background:url(img/sprite.png) -345px 5px no-repeat; width:53px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-events a:hover {background:url(img/sprite.png) -345px -25px no-repeat; width:53px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-events.on a {background:url(img/sprite.png) -345px -55px no-repeat; width:53px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-archive a {background:url(img/sprite.png) -432px 5px no-repeat; width:63px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-archive a:hover {background:url(img/sprite.png) -432px -25px no-repeat; width:63px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-archive.on a {background:url(img/sprite.png) -432px -55px no-repeat; width:63px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-about a {background:url(img/sprite.png) -530px 5px no-repeat; width:70px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-about a:hover {background:url(img/sprite.png) -530px -25px no-repeat; width:70px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-about.on a {background:url(img/sprite.png) -530px -55px no-repeat; width:70px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-contact a {background:url(img/sprite.png) -638px 5px no-repeat; width:65px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-contact a:hover {background:url(img/sprite.png) -638px -25px no-repeat; width:65px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav #nav-contact.on a {background:url(img/sprite.png) -638px -55px no-repeat; width:65px;height:20px;margin:0px 20px;_margin-left:10px;display:block;}
#hd #top-nav .on a div.underline{height:25px;margin:0px 2px; border-bottom:3px solid #000;}

#bd {padding:15px 0px 50px;}

#ft {border-top:1px solid #9e9e9e;padding:10px 0px;}

/* fonts */
#ft {font-family:verdana; font-size:10px; color:#333;}
#ft a{font-family:verdana; font-size:10px; color:#000;text-decoration:underline;}
#ft a:hover{font-family:verdana; font-size:10px; color:#000;text-decoration:none;}

#bd a{text-decoration:underline;color:#000;}
#bd a:hover{text-decoration:none;color:#000;}
#bd strong {font-weight:bold;}
#bd em {font-style:italic;}
.main-col h2{font-family:arial;font-size:21px;font-weight:bold;color:#000;margin-bottom:15px;}
.main-col h3{font-family:arial;font-size:19px;font-weight:bold;color:#000;}
.main-col h4{font-family:arial;font-size:15px;font-weight:bold;color:#777;margin-bottom:10px;}
.main-col h4.solid{font-family:arial;font-size:15px;font-weight:bold;color:#000;margin-bottom:10px;}
.main-col h5{font-family:arial;font-size:13px;font-weight:bold;color:#777;margin-bottom:10px;}
.main-col p{font-family:verdana; font-size:12px; color:#555;margin-bottom:10px;text-align:left;line-height:16px;line-height:1.4em;}
.side-col h3{font-family:arial;font-size:12px;font-weight:bold;color:#000;margin-bottom:5px;}
.side-col h3.strong{font-family:arial;font-size:16px;font-weight:bold;color:#f00;margin-bottom:5px;}
.side-col p{font-family:verdana; font-size:11px; color:#555;margin-bottom:10px;text-align:left;line-height:16px;}

p.caption{font-family:verdana; font-size:9px; color:#555;}

.artist {color:#000;font-weight:bold;}

/* mod */
.smod-1 {background:url(img/sprite.png) -1191px 0px no-repeat; width:331px; margin-bottom:10px; min-height:228px;_height:228px;padding-left:9px;}
.smod-1 .outter {border-top:1px solid #ccc;padding:20px 0px 0px 15px;border-left:1px solid #ccc;margin-left:-1px;}
.smod-1 .outter .hd h2{height:20px;text-indent:-1000px; overflow:hidden;}
.smod-1 .outter .bd{border-top:3px solid #000; padding-top:10px;}

.smod-2 {background:url(img/sprite.png) -750px 0px no-repeat; width:340px; height:269px; overflow:hidden;margin-bottom:10px;}
.smod-2 .bd{width:270px; margin:45px auto 0 auto;}

.smod-3 {border:7px solid #d8d8d8;}
.smod-3 .hd {padding:15px;}
.smod-3 .bd {padding:10px 15px;}

/* index */
#index #bd .feature-pic {margin-bottom:10px;}
.side-col #mod-events .hd h2{background:url(img/sprite.png) 0px -90px no-repeat;width:150px;}
.side-col #mod-events .bd img{float:right;}
.side-col #mod-events .bd li:after {content:".";height:1px;width:1px;display:block;visibility:hidden;clear:both;}
.side-col #mod-events .bd li {zoom:1;}
.side-col #mod-news .hd h2{background:url(img/sprite.png) -350px -90px no-repeat;width:150px;}
.side-col #mod-news .bd img{float:right;}
.side-col #mod-location .hd h2{background:url(img/sprite.png) 0px -120px no-repeat;width:180px;}
.side-col #mod-location .bd{background:#f2f2f2;padding:8px;}

/* current exhibition */
#current-ex-detail {}

#current-ex-side .image-selector {margin-bottom:20px;}
#current-ex-side .image-selector  div.focus-cont {width:400px;height:380px; overflow:hidden;}
#current-ex-side .image-selector  div.focus-cont ul{width:6000px;}
#current-ex-side .image-selector  div.focus-cont ul li {float:left;width:400px;}
#current-ex-side .image-selector .img-cont {width:400px;height:325px;overflow:hidden;}
#current-ex-side .image-selector .thumbnail-cont ul li{float:left;}
#current-ex-side .image-selector .thumbnail-cont ul li img.selected{border:2px solid #ff6a03;}
#current-ex-side .image-selector .thumbnail-cont ul li img{border:2px solid #fff;cursor:pointer;}

#current-ex-side .related-video .hd h2{text-indent:-1000px;overflow:hidden;background:url(img/sprite.png) -200px -90px no-repeat;}
#current-ex-side .related-video .hd {border-bottom:3px solid #000;padding:5px 0px;}
#current-ex-side .related-video .bd {padding:10px 0;}
#current-ex-side .related-video .bd ul li {float:left;margin-right:10px;}
#current-ex-side .related-video .bd ul li a.img-cont {display:block;width:116px;height:86px;border:1px solid #ccc; padding:2px;overflow:hidden;}
#current-ex-side .related-video .bd ul li a{line-height:1.5em;}

/* exhibition detail */
body.ex-detail h5 span.artist{display:block;}

body.ex-detail .side-col .image-selector {margin-bottom:20px;}
body.ex-detail .side-col .image-selector  div.focus-cont {width:400px;height:380px; overflow:hidden;}
body.ex-detail .side-col .image-selector  div.focus-cont ul{width:6000px;}
body.ex-detail .side-col .image-selector  div.focus-cont ul li {float:left;width:400px;}
body.ex-detail .side-col .image-selector .img-cont {width:400px;height:325px;overflow:hidden;text-align:center;}
body.ex-detail .side-col .image-selector .thumbnail-cont ul li{float:left;}
body.ex-detail .side-col .image-selector .thumbnail-cont ul li img.selected{border:2px solid #ff6a03;}
body.ex-detail .side-col .image-selector .thumbnail-cont ul li img{border:2px solid #fff;cursor:pointer;width:65px;height:55px;}

body.ex-detail .side-col .related-video .hd h2{text-indent:-1000px;overflow:hidden;background:url(img/sprite.png) -200px -90px no-repeat;width:120px;}
body.ex-detail .side-col .related-video .hd {border-bottom:3px solid #000;padding:5px 0px;}
body.ex-detail .side-col .related-video .bd {padding:10px 0;}
body.ex-detail .side-col .related-video .bd ul li {float:left;margin-right:10px; margin-bottom:5px;}
body.ex-detail .side-col .related-video .bd ul li a.img-cont {display:block;width:115px;height:90px;border:1px solid #ccc; padding:2px;overflow:hidden;text-align:center;}
body.ex-detail .side-col .related-video .bd ul li a.img-cont img {width:115px;height:90px;}
body.ex-detail .side-col .related-video .bd ul li a{line-height:1.5em;}

/* events */
#events .img-cap-cont{width:400px;margin-bottom:20px;}
.side-col #mod-otherevents .hd h2{text-indent:-1000px;overflow:hidden;background:url(img/sprite.png) -200px -120px no-repeat;}
.side-col #mod-otherevents .bd ul {overflow:hidden;}
.side-col #mod-otherevents .bd ul li {padding:10px 0px 20px;border-bottom:1px dashed #ccc;margin-bottom:-1px;}
.side-col #mod-otherevents .bd ul li img.ico{float:right;}

/* contact */
#location-map {font-family:verdana; font-size:12px; color:#555;margin-top:43px}
#location-map .bd ul.travel-by li {padding-left:55px;background:url(img/ico-sprite.png) no-repeat;padding-bottom:25px;}
#location-map .bd ul.travel-by li.mtr {background-position:-675px -48px;}
#location-map .bd ul.travel-by li.bus {background-position:-618px -75px;}
#location-map .bd ul.travel-by li.foot {background-position:-565px -100px;}

/* furture */
#future #bd{min-height:300px;_height:300px;}
#future-exhibition .bd ul {overflow:hidden;}
#future-exhibition .bd ul li{border-bottom:1px dashed #ccc;padding:10px 0px;margin-bottom:-1px;}
#future-exhibition .bd ul li .img-cont{float:left;text-align:center;width:120px;overflow:hidden; margin-right:10px;max-height:150px;_height:150px;overflow:hidden;}
#future-exhibition .bd ul li .img-cont img {width:120px;}
#future-exhibition .bd ul li .img-cont table td {width:120px;height:100px; text-align:center; vertical-align:middle;overflow:hidden;}
#future-exhibition .bd ul li .text-cont{float:left;width:830px;}
#future-exhibition .bd ul li .text-cont h3 {font-size:12px;font-family:arial;}
#future-exhibition .bd ul li .text-cont h5 {line-height:1.5em;font-size:11px;font-weight:bold;font-family:arial;color:#777;margin-bottom:4px;}
#future-exhibition .bd ul li .text-cont h5 span.artist {color:#777;}
#future-exhibition .bd ul li .text-cont p{}

/* archive */
#archive-control {font-size:12px; color:#777;line-height:26px;}
#archive-control h2{float:left;margin-right:10px;}
#archive-control .select-cont {float:left;}
#archive-control .count-cont {float:right;}

#archive-list .bd ul {overflow:hidden;}
#archive-list .bd ul li{border-bottom:1px dashed #ccc;padding:10px 0px;margin-bottom:-1px;}
#archive-list .bd ul li .img-cont{float:left;text-align:center;width:70px;overflow:hidden; margin-right:10px;padding:0 5px;_height:150px;max-height:150px;min-height:1px;}
#archive-list .bd ul li .img-cont img{width:70px;}
#archive-list .bd ul li .img-cont table td {width:60; text-align:center; vertical-align:middle;overflow:hidden;}
#archive-list .bd ul li .text-cont{float:left;width:880px;}
#archive-list .bd ul li .text-cont h3 {font-size:12px;font-family:arial;}
#archive-list .bd ul li .text-cont h5 {line-height:1.5em;font-size:11px;font-weight:bold;font-family:arial;color:#777;margin-bottom:4px;}
#archive-list .bd ul li .text-cont h5 span.artist {color:#777;}
#archive-list .bd ul li .text-cont p{}