html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, i, b, u, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:           0;
	padding:          0;
	border:           0;
	outline:          0;
	font-weight:      normal;
	font-style:       normal;
	font-size:        100%;
	font-family:      inherit;
	vertical-align:   baseline;
	list-style:       none;
  text-decoration:  none;
  line-height:      1;
}
:focus { outline:   0;}
abbr { border:      none;}

hr, .hide{ 
  display:          none;
}
html, body, article, section, footer, header, aside, nav, figure, hgroup{
  display:          block;
}
input, textarea, select, button{
  padding:          0;
  margin:           0;
  vertical-align:   middle;
  display:          block;
  background-color: #ddd;
  border:           none;
  width:            100%;
  font-size:        2em;
}
textarea{
  max-width:        100%;
}

input:hover,
textarea:hover,
select:hover,
button:hover{
  background-color: #eee;
}

body{
  color:            #666;
  background-color: #ddd;
  font-size:        125%;
  text-align:       center;
  font-family:      helvetica, arial, sans-serif;
  position:         relative;
}

/* ------------------------------------ */

.hide{display: none}
label{display: none}

/* ------------------------------------ */

html {
  min-height:           650px !important;
  height:               100%;
  background-image:     url('../images/tile.jpg');
  background-repeat:    repeat-x;
  background-color:     #222;
  display:              block;
  width:                100%;
  overflow:             hidden;
}

body {
  position:             relative;
  margin:               0;
  padding:              0;
}

body > img#logo{ display: none; }

img#hg{
  width:                auto;
  position:             absolute;
  z-index:              5;
  top:                  0;
  display:              none;
}

#grain{
  position:             absolute;
  z-index:              3;
  top:                  0;
}

#grain #sand{
  background:            #ff9900;
  position:              absolute;
  top:                   102%;
  left:                  50%;
  width:                 4px;
  height:                4px;
  margin-left:           -1px;
  -webkit-border-radius: 1px;
  -moz-border-radius:    1px;
  border-radius:         1px;
  opacity:               .75;
  
  -webkit-box-shadow:    0 0 10px #f90;
  box-shadow:            0 0 10px #f90;
  -moz-box-shadow:       0 0 10px #f90;
}

/* ------------------------------------ */

body{
  background-color:     transparent;
  background-image:     url('../images/highlight.png');
  background-repeat:    no-repeat;
  font-family:          Arial;
  min-width:            23em;
}

body:after{
  width:                100%;
  height:               40px;
}

a:hover{
  color:                #ff6600;
  text-decoration:      none;
}

header{
  position:             absolute;
  top:                  5em;
  left:                 5em;
}
header h1, header h2{
  text-indent:          -1000px;
}

header h1{
  width:                156px;
  height:               65px;
  background-image:     url("../images/glue-pro.png");
}

header h2{
  position:             absolute;
  top:                  5em;
  width:                247px;
  height:               121px;
  background-image:     url("../images/simple-publishing.png"); 
}

body#home section#signup form,
body#home section#signup form p,
body#home section#signup form a,
body#home section#signup form input,
body#home section#signup blockquote,
body#home section form.thankyou,
body#home footer ul li a,
body#home footer small em a{ 
  z-index:              10;
}

section form input{
  position:             absolute;
  left:                 4.65em;
  color:                #fff;
  line-height:          1.85em;
  
  padding-left:         .35em;
  background-color:     #393939 !important;
  width:                15em;
}

.enteremail a{
  left:                 21em;
}

section form input,
section form a{
  font-size:            1.1em;
  top:                  16.5em;
  height:               1.75em;
  
  -webkit-border-radius:4px;
  -moz-border-radius:   4px;
  border-radius:        4px;
  
  -webkit-box-shadow:   0px -1px 0px #222, 0px 1px 0px #999;
  box-shadow:           0px -1px 0px #222, 0px 1px 0px #999;
  -moz-box-shadow:      0px -1px 0px #222, 0px 1px 0px #999;
}

section form a{
  position:             absolute;
  left:                 4.65em;
  
  line-height:          1.85em !important;
  padding:              0 .5em;

  color:                #fff;
  background-color:     #ff6600;
                        
  background-image: -moz-linear-gradient(top, #ff802b, #ff5000);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ff802b),color-stop(1, #ff5000));
  
  text-shadow:          0px -1px 0px #993300;
}

section form a:hover{
  color:                #fff;
  opacity:              .8;
}

.thankyou{
  position:             absolute;
  font-size:            1.1em;
  color:                #fff;
  text-shadow:          0px -1px 0px #000, 0px 1px 0px #555 ;
  top:                  17em;
  left:                 4.65em;
}

.thankyou strong{ color: #ff6600;}

.enteremail p{
  position:             absolute;
  color:                #777;
  font-size:            .65em;
  left:                 8em;
  top:                  32em;
}

blockquote{ display: none;}

section blockquote{
  position:             absolute;
  top:                  37.5em;
  left:                 8.5em;

  color:                #999;
  
  font-size:            .6em;
  width:                20.5em;
  text-align:           justify;
}

section blockquote p{
  line-height:          1.4em;
}

blockquote cite{
  font-size:            .75em;
  margin-top:           2em;
  color:                #777;
  display:              block;
}

blockquote cite a{
  font-size:            1.2em;
  font-family:          Georgia, serif;
  color:                #777;
  font-style:           italic;
  color:                inherit;
  text-decoration:      underline;
}

footer{
  position:             fixed;
  left:                 5em;
  bottom:               1em;
  z-index:              100;
}

footer ul li a{
  position:             absolute;
  left:                 0;
  bottom:               3em;
  font-size:            .45em;
  color:                #555;
  letter-spacing:       1px;
  text-transform:       uppercase;
}

#twitter a{
  left:                 13em;
  width:                95px;
  height:               16px;
  text-align:           right;
  line-height:          2em;
  background-position:  left top;
  background-image:     url('../images/twitter.gif');
  background-repeat:    no-repeat;
}

#fb a{
  left:                 0em;
  width:                95px;
  height:               16px;
  text-align:           right;
  line-height:          2em;
  background-position:  left top;
  background-image:     url('../images/facebook.gif');
  background-repeat:    no-repeat;
}

#fb a:hover{            color: #336699;}
#twitter a:hover{       color: #3399cc;}

#twitter a:hover,
#fb a:hover{
  background-position:  left bottom;
}

footer small{
  font-size:            .5em;
  color:                #444;
}

footer small a{
  text-decoration:      underline;
  color:                #444;
}