body{padding:0;margin:0;font:14px/16px 'Dosis',sans-serif;color:gray;background:url(bg.png) no-repeat center top black;overflow-x:hidden}body.none #bg{display:none}body.noscroll{overflow:hidden}P,H1,H2,H3,UL,LI{padding:0;margin:0;font-weight:normal}A{text-decoration:none;color:white}.wrap{width:960px;margin:0 auto;position:relative;display:block}.wrap:after{display:block;content:"\20";clear:both}#head{height:80px;background:url(head-bg.jpg) repeat-x center bottom white;padding-bottom:2px;position:relative;z-index:9999;min-width:960px;margin:0 auto}#logo{width:194px;height:0;padding-top:53px;float:left;background:url(logo.png) no-repeat 0 0;display:block;overflow:hidden;margin-top:22px;margin-left:20px}#nav{float:right;margin-top:50px;height:30px}#nav a.hover,#nav li:hover a,#nav a:hover,#nav li.active a{color:black;background-position:0 -36px}#nav li{display:inline-block;float:left;position:relative}#nav li a{display:inline-block;background:url(nav-line.png) no-repeat 0 0;height:25px;text-align:center;padding:5px 10px 0 20px;line-height:20px;font-size:16px;color:gray}#nav li:first-child a{background:0}#nav li a:hover img{opacity:.8;filter:alpha(opacity=80)}#nav .subnav{position:absolute;z-index:10;background:url(line-h.png) no-repeat 0 bottom;padding:20px 0;display:block;visibility:hidden;padding-left:5px}#nav .subnav li{float:none;display:block;margin-bottom:5px}#nav .subnav li a{background:white;white-space:nowrap;color:black;opacity:.8;filter:alpha(opacity=80);padding-right:20px;visibility:hidden}#nav .subnav li a:hover{background:black;color:white}#nav .subnav li.odd a{background:black;color:white;width:}#nav .subnav li.odd a:hover{background:white;color:black}#content{position:relative;top:82px;z-index:2}#title{margin-top:20px}#title a.back{background:url(btn.png) no-repeat 0 -54px;display:block;width:38px;height:0;padding-top:38px;overflow:hidden;float:left;margin-right:10px;margin-top:5px}#title a:hover.back{background-position:-53px -54px}#title h1{color:white;font-weight:400;font-size:50px;line-height:45px}.grid{position:relative;background:url(line-v.png) no-repeat center top;margin:20px auto;padding-top:5px;height:5px}.grid .row{background:url(line-v.png) no-repeat center bottom;position:relative;padding-bottom:5px;margin-bottom:-3px;vertical-align:top;display:block;width:100%}.grid .row:after{display:block;content:"\20";clear:both}.grid .col{display:inline-block;float:left;margin:0 15px;min-width:30%;max-width:290px;margin-bottom:30px;overflow:hidden;visibility:hidden}.grid.v .col{min-width:100%;max-width:100%;margin-bottom:20px}.grid .col:nth-child(even),.grid .col.odd{margin-top:30px;margin-bottom:0}.grid .col a{background:black;color:white;display:block;min-height:100px;height:150px;min-width:30%;max-width:290px;width:290px;position:relative}.grid .col a:hover{background:white;color:black}.grid .col a span{display:block;margin:auto;width:100%;position:absolute;z-index:1;text-align:center}.grid.v .col a{min-width:930px;height:inherit}.grid img{position:absolute;left:0;top:0;z-index:0;opacity:.8;filter:alpha(opacity=80)}.grid .tab .grid-page{width:960px}.grid .pager-grid{position:absolute;top:-35px;right:10px}.pager-grid a{font-size:30px;padding:5px;color:gray;display:inline-block;float:left}.pager-grid a.activeSlide,.pager-grid a:hover{color:white}#portfolio.grid{top:50px}#portfolio .col{background:black;opacity:.7;filter:alpha(opacity=70)}#portfolio.grid .col a{font-size:40px;line-height:45px;padding:20px;height:200px;width:250px}#portfolio-interior.grid .col{opacity:1;filter:alpha(opacity=100)}#portfolio-interior.grid .col a{font-size:30px;line-height:170px;height:170px}#services.grid .col a{height:138px;text-align:left}#services.grid .col a span{text-align:left;margin:20px;font-size:30px}.info{color:white;margin-top:50px}.info h1{font-size:30px;line-height:40px}.info p{font-size:20px;line-height:35px}.info p span{background:black;padding:2px 10px}.info dl{position:relative;font-size:16px}.info dt{float:left;width:100px;text-align:right}.info dt span{background:white;color:black;padding:2px 10px;font-weight:700}.info dd{margin:20px 0;margin-left:100px}.info dd span{background:black;padding:2px 10px}.photo{position:relative}.photo .list{width:50%;height:480px;float:left;overflow-y:auto;padding-right:20px;margin-top:30px;margin-bottom:30px;overflow-x:hidden}.photo .list a{float:left;background:#333;opacity:.7;filter:alpha(opacity=70);color:white;font-size:13px;line-height:15px;margin-bottom:5px;padding:2px 20px;white-space:nowrap;display:block;clear:both}.photo .list a:hover,.photo .list a.active{background:white;color:black;opacity:1;filter:alpha(opacity=100)}.photo .list a img{display:none}.photo a.scroll{position:absolute;display:none;width:28px;height:0;padding-top:15px;background:url(btn.png) no-repeat -29px -93px;overflow:hidden;margin:5px}.photo a.scroll.down{top:510px;background-position:-29px -109px}
.photo a:active.up{background-position:0 -93px}.photo a:active.down{background-position:0 -109px}.photo .thumb-wrap{width:47%;float:right;position:relative;margin-top:15px}.photo .thumb{height:300px;padding:100px 12px;overflow-y:auto;overflow-x:hidden;position:relative;background:url(thumb-bg.png) repeat-x;display:block}.photo .thumb img{max-width:100%;max-height:100%;width:100%;display:none;left:0}.photo .thumb .preview{position:relative;opacity:.7;filter:alpha(opacity=70)}.photo .thumb .preview:hover{opacity:1;filter:alpha(opacity=100)}.thumb .preview .stage{display:block;width:100%;height:300px;position:relative;overflow:hidden;cursor:pointer;text-align:center}.thumb .preview .stage div{display:block;width:427px}.thumb .preview .trigger{height:50px;text-align:right}.preview .trigger a{font-size:20px;line-height:35px;padding:0 5px;color:gray;display:inline-block}.preview .trigger a:hover,.preview .trigger a.active{color:white}.preview .stage .active,.preview .stage img:first-child{z-index:1;display:block}.photo .shadow{background:url(thumb.png) no-repeat center bottom;display:block;height:50px;width:100%;position:absolute;top:0;left:0;z-index:1}.photo .shadow.bottom{background-position:center 0;top:inherit;bottom:0}#homenav{position:absolute;top:50px}#homenav li{list-style:none;margin-bottom:10px}#homenav a{background:black;opacity:.7;filter:alpha(opacity=70);padding:0 20px;font-size:20px;line-height:22px;min-height:30px}#homenav a:hover{background:white;color:black;opacity:.9;filter:alpha(opacity=90)}#homenav li.img a{display:block;position:absolute;padding:20px}#bg{min-width:960px;min-height:800px;position:relative;z-index:1;overflow:hidden;margin:0 auto}#bg .mask{width:100%;position:absolute;left:0;z-index:-1}#bg .mask.up{height:80px;background:url(mask-up.png) repeat-x 0 0;top:0}#bg .mask.down{height:100px;background:url(mask-down.png) repeat-x 0 0;bottom:0}#bg .background{z-index:-2}.background li{margin:0 -160px;display:inline-block;position:absolute;display:none}.background li img{opacity:.5;filter:alpha(opacity=50)}#bg .title{position:absolute;left:170px;top:500px;color:#bbb;font-size:16px;line-height:22px;display:block;white-space:nowrap}#bg .title:hover{color:white}#bg .title h1{font-size:30px;line-height:35px}#bg .title a.more{background:url(btn.png) no-repeat 0 0;width:53px;height:0;padding-top:53px;display:block;overflow:hidden;float:left;margin:5px}#bg .title a:hover.more{background-position:right 0}#foot{clear:both;text-align:right;position:absolute;top:880px;width:100%;z-index:10;right:20px}.share li{display:inline-block}.share li a{display:block;width:14px;height:0;background:url(sns.png) no-repeat 0 0;padding-top:14px;overflow:hidden}.share a.fb{background-position:0 0}.share a.twt{background-position:0 -15px}#foot .copyright{font-size:10px}#overlay{width:100%;z-index:9999;position:fixed;top:0;overflow-y:scroll;overflow-x:hidden}#overlay .bg{position:fixed;top:0;left:0;width:100%;background:black;opacity:.7;filter:alpha(opacity=70);z-index:0;display:none}#zoom{position:relative;text-align:center;padding:50px 0;margin:auto;z-index:1}#zoom .stage{margin:0 auto;display:none;position:relative;width:960px}#zoom .stage div{margin:0 auto;width:960px;text-align:center;display:block}#zoom img{max-width:960px}#zoom .trigger{display:block;position:fixed;top:15px;right:50px;z-index:100}#zoom .trigger a{font-size:30px;padding:5px;color:gray}#zoom .trigger a:hover,#zoom .trigger a.activeSlide{color:white}#zoom .prev,#zoom .next{z-index:100;display:block;position:fixed;width:50px;height:150px;background:url(trigger.png) no-repeat 0 center}#zoom .prev{left:20px}#zoom .next{background-position:right center;right:20px}#overlay a#close{background:url(btn.png) no-repeat 0 -125px;position:fixed;top:5px;right:10px;width:38px;height:0;padding-top:38px;overflow:hidden;display:block;z-index:100}#overlay a:hover#close{background-position:-39px -125px}