@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@font-face{font-family:'AnimalsNormal';src:url(fonts/animals-webfont.eot);src:url(fonts/animals-webfont.eot?#iefix) format('embedded-opentype') , url(fonts/animals-webfont.woff) format('woff') , url(fonts/animals-webfont.ttf) format('truetype') , url(fonts/animals-webfont.svg#AnimalsNormal) format('svg');font-weight:normal;font-style:normal}html{height:100%}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:0;margin-bottom:0}.clearfix:after{content:"";display:table;clear:both}body{font-family:'Lato',Calibri,Arial,sans-serif;background:#fff;font-weight:300;font-size:15px;color:#d8d8c9;-webkit-font-smoothing:antialiased}a{color:#555;text-decoration:none}.container{width:100%;position:relative}.container.demo-1{height:100%;position:absolute}.clr{clear:both;padding:0;height:0;margin:0}.main{width:90%;margin:0 auto;position:relative}.container>header,.content-wrapper{width:60%;max-width:960px;margin:0 auto;padding-bottom:0;padding-left:10px;padding-right:10px;padding-top:0}.content-wrapper p{padding-top:0;line-height:26px;color:#483718}.container>header h1{font-size:34px;line-height:38px;font-weight:700;color:#333;margin-bottom:0;margin-left:0;margin-top:0;float:left}.container>header h1 span{display:block;font-size:20px;font-weight:300}.codrops-top{line-height:24px;font-size:11px;border-top-color:#0F9
	text-transform: uppercase;z-index:9999;position:fixed;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,sans-serif;background-color:#483718;left:0;right:0;top:0;text-transform:capitalize}.codrops-toptop{line-height:24px;font-size:11px;border-top-color:#0F9
	text-transform: uppercase;z-index:9999;position:fixed;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,sans-serif;background-color:#483718;text-transform:uppercase;left:0;right:0;top:0}.codrops-top a{color:#333;display:inline-block;padding-bottom:0;padding-left:10px;padding-right:10px;padding-top:0}.codrops-top a:hover{background:rgba(255,255,255,.6)}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block;color:#d8d8c9;font-size:14px}.codrops-demos{float:right;padding-top:10px}.demo-1 .codrops-demos{position:absolute;z-index:2000;top:30px;left:30px}.codrops-demos a{display:inline-block;margin:10px;color:#333;font-weight:700;line-height:30px;border-bottom:4px solid transparent}.codrops-demos a:hover{color:#883d59;border-color:#883d59}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:#aaa;border-color:#aaa}.footer{position:fixed;color:#483718;width:100%;text-align:center;height:50px;background-image:url(/images/bg_footer.png.pagespeed.ce.vjC8y856W3.png);left:0;bottom:0;margin-bottom:0}.icons{width:auto;height:33px;margin-left:10px;margin-right:10px;margin-top:8px;font-weight:normal;border:0}