@charset "utf-8";@font-face{font-family:"Futura Medium";src:local("Futura"),
url('/fonts/Futura Medium.ttf');font-weight:normal;font-style:normal;}
html,body{font-family:Futura;width:100%;height:100%;}
.topnavlink{position:fixed;top:0;left:0;width:100%;height:50px;z-index:4;visibility:visible;font-family:Futura;-webkit-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;}
.topnavlinkclicked{visibility:visible;z-index:3;}
#portfoliocircle{background-image:url(../images/cc03G.gif);background-repeat:no-repeat;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px;background-position:center center;width:150px;float:left;height:50px;}
#contactcircle{background-image:url(../images/cc03G.gif);background-repeat:no-repeat;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px;background-position:center center;width:150px;float:right;height:50px;}
.deepnavlink{position:fixed;top:0;left:0;width:100%;height:50px;z-index:3;visibility:hidden;}
.deepnavlinkclicked{position:fixed;top:0;left:0;width:100%;height:50px;visibility:visible;z-index:5;}
#portfoliolink{width:160px;float:left;height:50px;color:#7FADC5;text-align:center;padding-top:10px;font-size:1em;letter-spacing:5px;cursor:pointer;font-family:Futura;font-weight:bold;}
#contactlink{width:160px;float:right;height:50px;color:#7FADC5;text-align:center;padding-top:10px;font-size:1em;letter-spacing:5px;cursor:pointer;font-family:Futura;font-weight:bold;}
.navigation{position:fixed;z-index:4;top:30px;}
.navigation li{color:#333333;display:block;padding:0 10px;line-height:30px;margin-bottom:2px;font-weight:bold;-webkit-transition:all .2s ease-in-out;border-bottom:1px solid black;text-align:left;width:53px;}
.navigation li:hover,.active{font-size:25px;cursor:pointer;width:100px!important;}
.deepcircle{position:fixed;top:50%;left:50%;width:40px;margin-top:-41px;margin-left:-23px;z-index:3;-webkit-transition:top 2s;-webkit-transition:visibility 2s;visibility:hidden;}
.deepcircleclicked{position:fixed;top:95%;left:50%;width:40px;margin-top:-41px;margin-left:-23px;z-index:8;visibility:visible;-webkit-transition:all 2s;-webkit-transition:all 2s;}
.centercircle{position:fixed;top:50%;left:50%;width:40px;margin-top:-41px;margin-left:-23px;z-index:5;visibility:visible;}
.centercircleclicked{position:fixed;top:95%;left:50%;width:40px;margin-top:-41px;margin-left:-23px;z-index:-10;visibility:hidden;-webkit-transition:all 2s;-webkit-transition:all 2s;}
.centertext1{position:fixed;top:50%;left:50%;width:100px;font-size:24px;font:font-family:'Futura Medium';margin-top:-41px;margin-left:-23px;z-index:2;visibility:hidden;-webkit-transition:all 2s;-webkit-transition:all 2s;}
.centertext1clicked{position:fixed;top:50%;left:50%;width:100px;color:#00CCFF;font-size:24px;margin-top:-41px;margin-left:-23px;z-index:3;visibility:visible;-webkit-transition:all 2s;-webkit-transition:all 2s;}
.slide{background-attachment:fixed;background-size:100% 100%;width:100%;height:100%;position:relative;box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);z-index:1;font-family:Futura;}
.wrapper{width:960px;height:200px;margin:0 auto;position:relative;}
.slideno{position:absolute;bottom:0px;left:0px;font-size:100px;font-weight:bold;color:rgba(255,255,255,0.3);}
.button{display:block;width:50px;height:50px;position:absolute;bottom:0px;left:50%;}
.large-header{display:block;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:0;}
.button:hover{background-color:#494949;cursor:pointer;}
.textlayer{position:fixed;top:0;left:0;width:100%;height:100%;height:50px;z-index:4;margin:0 auto;text-align:center;color:#00FFFF;font-size:2.5em;}
.centertext{visibility:hidden;}
.centertextfocused{visibility:visible;}
.insider{margin:0 auto;position:absolute;width:100%;height:200px;margin-left:-50%;margin-top:-100px;z-index:4;top:50%;left:50%;text-align:center;color:#7FADC5;font-size:2.5em;letter-spacing:20px;}
.insider div{visibility:hidden;}
.insider .centertextfocused{visibility:visible;z-index:10;}
.hidecc{visibility:hidden;}
.showcc{visibility:visible;}
#viewart, #viewartlink{z-index:10;text-decoration:none;color:#7FADC5;}
.insider .centertextfocused a{z-index:10;}
#home{background:url(../images/home_01.jpg) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-content{background:url(../images/home_02.jpg) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-message{background-image:url(../images/home_03.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-artist{background-image:url(../images/home_04.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-art{background-image:url(../images/homeart_05.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-tech{background-image:url(../images/hometech_06.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-qsn{background-image:url(../images/homeqstns_07.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-solution{background-image:url(../images/homes_08.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-business{background-image:url(../images/home_09.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-clock{background-image:url(../images/home_10.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#intro-work{background-image:url(../images/work_11.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
#contact{background-image:url(../images/contact_12.jpg);background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}