/** CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: hidden;
	font-size: 100%;
	margin: 0px;
	outline: 0px;
	padding: 0px;
	}

body {
	background-image: url('../imgs/bg-main.png');
	background-repeat: repeat;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: 400;
	height: 100%;
	overflow: hidden;
	width: 100%;
	}

#bg {
	background-image: url( 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSI+DQogIDxkZWZzPg0KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZDEiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjIwMCUiIGZ4PSI1MCUiIGZ5PSI1MCUiPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMCwwKTtzdG9wLW9wYWNpdHk6MCIgLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMCwwKTtzdG9wLW9wYWNpdHk6MTAwIiAvPg0KICAgIDwvcmFkaWFsR3JhZGllbnQ+DQogIDwvZGVmcz4NCiAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkMSkiIC8+DQo8L3N2Zz4=' );
	display: table;
	height: 100%;
	position: fixed;
	width: 100%;
	}

#main {
	display: table-cell;
	height: 100%;
	margin: auto;
	vertical-align: middle;
	width: 100%;
	}

#content {
	margin: auto;
  padding-bottom: 20px;
	text-align: center;
	width: 600px;
	}

#logo {
	background-image: url('../imgs/logo-dreambyte.png');
	background-repeat: no-repeat;
	height: 27px;
	margin: auto;
	position: relative;
	width: 196px;
	}

#info {
	color: #e1e1e1;
	font-size: 13px;
	line-height: 135%;
	position: relative;
	text-shadow: 1px 1px 1px #3e444d;
	top: 15px;
	}

a { color: #e1e1e1; text-decoration: none; }
a:link { color: #e1e1e1; text-decoration: none; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; }
a:visited { color: #e1e1e1; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; }
a:active { color: #e1e1e1; text-decoration: none; }

#newsletter {
  background-image: url('../imgs/bg-newsletter-box.png');
  background-repeat: no-repeat;
  height: 138px;
  margin: auto;
  position: relative;
  top: 40px;
  width: 398px;
  }
#newsletter-main {
  display: block;
  float: left;
  height: 113px;
  left: 15px;
  margin: auto;
  top: -5px;
  position: relative;
  width: 368px;
  }
.box-title {
  color: #e1e1e1;
  float: left;
  font-size: 13px;
  left: 15px;
  line-height: 20px;
  position: relative;
  text-shadow: 1px 1px 1px #3e444d;
  top: -10px;
  }
#footer {
  color: #e1e1e1;
  text-shadow: 1px 1px 1px #3e444d;
  font-size: 11px;
  line-height: 130%;
  margin: auto;
  margin-bottom: 50px;
  position: relative;
  top: 55px;
  width: 500px;
  }
#newsletter-message {
  display: none;
  float: left;
  height: 113px;
  left: 15px;
  line-height: 100%;
  margin: auto;
  top: -5px;
  position: relative;
  width: 368px;
  }
.newsletter-text {
  color: #e1e1e1;
  font-size: 11px;
  line-height: 160%;
  text-shadow: 1px 1px 1px #3e444d;
  text-align: left;
  }
.newsletter-c1 {
  height: 26px;
  text-align: right;
  float: left;
  left: 0px;
  line-height: 26px;
  margin-bottom: 5px;
  position: relative;
  top: 10px;
  width: 148px;
  }
.newsletter-c2 {
  height: 26px;
  text-align: right;
  float: left;
  left: 0px;
  margin-bottom: 5px;
  top: 10px;
  position: relative;
  width: 220px;
  }

.textfield-name {
  color: #e1e1e1;
  background-color: transparent;
  background-image: url('../imgs/bg-textfield-name.png');
  background-repeat: no-repeat;
  border: none;
  float: left;
  height: 26px;
  left: 10px;
  position: relative;
  font-size: 11px;
  margin-bottom: 5px;
  text-shadow: 1px 1px 1px #3e444d;
  width: 150px;
  padding-left: 5px;
  padding-right: 15px;
  outline: none;
  }

.textfield-email {
  color: #e1e1e1;
  background-color: transparent;
  background-image: url('../imgs/bg-textfield-email.png');
  background-repeat: no-repeat;
  border: none;
  float: left;
  height: 26px;
  left: 10px;
  position: relative;
  font-size: 11px;
  text-shadow: 1px 1px 1px #3e444d;
  width: 98px;
  padding-left: 5px;
  padding-right: 15px;
  outline: none;
  }

.button {
  background-image: url('../imgs/buttons.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 25px;
  left: 272px;
  float: left;
  position: relative;
  top: -21px;
  width: 46px;
  }

.button:hover {
  background-image: url('../imgs/buttons.png');
  background-position: -46px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 25px;
  left: 272px;
  float: left;
  position: relative;
  top: -21px;
  width: 46px;
  }

.button:active {
  background-image: url('../imgs/buttons.png');
  background-position: -92px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 25px;
  left: 272px;
  float: left;
  position: relative;
  top: -21px;
  width: 46px;
  }

#name::-webkit-input-placeholder { color: #7a8799; }
#name:-moz-placeholder { color: #7a8799; }

#email::-webkit-input-placeholder { color: #7a8799; }
#email:-moz-placeholder { color: #7a8799; }