/* Global reset */
@charset "utf-8";
body {line-height: 1;}
html, body, div, span, h1, h2, h3, h4, h5, h6, a, img, strong, ul, li, fieldset, form, input, textarea, label, legend, table, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
ol, ul {list-style: none;}
img {border: 0;}

/* Global styles */
h1 {margin: 17px 0 20px 0; font: 48px/52px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #AAA; letter-spacing: -2px;}
h2 {font: bold 24px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.5px;}
h3 {font: bold 24px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.5px;}
p {font: 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
span {font: 16px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;}
a {text-decoration: none; cursor: pointer; outline: none;}
h1, h2, p, span {cursor: default;}

/* Containers */
html, body {height: 100%;}
#wrapper {position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -36px;}
#top {width: 100%; height: 245px; background: url('../img/tff-bkg.jpg') no-repeat bottom;}
#bottom {width: 100%;}
#content {position: relative; width: 800px; margin: 0 auto; padding: 16px 0 20px 86px;}

/* Navigation */
#bottom span.nav {font: 26px/33px Arial, Helvetica, sans-serif; color: #AAA;}
#bottom span.nav a {font: 26px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #996699; letter-spacing: -0.5px;}
#bottom span.nav a.on {color: #333;}
#bottom span.nav a:hover {color: #855885;}
#bottom span.nav a.on:hover {color: #333; cursor: default;}

/* Text elements */
#content p {width: 800px;}
#footer span {font-size: 12px; color: #AAA;}

/* Footer */
#footer {position: relative; width: 100%; height: 36px; margin: 0 auto; text-align: center;}
#footer img {margin: 0 1px; width: 16px; height: 11px;}
#footer-push {height: 36px;}