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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

:focus {
     outline: 0;
}

ins {
     text-decoration: none;
}

del {
     text-decoration: line-through;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

html, body {
     overflow: hidden;
     height: 100%;
     width: 100%;
     background: url(bg.png) repeat #2B2B2B;
}

#wrap {
     height: 100%;
     width: 100%;
}

#ribbon {
     height: 380px;
     width: 1000px;
     position: absolute;
     display: none;
     left: 0;
}

#ribbon ul {
     height: 100%;
}

#ribbon ul li {
     float: left;
     height: 100%;
}

#ribbon img {
     opacity: 0.3;
     filter: alpha(opacity=30);
     -ms-filter: "alpha(opacity=30)";
     height: 100%;
     margin-right: 10px;
}

#ribbon img:hover {
     -moz-box-shadow: 0 0 10px #000;
     -webkit-box-shadow: 0 0 10px #000;
     opacity: 0.6;
     filter: alpha(opacity=60);
     -ms-filter: "alpha(opacity=60)";
}

#ribbon img.current {
     -moz-box-shadow: 0 0 10px #000;
     -webkit-box-shadow: 0 0 10px #000;
     opacity: 1.0;
     filter: alpha(opacity=100);
     -ms-filter: "alpha(opacity=100)";
}

#bulletBar {
     position: absolute;
     width: 100%;
}

.bullet {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     height: 8px;
     width: 8px;
     background-color: #888;
     margin-right: 4px;
     margin-bottom: 4px;
     float: left;
     opacity: 0.2;
     filter: alpha(opacity=20);
     -ms-filter: "alpha(opacity=20)";
     cursor: pointer;
}

.bullet.current, .bullet:hover {
     opacity: 1.0;
     filter: alpha(opacity=100);
     -ms-filter: "alpha(opacity=100)";
}

.bullet .img {
     position: absolute;
     margin-top: -68px;
     margin-left: -28px;
     display: none;
     padding: 7px 7px 10px;
     background: url(arrow_mini.png) center bottom;
}

.bullet:hover .img {
     display: block;
}

#loader {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 350px;
     height: 100px;
     margin-top: -50px;
     margin-left: -175px;
     color: #999;
     text-align: center;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 13px;
     line-height: 150%;
}

#navig {
     text-align: left;
     padding-left: 10px;
}

#navig a, .backNav a {
     color: #2B2B2B;
     opacity: 0.2;
     text-decoration: none;
     line-height: 100%;
     display: block;
     padding: 10px;
     margin: 10px 5px 5px 0;
     background-color: #FFF;
     float: left;
     font: bold 14px Arial, Helvetica, sans-serif;
}

#navig a:hover,  .backNav a:hover {
     opacity: 0.4;
}

#navig a.current {
     opacity: 1.0;
     -moz-box-shadow: 0 0 5px #000;
     -webkit-box-shadow: 0 0 5px #000;
}

#navig a.logo {
     opacity: 1.0;
     background-color: #900;
     color: #FFF;
     -moz-box-shadow: 0 0 10px #000;
     -webkit-box-shadow: 0 0 10px #000;
}