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

body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin: 0;
	padding: 0;
	background: #66ccff url('images/cloud.jpg') no-repeat center center; /* Old browsers */
	background-attachment: fixed;
	background-size: cover;		
}
.main { /* The old syntax, deprecated, but still needed, prefixed, for WebKit-based and old browsers */ 
background: -prefix-linear-gradient(left, rgba(255,255,255,0), rgba(102,204,255,0.5)), url(images/cloud.jpg);
/* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */  
background: linear-gradient(to right, rgba(255,255,255,0), rgba(102,204,255,0.5)), url(images/cloud.jpg);
width: 80%; height: 80%; margin:0 auto;}
h1, h2, h3, h4, h5, h6 { font-family: 'gistlight', /*'gist_uprightextrabold',*/ sans-serif; }
h1 { font-size: 1200%; letter-spacing: 50px; word-break: break-all; }