@font-face {
    font-family: 'texgyreheros';
    src: url('fonts/texgyreheros-regular-webfont.eot');
    src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreheros';
    src: url('fonts/texgyreheros-bold-webfont.eot');
    src: url('fonts/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-bold-webfont.woff') format('woff'),
         url('fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
    font-weight: bold;
    font-style: normal;
}


BODY { background-image: url("background.png"); background-repeat: no-repeat; background-position: right top; background-attachment: fixed; font-family: "texgyreheros", "sans-serif"; font-size: 14px; color: #76c3ea; }

P, LI {font-family: "texgyreheros", "sans-serif"; font-size: 14px; margin: 0px; line-height: 18px}

.huge {font-size: 64px;}
.reallybig {font-size: 32px;}
.big {font-size: 18px;}
.small {font-size: 10px; font-weight: 400}

.bold {font-weight: 700}
.semibold {font-weight: 600}

A:link {color: #76c3ea; text-decoration: underline; }
A:visited {color: #76c3ea; text-decoration: underline; }
A:hover {color: #76c3ea; text-decoration: none;}

IMG {border: 0}

.frame {
  border: 1px solid #D0D0D0
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}