* {
margin: 0;
}
html, body {
height: 100%;
}
.wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
.push {
height: 60px;
}
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #777;
font-size: 14px;
background: #eee url(images/white_bg.png) repeat 0 0;
margin: 0;
padding: 0;
line-height: 18px;
}
img {
border: none;
outline: none;
}
ul {
padding: 10px 0;
margin: 0 0 0 30px;
list-style-type: square;
}
li {
margin: 0;
padding: 0;
}
a, a:visited {
outline: none;
color: #21A6F3;
text-decoration: none;
}
a:hover {
color: #7BC000;
text-decoration: none;
}
a:active, a:focus {
color: #9178C2;
}
a {
-moz-transition-duration: .33s;
-moz-transition-property: color,;
-webkit-transition-duration: .33s;
-webkit-transition-property: color;
-o-transition-duration: .33s;
-o-transition-property: color;	
}
h1 {
text-align: center;
padding: 0;
margin: 0;
color: #21A6F3;
font: 22px 'Open Sans', sans-serif;
line-height: 64px;
font-weight: 400;
text-shadow: 0 1px 0 #fff;
}
.swfWrapper {
margin-top: 15px;
text-align: center;
}
.wrapper {
width: 960px;
margin: 0 auto;
}
.header {
width: 100%;
margin: 0 auto 10px;
background: #222 url(images/black_bg.png) repeat 0 0;
border-bottom: 1px solid #fff;
}
a.title {
color: #fff;
text-shadow: 0 1px 0 #000;
font: 28px 'Open Sans', sans-serif;
font-weight: 400;
text-decoration: none;
line-height: 60px;
}
a.title:hover {
color: #fff;
text-shadow: 0 1px 0 #000;
font: 28px 'Open Sans', sans-serif;
font-weight: 400;
text-decoration: none;
line-height: 60px;
}
.nav {
float: right;
list-style: none;
padding: 0;
margin: 0;
text-align: right;
}
.nav li {
display: inline-block;
height: 60px;
line-height: 60px;
margin: 0 8px;
}
.nav li a {
color: #aaa;
text-transform: uppercase;
text-shadow: 0 1px 0 #000;
}
.nav li a:hover {
color: #fff;
}
.full {
width: 938px;
}
.twothirds {
width: 618px;
}
.onethird {
width: 298px;
}
.box .twtr-hd {
display: none;
}
.box .twtr-user {
display: none;
}
.box {
float: left;
margin: 10px;
background: rgba(255,255,255,0.6);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.05);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05);
box-shadow: 0 0 5px rgba(0,0,0,0.05);
border: 1px solid #ddd;
}
.box-header {
padding: 15px 20px;
margin: 0;
background-color: rgba(255,255,255,0.7);
border-bottom: 1px solid #eee;
}
.box-header h2 {
padding: 0;
margin: 0;
color: #444;
font: 24px 'Open Sans', sans-serif;
font-weight: 300;
}
.box-image {
float: left;
margin: 5px 5px 4px;
height: 24px;
width: 40px;
}
#about {
background: url(images/about.png) no-repeat 0 0;
}
#featured {
background: url(images/star.png) no-repeat 0 0;
}
#news {
background: url(images/rss.png) no-repeat 0 0;
}
#message {
background: url(images/mail.png) no-repeat 0 0;
}
#contacts {
background: url(images/at.png) no-repeat 0 0;
}
#lab {
background: url(images/lab.png) no-repeat 0 0;
}
#swf {
background: url(images/flash.png) no-repeat 0 0;
}
#games {
background: url(images/game.png) no-repeat 0 0;
}
#web {
background: url(images/web.png) no-repeat 0 0;
}
#graphic {
background: url(images/graphic.png) no-repeat 0 0;
}
#twitter {
background: url(images/twitter.png) no-repeat 0 0;
}
#error {
background: url(images/error.png) no-repeat 0 0;
}
.box .content {
padding: 0 20px 15px;
}
.box p {
margin: 0;
padding: 10px 0 0 0;
}
p.date {
padding: 0;
color: #999;
}
.box h3 {
padding: 10px 0 5px;
margin: 0;
color: #444;
font: 20px 'Open Sans', sans-serif;
line-height: 24px;
font-weight: 400;
}
.box strong {
color: #666;
font-weight: 500;
}
.featured .icon {
margin: 10px auto 0;
float: none;
}
.featured {
text-align: center;
}
.icon {
width: 128px;
text-align: center;
float: left;
margin: 15px 0 0;
}
.icon img {
width: 100px;
margin-bottom: 5px;
border: 1px solid #fff;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.33);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.33);
box-shadow: 0 0 5px rgba(0,0,0,0.33);
}
.icon a {
color: #999;
}
.icon a:hover {
color: #555;
}
.download {
display: inline-block;
width: 9px;
height: 9px;
padding: 2px 0 2px 6px;
background: url(images/download.png) no-repeat 6px 4px;
}
.download span {
display: none;
}
.footer {
text-align: left;
height: 49px;
line-height: 49px;
margin-top: 10px;
background: rgba(255,255,255,0.4);
border-top: 1px solid #ddd;
color: #999;
}
.links {
float: right;
text-align: right;
line-height: 49px;
}
.links a {
color: #999;
display: inline-box;
padding: 0 10px;
border-left: 1px solid #ddd;
}
.links a:first-child {
border-left: none;
}
.links a:hover {
color: #555;
}
.clear {
clear: both;
}
.accordion {
float: left;
background: rgba(255,255,255,0.6);
width: 458px;
border: 1px dotted #cdcdcd;
line-height: 17px;
margin: 10px;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.05);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05);
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.accordion a {
text-decoration: none;
}
.accordion h3 {
display: block;
background-color: rgba(255,255,255,0.7);
border-bottom: 1px solid #eee;
padding: 15px 20px;
cursor: pointer;
margin: 0;
color: #444;
font: 18px 'Open Sans', sans-serif;
font-weight: 300;
}
.accordion h3.current {
cursor: default;
}
.accordion div.pane {
display:none;
padding: 15px;
height: 335px;
line-height: 20px;
}
.info h2 {
display: none !important;
}
.wufoo .info{
display:none
}