@charset "utf-8";
/* CSS Document */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
 margin: 0;
 padding: 0
}
body {
 color:#dcdcdc;
 font: 11px/17px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
 -webkit-font-smoothing: antialiased;
 background-color: #000000;
 overflow: hidden;
}
#logo_wrapper {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
}
@media screen {
body>div#logo_wrapper {
 position: fixed;
}
}
#wrapper {
 margin-top: 20%;
 margin-left: 2%;
 height: 440px;
 overflow: auto;
}
#page {
 width: 100%;
 clear: left;
}
.demonstrations {
 width: 100%;
 float: left;
 clear: both;
}
.demonstrations .demo {
 width: 84px;
 height: 84px;
 float: left;
 padding: 2px;
 cursor: pointer;
}
.demonstrations .demo a {
 width: 80px;
 height: 80px;
 float: left;
 padding: 2px;
 background: #dcdcdc;
}
.demonstrations .demo a:hover {
 background: #ff0000;
}
.demonstrations div img {
 width: 80px;
 height: 80px;
 float: left;
 opacity: 1;
 filter: alpha(opacity=100);
}
.demonstrations div img:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
.demonstrations .rightmost {
 margin-right: 0;
}