@font-face { font-family: Gotham Bold; src: url('/fonts/Gotham-Bold.otf'); }

@font-face { font-family: Grotesque; src: url('http://everythingisgoingtobealright.org/GrotesqueMTStd.otf'); } 
@font-face { font-family: Grotesque; font-weight: bold; src: url('http://everythingisgoingtobealright.org/GrotesqueMTStd-BoldExtended.otf'); }

body { background: #fff; margin: 0; padding: 0; }



#borderBottom {position: fixed;height: 8px;bottom: 0;width: 100%;background: red;z-index: 40000;}
#borderTop {position: fixed;height: 8px;top: 0;width: 100%;background: red;z-index: 40000;}
#borderRight {position: fixed;height: 100%;right: 0;top: 0;width: 8px;background: red;z-index: 40000;}
#borderLeft {position: fixed;height: 100%;left: 0;top: 0;width: 8px;background: red;z-index: 40000;}

#container { position: absolute; top: 30%; margin-top: -120px; text-align: center; width: 100%; }
img { border: 0; }
#container h1 {display: none;}
a {font-family:helvetica, arial, serif;font-size: 30px;color:white;margin-top:20px;padding:0;text-decoration:none;}
a:hover .HI, a:hover .LO {display:block;}
a:hover .LOO {display: none;}
.HI {display:none;font: 40px Gotham Bold, Arial, sans-serif;color: white;margin: -50px 0 0 -300px;padding: 0;position: absolute;top: 0px;left: 50%;width: 600px;}
.LO {display:none;font: 40px Gotham Bold, Arial, sans-serif;color:white;margin:140px 0 0 -300px;padding:0;position:absolute;top:0px;left:50%;width: 600px;}
.LOO {display: none;}
p {font:20px Grotesque, GroGeorgia, Times, serif;color:white;margin: 50px 0 50px 0;padding:0;}
.happy {display:block;font-family:helvetica, arial, serif;font-size: 20px;color:white;margin:50px 0 0 -15px;padding:0;text-decoration:none;position:absolute;top:30px;left:50%;}