header,section,footer,aside,nav,article,address,figure,figcaption{display:block;}
figure {margin: 0;padding: 0;}
html{margin:0;padding:0;height:100%;}
body{margin:0;padding:0;height:100%;background:white url(./images/background.png) repeat;font-family:Helvetica;font-size:13px;color:#555555;text-shadow:0 1px 1px white;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}body a{text-decoration:none;color:#8e8c8b;}body a img{border:0;}
body a:hover{color:#b8b6b5;}
body img[src='']{display:none;}
body #container{position:relative;min-height:100%;}body #container header{position:relative;height:50px;width:100%;border-bottom:1px solid #242424;background-color:#333333;-webkit-box-shadow:inset 0px -10px 8px -10px #2e2e2e;-moz-box-shadow:inset 0px -10px 8px -10px #2e2e2e;box-shadow:inset 0px -10px 8px -10px #2e2e2e;}body #container header div#headercenter{position:relative;margin:0 auto;width:570px;height:100%;}body #container header div#headercenter a#tag{display:block;position:absolute;width:92px;height:87px;left:-3px;top:-1px;z-index:9999;background:transparent url(./images/header/tag.png) no-repeat;}body #container header div#headercenter a#tag:active{top:0px;}
body #container header div#headercenter h1{margin:0 0 0 100px;padding:0;width:95px;height:100%;}body #container header div#headercenter h1 a{display:block;padding:17px 0;width:100%;height:16px;font-weight:normal;color:#999999;text-shadow:none;font-size:10px;line-height:16px;}
body #container header div#headercenter nav{position:absolute;right:0;top:0;width:370px;height:100%;}body #container header div#headercenter nav ul{margin:0;padding:0;overflow:hidden;width:100%;height:100%;}body #container header div#headercenter nav ul li{list-style-type:none;float:left;width:70px;height:100%;margin-right:5px;}body #container header div#headercenter nav ul li a{display:block;padding:17px 0;height:16px;width:100%;position:relative;background-color:transparent;background-position:0 0;background-repeat:no-repeat;text-transform:lowercase;color:#CCCCCC;text-shadow:0 1px 1px black;font-size:12px;line-height:16px;text-align:center;-webkit-transition:background-color 0.2s ease,color 0.2s ease;-moz-transition:background-color 0.2s ease,color 0.2s ease;transition:background-color 0.2s ease,color 0.2s ease;}body #container header div#headercenter nav ul li a:hover{background-color:#292929;}
body #container header div#headercenter nav ul li.current a{color:white;}
body #container header div#headercenter nav ul li:last-child{margin-right:0;}
body #container header div#headercenter nav #nipple{position:absolute;bottom:-9px;width:24px;height:18px;z-index:1337;-webkit-transition:left 0.6s ease;-moz-transition:left 0.6s ease;transition:left 0.6s ease;pointer-events:none;background:transparent url(./images/header/nipple.png) no-repeat;}
body #container #main{padding-bottom:202px;width:100%;border-top:1px solid #fdfdfc;}body #container #main>section{margin:0 auto;padding:60px 0 40px;width:700px;}body #container #main>section h2{display:none;}
body #container #main>section h3{margin:0 auto 10px;width:570px;font-size:25px;}
body #container #main>section p{margin:0 auto 10px;width:570px;font-weight:bold;text-align:left;}body #container #main>section p:last-child{margin-bottom:0;}
body #container #main>section:not(.current){display:none;}
body #container #main>section#section-about ol.images{overflow:hidden;padding:0;margin:0 auto;width:570px;}body #container #main>section#section-about ol.images li{list-style-type:none;float:left;height:125px;width:126px;margin:0 22px 17px 0;}body #container #main>section#section-about ol.images li .imageframe{position:relative;height:112px;width:118px;padding:3px;background-color:white;border:1px solid #cccccc;}body #container #main>section#section-about ol.images li .imageframe .imagewrapper{height:110px;width:116px;border:1px solid #cccccc;}body #container #main>section#section-about ol.images li .imageframe .imagewrapper img{max-height:110px;max-width:116px;}
body #container #main>section#section-about ol.images li .imageshadow{display:block;width:126px;height:5px;background:transparent url(./images/portfolio/thumbnail_shadow.png) no-repeat;}
body #container #main>section#section-about ol.images li:nth-child(4n){margin-right:0;}
body #container #main>section#section-about ol.images li:nth-child(4n+1){clear:left;}
body #container #main>section.portfolio{padding-bottom:20px;}body #container #main>section.portfolio .mainimagewrapper{margin:0 auto;width:570px;}body #container #main>section.portfolio .mainimagewrapper figure .imageframe{height:382px;width:552px;padding:8px;background-color:white;border:1px solid #cccccc;}body #container #main>section.portfolio .mainimagewrapper figure .imageframe .imagewrapper{position:relative;height:380px;width:550px;border:1px solid #cccccc;}body #container #main>section.portfolio .mainimagewrapper figure .imageframe .imagewrapper .imagemask{position:absolute;top:0;left:0;width:550px;height:380px;}
body #container #main>section.portfolio .mainimagewrapper figure .imageframe .imagewrapper img.mainimage{max-height:380px;max-width:550px;}
body #container #main>section.portfolio .mainimagewrapper figure .imageshadow{display:block;width:570px;height:14px;background:transparent url(./images/portfolio/main_image_shadow.png) no-repeat;}
body #container #main>section.portfolio .mainimagewrapper figure figcaption{margin-top:6px;width:570px;text-align:center;font-weight:bold;}
body #container #main>section.portfolio .thumbnailbrowser{position:relative;margin:0 auto;width:600px;height:125px;padding:40px 50px 35px;}body #container #main>section.portfolio .thumbnailbrowser .button{position:absolute;top:75px;display:block;width:50px;height:50px;background:transparent url(./images/portfolio/buttons.png) no-repeat 0 0;outline:none;text-indent:-9999px;}body #container #main>section.portfolio .thumbnailbrowser .button:hover{background-position:0 -51px;}
body #container #main>section.portfolio .thumbnailbrowser .button.disabled{cursor:default;background-position:0 -102px;}
body #container #main>section.portfolio .thumbnailbrowser .button:active:not(.disabled){background-position:0 -50px;}
body #container #main>section.portfolio .thumbnailbrowser .button.prev{left:-10px;}
body #container #main>section.portfolio .thumbnailbrowser .button.next{right:-10px;background-position:-51px 0;}body #container #main>section.portfolio .thumbnailbrowser .button.next:hover{background-position:-51px -51px;}
body #container #main>section.portfolio .thumbnailbrowser .button.next.disabled{background-position:-51px -102px;}
body #container #main>section.portfolio .thumbnailbrowser .button.next:active:not(.disabled){background-position:-51px -50px;}
body #container #main>section.portfolio .thumbnailbrowser .pocket{position:absolute;top:0;height:200px;width:20px;background:transparent url(./images/portfolio/pockets.png) no-repeat 0 0;}body #container #main>section.portfolio .thumbnailbrowser .pocket.left{left:50px;}
body #container #main>section.portfolio .thumbnailbrowser .pocket.right{right:50px;background-position:-21px 0;}
body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport{overflow:hidden;height:100%;width:570px;padding:0 15px;}body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails{overflow:hidden;margin:0;padding:0;height:100%;min-width:570px;-webkit-transition:margin-left 0.6s ease;-moz-transition:margin-left 0.6s ease;transition:margin-left 0.6s ease;}body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails li{list-style-type:none;float:left;height:100%;width:126px;margin-right:22px;}body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails li .imageframe{height:112px;width:118px;padding:3px;background-color:white;border:1px solid #cccccc;}body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails li .imageframe a{position:relative;display:block;height:110px;width:116px;border:1px solid #cccccc;}body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails li .imageframe a img{max-height:110px;max-width:116px;}
body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails li .imageframe a .imagemask{position:absolute;top:0;left:0;width:116px;height:110px;}
body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails li .imageshadow{display:block;width:126px;height:5px;background:transparent url(./images/portfolio/thumbnail_shadow.png) no-repeat;}
body #container #main>section.portfolio .thumbnailbrowser .thumbnailviewport ol.thumbnails li:last-child{margin-right:0;}
body #container #main>section#section-downloads{padding-bottom:13px;}body #container #main>section#section-downloads ol.thumbnails{overflow:hidden;padding:0;margin:0 auto;width:570px;}body #container #main>section#section-downloads ol.thumbnails li{list-style-type:none;float:left;height:125px;width:126px;margin:0 22px 17px 0;}body #container #main>section#section-downloads ol.thumbnails li .imageframe{position:relative;height:112px;width:118px;padding:3px;background-color:white;border:1px solid #cccccc;}body #container #main>section#section-downloads ol.thumbnails li .imageframe .imagewrapper{height:110px;width:116px;border:1px solid #cccccc;}body #container #main>section#section-downloads ol.thumbnails li .imageframe .imagewrapper img{max-height:110px;max-width:116px;}
body #container #main>section#section-downloads ol.thumbnails li .imageframe a.downloadinfo{display:block;height:110px;width:116px;position:absolute;top:4px;left:4px;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease;background-color:rgba(255, 255, 255, 0.8);color:#555555;}body #container #main>section#section-downloads ol.thumbnails li .imageframe a.downloadinfo h4{margin:0;padding:5px 5px 0;width:106px;font-size:12px;font-weight:bold;line-height:14px;text-align:left;}
body #container #main>section#section-downloads ol.thumbnails li .imageframe a.downloadinfo p{margin:0;padding:0 5px 5px;width:106px;max-height:67px;overflow:auto;font-size:12px;text-align:left;font-weight:normal;}
body #container #main>section#section-downloads ol.thumbnails li .imageframe a.downloadinfo:hover{opacity:1;}
body #container #main>section#section-downloads ol.thumbnails li .imageshadow{display:block;width:126px;height:5px;background:transparent url(./images/portfolio/thumbnail_shadow.png) no-repeat;}
body #container #main>section#section-downloads ol.thumbnails li:nth-child(4n){margin-right:0;}
body #container #main>section#section-downloads ol.thumbnails li:nth-child(4n+1){clear:left;}
body #container #main>section#section-contact h3,body #container #main>section#section-contact p{width:380px;}
body #container #main>section#section-contact p{overflow:hidden;margin-bottom:0;}
body #container #main>section#section-contact hr{margin:25px auto;width:520px;height:0;border:none;border-top:1px solid #d9d9d9;border-bottom:1px solid #fbfbfa;}
body #container #main>section#section-contact form{margin:25px auto 0;width:380px;}body #container #main>section#section-contact form input,body #container #main>section#section-contact form textarea{display:block;margin:0 auto 12px;padding:7px 10px;width:358px;height:14px;line-height:14px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid #d9d9d9;background-color:white;-webkit-box-shadow:inset 0px 7px 7px -10px #888888;-moz-box-shadow:inset 0px 7px 7px -10px #888888;box-shadow:inset 0px 7px 7px -10px #888888;font-family:Helvetica;font-size:12px;color:#555555;text-shadow:0 1px 1px white;}body #container #main>section#section-contact form input:disabled,body #container #main>section#section-contact form textarea:disabled{background-color:#E0E0E0;}
body #container #main>section#section-contact form textarea{height:158px;max-width:358px;}
body #container #main>section#section-contact form input[type=submit]{display:block;margin:0 5px 0 0;padding:0 0 2px;width:59px;height:22px;line-height:22px;float:left;cursor:pointer;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:rgba(85, 85, 85, 0.5);text-align:center;font-size:13px;background:transparent url(./images/footer/donate.png) no-repeat 0 0;}body #container #main>section#section-contact form input[type=submit]:hover{background-position:0 -25px;color:rgba(85, 85, 85, 0.7);}
body #container #main>section#section-contact form #status{float:left;line-height:22px;font-weight:normal;color:rgba(85, 85, 85, 0.7);}
body #container footer{position:absolute;bottom:0;width:100%;height:201px;border-top:1px solid #c7c6c5;background-color:rgba(0, 0, 0, 0.05);}body #container footer .secondborder{width:100%;height:1px;background-color:#ffffff;}
body #container footer ul.services{margin:10px auto;padding:0;width:570px;height:55px;overflow:hidden;}body #container footer ul.services li{list-style-type:none;float:left;width:138px;height:100%;margin-right:6px;}body #container footer ul.services li a{display:block;position:relative;width:100%;height:100%;background-color:transparent;background-position:center 0;background-repeat:no-repeat;}body #container footer ul.services li a span{position:absolute;bottom:10px;width:100%;color:rgba(85, 85, 85, 0.5);text-align:center;}
body #container footer ul.services li a:hover{background-position:center -56px;}body #container footer ul.services li a:hover span{color:rgba(85, 85, 85, 0.7);}
body #container footer ul.services li a:active{background-position:center -55px;}body #container footer ul.services li a:active span{bottom:9px;}
body #container footer ul.services li:last-child{margin-right:0;}
body #container footer ul.services li.twitter a{background-image:url(./images/footer/icons/twitter.png);}
body #container footer ul.services li.dribbble a{background-image:url(./images/footer/icons/dribbble.png);}
body #container footer ul.services li.forrst a{background-image:url(./images/footer/icons/forrst.png);}
body #container footer ul.services li.flickr a{background-image:url(./images/footer/icons/flickr.png);}
body #container footer p.donate{margin:10px auto 0;padding:10px 0;width:570px;line-height:14px;color:rgba(85, 85, 85, 0.5);text-align:center;}
body #container footer a.donatebutton{display:block;margin:0 auto;padding:0 0 2px;width:59px;height:22px;line-height:22px;color:rgba(85, 85, 85, 0.5);text-align:center;background:transparent url(./images/footer/donate.png) no-repeat 0 0;}body #container footer a.donatebutton:hover{background-position:0 -25px;color:rgba(85, 85, 85, 0.7);}
body #container footer p.copyright{margin:15px auto 0;padding:20px 0;width:570px;color:rgba(85, 85, 85, 0.5);text-align:center;font-size:10px;}body #container footer p.copyright a{color:inherit;}