body{
    font-family: 'Open Sans', Helvetica,Arial,sans-serif;
    color: #555;
    background-color: #f3f3f3;
    width:100%;
    padding:0;
    margin: 0;
}
h1,h2,h3,h4,h5,h6{
    font-size:36px;
    line-height:48px;
    font-weight:normal;
    text-shadow: 4px 4px 0px #ddd;
}


a, a:visited{
    text-shadow: none;
}
a:hover{
    color:#fff !important;
    text-shadow: none;
}
#site a:active{
    position:relative;
    top:1px;
    left:1px;
}
p{
    margin:18px 0;
}




.s div.c{
    width:640px;
    margin:0 auto;
}

.s{
    padding: 60px 0;
}
.strap, .strip-z{
    padding: 24px 0;

}



.strip-d img{
    float:left;
    border-right:8px solid #f3f3f3;
    border-left:8px solid #f3f3f3;
    margin-right:40px;
}
.strip-d p{
}






.strip-a{
    font-size:36px;
    text-shadow: 1px 1px 1px #ccc;

}
.strip-b{
    font-size:18px;
    background-color: #e8e8e8;
    text-shadow: 1px 1px 1px #ccc;
    
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f3f3f3));
  background-image: -webkit-linear-gradient(#e3e3e3, #f3f3f3);
  background-image: -moz-linear-gradient(#e3e3e3, #f3f3f3);
  background-image: -o-linear-gradient(top, #e3e3e3, #f3f3f3);
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f3f3f3));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e3e3e3', EndColorStr='#f3f3f3', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#f3f3f3', GradientType=0))";
}
.strip-d{
    font-size:18px;
    background-color: #333;
    text-shadow: 1px 1px 1px #111;
    margin:0;
    padding:0;
    height:360px;
    color:#ccc;
}
.strip-e{
    font-size:18px;
    background-color: #eee;
    color: #666;
    text-shadow: 1px 1px 1px #ccc;
}
.strip-z{
    font-size:12px;
    background-color: #333;
    color: #aaa;
    text-shadow: none;
}
.strap{
    padding:18px 0;
    font-size:24px;
    color:#333;
    text-shadow: 1px 1px 1px #aaa;

  background-color: #f9f9f9;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f6f6f6));
  background-image: -webkit-linear-gradient(#f9f9f9, #f6f6f6);
  background-image: -moz-linear-gradient(#f9f9f9, #f6f6f6);
  background-image: -o-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f6f6f6));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f9f9f9', EndColorStr='#f6f6f6', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#f6f6f6', GradientType=0))";
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ddd;
}

.screenshots{
    margin-top:48px;
}
.screenshots a img{
    margin:0 4px;
    border:1px solid #ccc;
    -moz-box-shadow:4px 4px 0px #ddd;
    -webkit-box-shadow:4px 4px 0px #ddd;
    box-shadow:4px 4px 0px #ddd;
    -webkit-transition:1s linear all;-moz-transition:1s linear all;transition:1s linear all;
}
.screenshots a:hover{
    border:0;
    background:transparent !important;
}
.screenshots a:hover img{
    border:1px solid #666;
}

.details{
    margin-top:48px;
    font-size:11px;
    color:#aaa;
    text-shadow:none !important;
}