body{background:#9ca087 url(../images/bg_body_yellow.png) repeat-y center center;color:#494a3f}body.bgTrans-green ul.code li.code a .ct{background:#bdd8b3}body.bgTrans-green ul.code li.code:hover .ct{background:#a0b698}body.bgTrans-violet #contact-form input.text,body.bgTrans-violet #contact-form input.password,body.bgTrans-violet #contact-form textarea,body.bgTrans-violet #contact-form select{background:#a2c0c2;border-left:5px solid #404046}body.bgTrans-violet #contact-form input.text:hover,body.bgTrans-violet #contact-form input.text:focus,body.bgTrans-violet #contact-form input.password:hover,body.bgTrans-violet #contact-form input.password:focus,body.bgTrans-violet #contact-form textarea:hover,body.bgTrans-violet #contact-form textarea:focus,body.bgTrans-violet #contact-form select:hover,body.bgTrans-violet #contact-form select:focus{background:#91acad}.wrapper{display:block;position:fixed;width:100%;height:100%;opacity:0;z-index:0;left:0;top:0}.wrapper#transition{z-index:1}#doc{position:relative;width:960px;min-height:800px;margin:0 auto;margin-bottom:6em;z-index:2}.side{width:220px;float:left}.main{width:700px;margin-left:260px}#hd{position:relative}#logo{float:right;position:relative;top:0.2em;background:url(../images/application.png) no-repeat -10px -10px;width:394px;height:58px}#logo a{text-indent:-9999em;display:block;width:394px;height:58px}#menu{position:relative;clear:both}#menu li{position:relative;display:inline-block}#menu li a,#menu li a b{position:relative;display:inline-block;background:url(../images/application.png) no-repeat;height:50px}#menu li a b,#menu li a b b{text-indent:-9999em;opacity:0}#menu li .work{width:150px;background-position:-10px -188px}#menu li .work:hover{background-position:-10px -88px}#menu li .work.hover{background-position:-10px -188px}#menu li .work b{width:150px;background-position:-10px -88px}#menu li .code,#menu li .code b{width:130px;background-position:-160px -188px}#menu li .code:hover,#menu li .code b:hover{background-position:-160px -88px}#menu li .code.hover,#menu li .code b.hover{background-position:-160px -188px}#menu li .code b,#menu li .code b b{width:130px;background-position:-160px -88px}#menu li .about,#menu li .about b{width:160px;background-position:-290px -188px}#menu li .about:hover,#menu li .about b:hover{background-position:-290px -88px}#menu li .about.hover,#menu li .about b.hover{background-position:-290px -188px}#menu li .about b,#menu li .about b b{width:160px;background-position:-290px -88px}#menu li .contact,#menu li .contact b{width:180px;background-position:-450px -188px}#menu li .contact:hover,#menu li .contact b:hover{background-position:-450px -88px}#menu li .contact.hover,#menu li .contact b.hover{background-position:-450px -188px}#menu li .contact b,#menu li .contact b b{background-position:-450px -88px}#menu li.active{position:relative}#menu li.active .work,#menu li.active .work:hover{background-position:-10px -138px}#menu li.active .code,#menu li.active .code:hover{background-position:-160px -138px}#menu li.active .about,#menu li.active .about:hover{background-position:-290px -138px}#menu li.active .contact,#menu li.active .contact:hover{background-position:-450px -138px}#about{font-size:2.2em;line-height:1em;margin:0.5em 0 1em 0;padding-right:20px;color:#fff;font-family:"Times New Roman", serif;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);width:700px;float:right}#ct{clear:both}ul.code,ul.work{margin:0;padding:0}li.work{position:relative;margin:0;padding:1em 0 3em 0;clear:both}li.work .meta{float:left;width:180px}li.work .meta h4.title a{color:#494a3f}li.work .meta .date,li.work .meta .more{font-size:11px}li.work .meta .date{display:block;margin-bottom:0.5em}li.work .ct{float:right;width:700px;margin-bottom:3em}li.work .ct ul,li.work .ct li{margin:0 0 2em 0;padding:0}li.work .ct ul.teaser,li.work .ct ul.teaser li{margin:0}li.work .ct img{padding:10px;background:url(../images/bg_blk010.png) repeat-x;box-shadow:24px 24px 32px rgba(0, 0, 0, 0.15);-moz-box-shadow:24px 24px 32px rgba(0, 0, 0, 0.15);-webkit-box-shadow:24px 24px 32px rgba(0, 0, 0, 0.15)}li.work .ct div.more{padding-top:10px;text-align:right}li.work .ct div.more a.more{position:relative;text-align:left;display:inline-block;background:url(../images/application.png) -10px -258px no-repeat;text-indent:-9999em;width:114px;height:46px}li.work .ct div.more a.more:hover{background-position:-10px -304px}li.code{background:url(../images/bg_blk050.png) repeat-x;margin:1em 0;position:relative;box-shadow:16px 16px 24px rgba(0, 0, 0, 0.1);-moz-box-shadow:16px 16px 24px rgba(0, 0, 0, 0.1);-webkit-box-shadow:16px 16px 24px rgba(0, 0, 0, 0.1)}li.code:hover{color:#000;background:url(../images/bg_blk070.png) repeat-x}li.code:hover .ct{background:#aaad8e}li.code a{display:block}li.code a .title{position:relative;display:inline-block;color:#b6ba98;position:absolute;width:380px;padding:10px;font-size:16px}li.code a .tags{display:none}li.code a .ct{background:#b6ba98;position:relative;display:inline-block;margin-left:400px;padding:10px;width:560px}dl.filter{position:relative;margin-bottom:2em}dl.filter dt{text-align:right;float:left;width:8em}dl.filter dd{padding-left:10em;margin-left:0}dl.filter dd.tags{background:url(../images/bg_hr.png) no-repeat 0 100%;padding-bottom:6.667px}dl.filter dd.tags ul{margin-left:0}dl.filter dd.tags ul li.tag{display:inline;background:url(../images/bg_blk050.png) repeat-x;padding:5px 10px}dl.filter dd.tags ul li.tag:hover{background:url(../images/bg_blk070.png) repeat-x}dl.filter dd.tags ul li.tag a{color:#d0d8b3}dl.filter dd.livesearch,dl.filter dd.livesearch{padding-top:6.667px}.download{position:relative;top:0.5em;text-indent:50px;background:url(../images/application.png) -10px -370px no-repeat;height:44px;padding-left:5px;margin-left:-5px}.download:hover{background-position:-10px -414px}.download ul{margin:0}.download ul li{display:inline;padding-right:4px;margin-right:4px;border-right:1px solid #494a3f}.download ul li.last{border:none}.demo{background:#fff none repeat scroll 0 0;border:5px solid #e3e3e3;margin-bottom:15px;overflow:auto;padding:10px}.demo .box{margin:1em 0}.about-me{border-top:1px solid #878a75;font-size:1.6em;line-height:1.2;padding:0.75em 0.15em 3em 0.75em;color:#222;font-weight:bold;letter-spacing:-1px;text-transform:lowercase;float:left;word-spacing:4px;margin:4px 16px 0 0;width:280px}.about-me-more{font-size:1.1em}#ft{position:fixed;bottom:0;width:100%;clear:both;background:url(../images/bg_blk050.png) repeat-x;height:30px;z-index:5}#ft .ct{position:relative;width:960px;margin:0 auto;top:12px;color:#fff}#ft .ct ul li{display:inline-block;margin-right:5px;padding-right:5px;border-right:1px solid #878a75}#ft .ct ul li.last{border-right:none}#ft .ct a{color:#fff}#ft .ct a.login{position:absolute;top:0;right:0}.quiet,.date{color:#878a75}strong{color:#222}h2{color:#fff}h3,h4,h5{margin-bottom:0.2em}h3{color:#111}blockquote{padding:0;margin:0}blockquote cite{margin-top:0.5em;display:block;color:#494a3f}p{line-height:1.5em}p a{text-decoration:underline}a{color:#494a3f}a.button{display:inline-block;background:url(../images/bg_blk010.png) repeat-x;font-weight:bold;text-decoration:underline;margin-left:1em;padding:6px 8px}a.button:hover{color:#fff;background:url(../images/bg_blk050.png) repeat-x}code{background:url(../images/bg_blk010.png) repeat-x}code.error{color:#c62044}pre{background:url(../images/bg_blk010.png) repeat-x;border-left:5px solid #404046;padding:0.5em}pre code{background:none}hr{border:none;background:#878a75;height:1px;margin:2em 0}.icon-email{position:relative;display:block;background:url(../images/icon_email.gif) no-repeat 0 0;text-indent:24px;color:#404046}p.error{color:#c62044}p.notice{font-size:110%;font-weight:bold}.spinner{width:16px;height:16px;padding:2px;border:1px solid #222;border-bottom:1px solid #333;border-right:1px solid #333;-webkit-border-radius:2px;-moz-border-radius:2px}ul.separated li{padding:0.5em 0;border-bottom:1px solid #878a75}ul.separated li.last{border:none}ul.services{float:left;position:relative;margin:0 0 1.5em 0}ul.services li{float:left;width:230px}ul.services li ul{margin:0}ul.services li ul li{float:none;padding:0.3em 0;font-weight:bold;color:#494a3f}ul.services li ul li.first{color:#171714;font-size:1.2em}ul.services li ul li ul{margin-left:1em}ul.services li ul li ul li,ul.services li ul li ul li.first{color:#494a3f;font-weight:normal}.form-item{position:relative;margin:0;padding:0 0 16px 5px}input.text,input.password,textarea,select{padding:4px;font-size:10px;border:none;color:#fff;width:300px}input.text:hover,input.password:hover,textarea:hover,select:hover{background:#8a8f78}input.text.error,input.password.error,textarea.error,select.error{border-bottom:1px dotted red}#contact-form{text-align:right}#contact-form .spinner{display:none;position:absolute;right:6em}#contact-form fieldset{border-top:1px solid #878a75;padding-top:1em}#contact-form fieldset legend{padding-right:1em}#contact-form label{width:160px;display:inline;float:left;color:#494a3f;text-align:right;font-weight:bold}#contact-form label em.required{display:block;color:#878a75;font-weight:bold}#contact-form label.error{color:#c62044;float:none;text-align:left}#contact-form input.text,#contact-form input.password,#contact-form textarea,#contact-form select{background:#c7cfab;border-left:5px solid #404046;margin:0 0 1em 10px;width:500px;color:#494a3f}#contact-form input.text:hover,#contact-form input.text:focus,#contact-form input.password:hover,#contact-form input.password:focus,#contact-form textarea:hover,#contact-form textarea:focus,#contact-form select:hover,#contact-form select:focus{background:#bbc2a1}#contact-form input.text.error,#contact-form input.password.error,#contact-form textarea.error,#contact-form select.error{border-left-color:#c62044}#contact-form select{width:512px}#contact-form textarea{height:15em}#contact-form .submit{text-align:right}#contact-form .submit input{background:none;border:none;font-size:1.5em;font-weight:bold;color:#494a3f}#contact-form .submit input:hover{color:#fff;cursor:pointer}#contact-form .meta{float:left;width:280px}#contact-form .ct{float:right;width:600px;margin-bottom:3em}#contact-form dl dt{text-align:right;float:left;width:4em}#contact-form dl dd{padding-left:6em;margin-left:0}table{background:url(../images/bg_blk010.png) repeat-x;border-collapse:collapse;margin-bottom:2em;margin-top:0.5em;border-spacing:0}table th,table td{padding:5px 0 5px 8px;vertical-align:top}table th{background:#404046 none repeat scroll 0 0;color:#fff;font-weight:normal;text-align:left;border:1px solid #404046;padding:5px 0 5px 8px;vertical-align:top}table td{border:1px solid #404046}table tr{padding-right:15px}