* {margin:0; padding:0;}
body {background:#222 url(../images/bg.png); font:14px Tahoma,Verdana,Helvetica,"MicroSoft YaHei"; color:#ccc; text-shadow:1px 1px #000;}
a {color:#ccc; text-decoration:none;}
a:hover {text-decoration:underline;}
h2 a:hover {text-decoration:none;}
h1 a {background:url(../images/logo.png) no-repeat; width:189px; height:37px; text-indent:-999px; overflow:hidden; display:block; float:left;}
h2 {font-size:16px; margin-bottom:20px; margin-top:10px;}
p {margin:20px 0;}
#wrap {background:url(../images/wrap.png) no-repeat top center; width:100%; height:100%;}
#page {width:900px; margin:0 auto; overflow:hidden;}
#header {border-bottom:1px solid #111; padding:20px 0; height:40px;}	
#nav {float:right;}
#nav li {list-style:none; float:left; line-height:40px;}
#nav a {border-right:1px solid #111; border-left:1px solid #333; padding:0 20px;}
#nav .no_border_l {border-left:none;}
#nav .no_border_r {border-right:none;}
.content {border-top:1px solid #333; border-bottom:1px solid #111; overflow:hidden; zoom:1;}
.top {float:right; background:url(../images/top.png) no-repeat; width:12px; height:10px; text-indent:-100px; display:block; overflow:hidden; margin-top:5px;}
#work_list {margin-left:-33px; overflow:hidden;}
#work_list span{ display:block; }
#work_list a{display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; position:relative; vertical-align:top; width:200px; height:150px; overflow:hidden; opacity:0.67; margin-bottom:5px; text-align:center;}
#work_list a img{display:block; border:none;}
#work_list a:hover{opacity:1; text-decoration:none;}
#work_list li {list-style:none; float:left; margin-left:33px; padding-bottom:20px; height:175px;}
.contact span {margin-right:20px;}
#footer {border-top:1px solid #333; padding:10px 0 20px;}
#footer span {float:right;}


#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

