html {background: url(../img/coming_soon_15.jpg) repeat #7a7778;}
body {background: none; text-align: center; margin: 0 auto; font-size: 12px; color: #fff; font-family: Tahoma, Geneva, Verdana, sans-serif;}

/* ul, ol {margin: 20px 70px;}
ul li, ol li {margin: 12px 0;}

a:link, a:visited {text-decoration: underline; font-weight: bold; color: #297981;}
a:hover {text-decoration: none;}
a:active {color: #a6433e;} */

h1, h2 {font-weight: normal; color: #fff; margin: 0;}
h1 {font-size: 70px; font-weight: bold;}
h2 {font-size: 18px; text-shadow: 0px 2px 1px #000; margin: 50px 0px 15px 145px;}

/* p {margin: 12px 0; display: block; line-height: 1.4em;}

img {}

strong, .strong {font-weight: bold;} */   

div, nav, header, section, aside, footer {display: block;}

/* CONTAINER */

#distance {width: 0; height: 50%; margin-bottom: -300px; float: left;}

#floater {position: relative; height: 600px; width: 100%; clear: both; background: url(../img/coming_soon_05.jpg) repeat-x top left;}

/* === HEAD === */

#head {width: 600px; height: 320px; text-align: center; margin: 0 auto;}

#head aside {padding-top: 80px;}
#head aside p {font-size: 18px; text-shadow: 0px 2px 1px #000;}

/* LOGO */

#head hgroup {display: block; width: 415px; height: 152px; margin: 70px auto 0 auto; text-align: center; line-height: 152px; vertical-align: middle;}
#head hgroup h1 {display: block; width: 415px; height: 152px; margin: 0;}
#head hgroup h1 a {color: #fff; display: block; width: 415px; height: 152px; overflow: hidden; position: relative; text-decoration: none;}
#head hgroup h1 a span {display: block; width: 415px; height: 152px; overflow: hidden; position: absolute; top: 0; left: 0; background: url(../img/coming_soon_07.jpg) no-repeat 0 0; cursor: pointer;}

/* === PAGE === */

/* CONTENT */

#content {width: 600px; margin: 0 auto; text-align: left;}
                                                                           
/* FORM */

form {font-size: 12px; margin: 0 auto; width: 310px;}
form ul li {list-style: none; margin: 0;}
form ul li.input {float: left; margin-right: 4px;}
form ul li.input span input {font-size: 12px; height: 34px; line-height: 34px; vertical-align: middle; width: 200px; padding-left: 8px;}
form ul li.buttons {}
form ul li.buttons button {font-size: 12px; display: block; background: url(../img/coming_soon_11.png) no-repeat 0 0; border: 0; color: #fff; font-weight: bold; width: 93px; height: 35px; cursor: pointer; overflow: hidden; position: relative; margin: 0; padding: 0;}
form ul li.buttons button:hover {color: #000;}
form ul li.buttons button:active {background:  url(../img/coming_soon_11.png) no-repeat 0px -35px; color: #e77814;}

.form {float: right; margin-right: 200px;}    

/* === UTILITY === */

.clear  {clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0;}

.fl {float: left;}

.fr {float: right;}