@charset "utf-8";

/***** tags *****/
html { height: 100%; }
body { margin: 0; padding: 0; border: none; background: #C60000; height: 100%; font: 14px Arial, Helvetica, sans-serif; color: #FFF; }
table, tr, td, input, textarea, select { font: 12px Arial, Helvetica, sans-serif; }
form, img { margin: 0; padding: 0; border: none; background: none; }
a { color: #FFF; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 15px 0px 15px 0px; }
h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 28px; border: none; border-bottom: 1px solid #7C3E24; background: url(../img/bg-h1.png) 0px 2px no-repeat; line-height: 30px; font: bold 30px 'Philosopher', serif; color: #551900; }
h2 { margin: 15px 0px 15px 0px; padding: 0; border: none; background: none; line-height: 24px; font: 24px 'Philosopher', serif; color: #551900; }

/***** custom *****/
div.clear { clear: both; margin: 0; padding: 0; border: none; background: none; height: 0px; line-height: 0px; font-size: 0px; }
div.hr { margin: 15px 0px 15px 0px; padding: 0; border: none; background: #CCC; height: 1px; line-height: 1px; font-size: 1px; }

/***** bg *****/
#bg { position: fixed; width: 100%; height: 100%; }

/***** wrapper *****/
#wrapper { margin: 0; padding: 0; border: none; background: none; min-height: 100%; position: relative; }

/***** logo *****/
#typography { position: fixed; top: 50%; left: 50%; width: 535px; height: 238px; margin: -238px 0px 0px -267px; background: url(../img/typography.png) top left no-repeat; }

/***** content *****/
#coming-soon { position: fixed; top: 75%; left: 0px; width: 100%; height: 39px; margin: -39px 0px 0px 0px; background: url(../img/coming-soon-bg.png) top left repeat; font-weight: bold; text-align: center; }
#coming-soon img { vertical-align: top; }

/***** footer *****/
#footer { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100px; text-align: center; }
#footer img { vertical-align: top; }