html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,source{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{background-color:#ff9;text-decoration:none;}
mark{background-color:#ff9;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
@font-face{font-family:'poplar-std-1';src:url('poplarstd-webfont.eot');src:local('☺'),url('poplarstd-webfont.woff') format('woff'),url('poplarstd-webfont.ttf') format('truetype'),url('poplarstd-webfont.svg#webfontDXEr4tm9') format('svg');font-weight:normal;font-style:normal;}body{background-color:#e8bd80;font-size:13px;background:#e8bd80 url(../images/body-bg.png) top left repeat;}
h1,h2,h3{font-family:"mashine-1","mashine-2",sans-serif;font-family:"simply-mono-1","simply-mono-2",sans-serif;font-family:"atrament-web-1","atrament-web-2",sans-serif;font-weight:600;position:relative;}
h1{color:#a7d1df;color:#a98a5d;color:#d9c5aa;color:#333;font-size:64px;top:16px;margin:0 0 0 0;text-shadow:1px -1px 0 #ffebcf,2px -2px 0 #ffebcf,3px -3px 0px #d9c5aa;text-transform:uppercase;letter-spacing:.02em;clear:both;}
.header h1{float:left;margin-right:20px;}
.header h2{font-family:Georgia,Times,"Times New Roman",Serif;font-family:"atrament-web-1","atrament-web-2",sans-serif;font-weight:200;color:#333;text-transform:none;font-size:36px;position:relative;top:16px;text-shadow:none;float:left;margin:15px 0 0 20px;}
.header h2 a{color:#333;text-decoration:none;text-shadow:1px -1px 0 #ffebcf,2px -2px 0 #ffebcf,3px -3px 0px #d9c5aa;}
.header h2 span a:hover{font-weight:200;vertical-align:-3pt;text-shadow:none;color:#D3A87D;}
h1 .name{display:block;}
h1 a:hover{color:#a98a5d;text-shadow:none;padding-bottom:3px;}
h2{font-size:40px;color:#a98a5d;color:#333;letter-spacing:.07em;text-shadow:1px -1px 0 #e8bd80,2px -2px 0 #ffebcf,3px -3px 0 #a98a5d;text-transform:none;margin:0 0 30px 0;}
h3{font-size:32px;line-height:120%;font-weight:normal;position:absolute;display:inline;width:200px;text-shadow:none;-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);z-index:4;text-align:right;top:145px;left:-150px;color:#aa8963;text-shadow:1px -1px 0px rgba(255, 244, 228, 0.7);}
.container{max-width:980px;margin:0 auto;position:relative;top:0;clear:both;}
.header{background-color:#FFEBCF;margin:0 auto 30px auto;position:relative;-moz-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.1);box-shadow:0px 2px 7px rgba(0, 0, 0, 0.1);background:#ffebcf url(../images/header-bg.png) top left repeat;}
.header .container{padding:0;height:100px;visibility:hidden;background:transparent url(../images/highlight-gradient.png) top center no-repeat;}
.header h2.design{margin:-3px 0 0 140px;font-size:80px;}
.sub.header .container{height:60px;padding:20px 0;}
.content{width:980px;margin:0px auto;position:relative;margin-bottom:0px;padding-top:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.boxes,#dribbble .hcs{position:relative;}
.icon{background:url(Boxes_1.png) left top no-repeat;display:block;overflow:hidden;text-indent:-9000em;}
.icon.box-shadow-normal{background-position:-104px -58px;width:225px;height:184px;}
.icon.box-shadow-hover{background-position:-448px -58px;width:230px;height:195px;}
.icon.box-shadow-active{background-position:-771px -58px;width:216px;height:177px;}
.box,#dribbble li{display:block;position:relative;width:200px;height:150px;background-color:#a5845f;float:left;list-style-type:none;padding:20px 20px 55px 0;background:url(../images/shadows.png) left top no-repeat;background-position:-100px -55px;width:225px;height:160px;}
.box:nth-child(4n+4),#dribbble li:nth-child(4n+4){margin-right:0;}
.box span.title{font-family:"atrament-web-1","atrament-web-2",sans-serif;position:absolute;bottom:-30px;text-align:center;display:block;font-size:1.4em;width:100%;}
.box a,#dribbble a{width:100%;height:100%;display:block;position:absolute;right:0;top:0;text-decoration:none;}
.box:before,#dribbble li:before{height:12px;width:100%;width:200px;content:'';background:#d3a87d;display:block;-webkit-transform:scale(1) rotate(0deg) translate(0, 0px) skew(-45deg, 0deg);-moz-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-45deg, 0deg);-o-transform:scale(1) rotate(0deg) translate(0px, 0px) skew(-45deg, 0deg);position:absolute;left:6px;top:8px;}
.box:after,#dribbble li:after{height:100%;height:150px;width:12px;content:'';background-color:#a09e98;-webkit-transform:scale(1) rotate(0) translate(0, 0) skew(0deg, -45deg);-moz-transform:scale(1) rotate(0) translate(0, 0) skew(0deg, -45deg);-o-transform:scale(1) rotate(0) translate(0, 0) skew(0deg, -45deg);transform-origin:0% 0%;display:block;position:absolute;right:33px;top:14px;background-image:-moz-linear-gradient(top, #ab8963, #6b553e);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ab8963), color-stop(1, #6b553e));background-image:-o-linear-gradient(top, #ab8963, #6b553e);}
.box:hover,#dribbble li:hover{left:-7px;top:5px;padding-right:15px;padding-bottom:20px;height:140px;background-position:-438px -60px;width:230px;height:195px;}
.box:hover:before,#dribbble li:hover:before{height:18px;margin:0;-webkit-transform:scale(1) rotate(0) translate(0px, 0px) skew(-45deg, 0deg);-moz-transform:scale(1) rotate(0) translate(0px, 0px) skew(-45deg, 0deg);-o-transform:scale(1) rotate(0) translate(0px, 0px) skew(-45deg, 0deg);transform-origin:0% 0%;display:block;position:absolute;left:9px;top:3px;}
.box:hover:after,#dribbble li:hover:after{width:18px;-webkit-transform:scale(1) rotate(0) translate(-2px, -7px) skew(0deg, -45deg);-moz-transform:scale(1) rotate(0) translate(-2px, -7px) skew(0deg, -45deg);-o-transform:scale(1) rotate(0) translate(-2px, -7px) skew(0deg, -45deg);transform-origin:0% 0%;top:19px;right:25px;}
.box:active,#dribbble li:active{top:-6px;left:6px;background-position:-771px -50px;}
.box:active:before,#dribbble li:active:before{height:6px;margin:0;-webkit-transform:scale(1) rotate(0) translate(0px, 0px) skew(-45deg, 0deg);-moz-transform:scale(1) rotate(0) translate(0px, 0px) skew(-45deg, 0deg);-o-transform:scale(1) rotate(0) translate(0px, 0px) skew(-45deg, 0deg);transform-origin:0% 0%;display:block;position:absolute;left:3px;top:14px;}
.box:active:after,#dribbble li:active:after{width:6px;-webkit-transform:scale(1) rotate(0) translate(-2px, -7px) skew(0deg, -45deg);-moz-transform:scale(1) rotate(0) translate(-2px, -7px) skew(0deg, -45deg);-o-transform:scale(1) rotate(0) translate(-2px, -7px) skew(0deg, -45deg);transform-origin:0% 0%;top:24px;right:38px;}
.box img,#dribbble img{width:200px;height:auto;position:absolute;top:20px;-moz-box-shadow:0px 0px 10px inset #000;-webkit-box-shadow:0px 0px 10px inset #000;box-shadow:0px 0px 10px inset #000;background-color:#FFF4E4;}
.box:hover img,#dribbble li:hover img{opacity:1;}
.box ul{display:none;}
.box .info{position:absolute;bottom:30px;width:100%;}.box .info a{position:relative;float:none;display:inline;}
.logo{position:relative;left:0;top:12px;width:120px;height:120px;float:left;}
.logo .box{height:100px;width:100px;text-align:center;background-color:#fff;}
.logo a{font-size:42px;font-weight:900;margin:auto;width:auto;height:auto;font-weight:normal;font-size:80px;text-align:center;text-decoration:none;color:#000;top:6px;position:relative;font-family:"atrament-web-1","atrament-web-2",sans-serif;}
.list.horizontal li{list-style-type:none;float:left;margin:0 10px 0 0;}
#social{position:absolute;right:0;top:34px;}
#social a:hover img{bottom:2px;position:relative;}
#footer{background-color:#ab8963;background:rgba(171, 137, 99, 0.4) url(../images/highlight-gradient.png) top center no-repeat;padding:50px 0 50px 0;}
#footer h3{color:#FFEBCF;}