/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, i, 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;
}
/* HTML5 display-role reset for older browsers */
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;
}

/* MAIN STYLES */

body{
          font-family: 'Open Sans', sans-serif;
          font-size: 1em;
          color: #e3e3e3;

          background: url('../images/bg.jpg') repeat left top;
          padding: 10px;

          -webkit-animation: interlace 15s linear infinite;
          -moz-animation: interlace 15s linear infinite;
          animation: interlace 15s linear infinite ;

}

@-webkit-keyframes interlace {
          from {
          background-position: 0 0
}
to {
          background-position: -749px 0
}
}

@keyframes interlace {
          from {
          background-position: 0 0
}
to {
          background-position: -749px 0
}
}

@-moz-keyframes interlace {
          from {
          background-position: 0 0
}
to {
          background-position: -749px 0
}
}


#page_wrapper{
          position: absolute;
          top: 50%;
          left: 50%;

          transition: left .3s, top .3s;
          -webkit-transition: left .3s, top .3s;
}

header{
          text-align: center;
}

section{
          background-color: #333;
          padding: 20px;
          box-shadow: 0px 0px 12px #555;
}

header h1{
          color: #222;
          text-shadow: 1px 1px 1px #555;
          font-size: 160%;
          margin-bottom: 15px;
}

section h1,h2{
          color: white;
}

h2{
          font-size: 130%;
}

p{
          line-height: 1.3em;
          margin-bottom: 15px;
}

a{
          text-decoration: none;
          color: #ff0066;
          transition: color .5s;
          -webkit-transition: color .5s; /* Safari */
}

a:hover{
          color: white;
}

footer{
          margin-top: 15px;
          font-size: 80%;
          text-align: center;
          color: #555
}

#links{
          margin-bottom: 5px;
}

#links a{
          transition: opacity .5s;
          -webkit-transition: opacity .5s; /* Safari */
}

#links a:hover{
          opacity: .5;
}

/* CLASSES */

.center{
          text-align: center;
}

.bold{
          font-weight: bold;
}

.hghl{
          color: #cc0000
}


#circleG{
          display: inline-block;
          width:64.16666666666667px;
}

.circleG{
          background-color:#FFFFFF;
          float:left;
          height:14px;
          margin-left:7px;
          width:14px;
          -moz-animation-name:bounce_circleG;
          -moz-animation-duration:1.7999999999999998s;
          -moz-animation-iteration-count:infinite;
          -moz-animation-direction:linear;
          -moz-border-radius:9px;
          -webkit-animation-name:bounce_circleG;
          -webkit-animation-duration:1.7999999999999998s;
          -webkit-animation-iteration-count:infinite;
          -webkit-animation-direction:linear;
          -webkit-border-radius:9px;
          -ms-animation-name:bounce_circleG;
          -ms-animation-duration:1.7999999999999998s;
          -ms-animation-iteration-count:infinite;
          -ms-animation-direction:linear;
          -ms-border-radius:9px;
          -o-animation-name:bounce_circleG;
          -o-animation-duration:1.7999999999999998s;
          -o-animation-iteration-count:infinite;
          -o-animation-direction:linear;
          -o-border-radius:9px;
          animation-name:bounce_circleG;
          animation-duration:1.7999999999999998s;
          animation-iteration-count:infinite;
          animation-direction:linear;
          border-radius:9px;
}

#circleG_1{
          -moz-animation-delay:0.36s;
          -webkit-animation-delay:0.36s;
          -ms-animation-delay:0.36s;
          -o-animation-delay:0.36s;
          animation-delay:0.36s;
}

#circleG_2{
          -moz-animation-delay:0.8400000000000001s;
          -webkit-animation-delay:0.8400000000000001s;
          -ms-animation-delay:0.8400000000000001s;
          -o-animation-delay:0.8400000000000001s;
          animation-delay:0.8400000000000001s;
}

#circleG_3{
          -moz-animation-delay:1.0799999999999998s;
          -webkit-animation-delay:1.0799999999999998s;
          -ms-animation-delay:1.0799999999999998s;
          -o-animation-delay:1.0799999999999998s;
          animation-delay:1.0799999999999998s;
}

@-moz-keyframes bounce_circleG{
          0%{
}

50%{
          background-color:#EB2828}

100%{
}

}

@-webkit-keyframes bounce_circleG{
          0%{
}

50%{
          background-color:#EB2828}

100%{
}

}

@-ms-keyframes bounce_circleG{
          0%{
}

50%{
          background-color:#EB2828}

100%{
}

}

@-o-keyframes bounce_circleG{
          0%{
}

50%{
          background-color:#EB2828}

100%{
}

}

@keyframes bounce_circleG{
          0%{
}

50%{
          background-color:#EB2828}

100%{
}

}