html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body{color:#505050;margin:0px;padding:0px;font:20px "Annie Use Your Telescope", "Terminal Dosis", sans-serif;overflow:hidden;}
h1{color:#EE7F01;margin:0px;padding:0px;font-size:25px;font-weight:bold;line-height:1.5em;}
p{margin:0px;padding:0px;font-size:18px;letter-spacing:0.05em;}
a{color:#EE7F01;text-decoration:none;line-height:30px;}
a:hover{color:#505050;}
.wrapper{background:url(../assets/bg.png) repeat 0 0;height:4500px;width:6000px;}
.wrapper div{position:absolute;}
.wrapper .item-1{float:left;height:225px;width:225px;margin-right:20px;margin-bottom:20px;position:relative;}
.wrapper .item-2{float:left;height:225px;width:225px;margin-right:20px;margin-bottom:20px;position:relative;}
.wrapper .item-3{float:left;height:225px;width:225px;margin-right:20px;margin-bottom:20px;position:relative;}
.wrapper .item-4{float:left;height:225px;width:225px;margin-bottom:20px;position:relative;}
.item-1 a img{height:179px;width:179px;background:url(../assets/sprite.png) no-repeat -5px -389px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding:23px;}
.item-2 a img{height:179px;width:179px;background:url(../assets/sprite.png) no-repeat -235px -389px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding:23px;}
.item-3 a img{height:179px;width:179px;background:url(../assets/sprite.png) no-repeat -465px -389px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding:23px;}
.item-4 a img{height:179px;width:179px;background:url(../assets/sprite.png) no-repeat -695px -389px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding:23px;}
.item-1 div, .item-2 div, .item-3 div, .item-4 div{opacity:0;height:75px;padding:100px 50px 50px;position:absolute;top:0;width:125px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.item-1 div{background:url(../assets/sprite.png) no-repeat -5px -619px;}
.item-2 div{background:url(../assets/sprite.png) no-repeat -235px -619px;}
.item-3 div{background:url(../assets/sprite.png) no-repeat -465px -619px;}
.item-4 div{background:url(../assets/sprite.png) no-repeat -695px -619px;}
.item-1:hover div, .item-2:hover div, .item-3:hover div, .item-4:hover div{opacity:1;height:75px;padding:100px 50px 50px;position:absolute;top:0;width:125px;}
.item-1 div a, .item-2 div a, .item-3 div a, .item-4 div a{font-family:Arial, Helvetica, sans-serif;font-size:14px;padding:5px 11px;background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d1d1d1);background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#d1d1d1));background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #999999;-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);text-shadow:0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);}
.item {
	background: #efefef;
	position: relative !important;
	float: left;
	height: 180px;
	margin: 0 15px 10px;
	width: 310px;
}
.item.alpha {
	margin: 0 0 10px;
}
.item.omega {
	margin: 0 0 10px;
}
.item a {
	
}
.item img {
	
}
.item div {
	display: none;	
}
.item:hover div {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;	
}
.item div a {
	color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin: -15px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 100px;
}
.item div a:hover {
	color: orange;
}
.notification{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;height:45px;left:50%;margin-left:-350px;padding:5px 10px 10px;position:fixed;top:0;width:700px;z-index:999999;}
.notification p{font:12px/8px Arial, Helvetica, sans-serif;}
.sp-canvas{display:none;margin:20px auto;}
.wrapper .arrows{position:relative;padding:0 445px;height:40px;width:70px;}
.icon-circle-arrow-up{background:url(../assets/icons.png) no-repeat -5px -75px;display:block;height:30px;width:30px;}
.icon-circle-arrow-down{background:url(../assets/icons.png) no-repeat -40px -75px;display:block;height:30px;width:30px;}
.icon-circle-arrow-left{background:url(../assets/icons.png) no-repeat -5px -110px;display:block;height:30px;width:30px;}
.icon-circle-arrow-right{background:url(../assets/icons.png) no-repeat -40px -110px;display:block;height:30px;width:30px;}
.animate .icon-circle-arrow-up{background:url(../assets/icons.png) no-repeat -5px -5px;}
.animate .icon-circle-arrow-down{background:url(../assets/icons.png) no-repeat -40px -5px;}
.animate .icon-circle-arrow-left{background:url(../assets/icons.png) no-repeat -5px -40px;}
.animate .icon-circle-arrow-right{background:url(../assets/icons.png) no-repeat -40px -40px;}
.wrapper .arrows .arrow{clear:none;float:left;margin:0 2px;}
.wrapper .arrows .animate{color:#EE7F01;}
.wrapper .arrow{color:#ccc;clear:both;font-size:35px;position:relative;display:block;width:30px;margin:20px auto;z-index:999999999}
.wrapper .animate{color:#EE7F01;}
.copy{background:url(../assets/copy.png) no-repeat 0 0;}
.we-serve{background:url(../assets/copy.png) no-repeat -5px -5px;left:1465px;top:2020px;height:104px;width:215px;}
.seo{background:url(../assets/copy.png) no-repeat -5px -114px;left:670px;top:2800px;height:129px;width:885px;}
.ux{background:url(../assets/copy.png) no-repeat -225px -5px;left:2550px;top:3635px;height:104px;width:448px;}
.web{background:url(../assets/copy.png) no-repeat -5px -248px;left:3350px;top:2845px;height:87px;width:394px;}
.design{background:url(../assets/copy.png) no-repeat -678px -5px;left:3450px;top:1125px;height:104px;width:400px;}
.ideen{background:url(../assets/copy.png) no-repeat -411px -248px;left:1550px;top:1200px;height:136px;width:375px;}
.header{width:960px;font-size:30px;text-align:left;font-weight:bold;top:1340px;left:1440px;background:url(../assets/header.png) no-repeat 0 0;padding:0px;height:153px;}
.header h1{margin:0 30px 0 350px;}
.header p{margin:0 30px 0 350px;line-height:1.3em;}
.description{top:2060px;left:1440px;height:615px;width:960px;}
.syntax{top:2865px;left:640px;height:615px;width:960px;}
.scrollbar{top:3715px;left:2020px;height:525px;width:960px;}
.rotations{top:2865px;left:2820px;height:615px;width:960px;}
.source{top:1165px;left:2920px;height:615px;width:960px;}
.share{background: none repeat scroll 0 0 #ECEEF5;border: 1px solid #CAD4E7;border-radius: 3px 3px 3px 3px;color: #3B5998;display: inline;font-size:11px;line-height:15px;padding: 2px 5px;}
.share img{position: relative;top: 1px;}
.share:hover{background-color: #ECEEF5;border-color: #9DACCE;color: #3B5998;}
.fb_edge_widget_with_comment{}