body {
  text-align: center;
  margin: 0;
  background: url(logo.png) top center no-repeat, url('../images/daily-email-offer.png') top center no-repeat;
}


#bcenter {	
/* margin: 225px auto; */ /* Address the height of the input area */
margin: 170px auto;
display:block;
height:100%;
width:100%;
}


#log {
  width: 466px;
  height: 25px;
  background: #404040;
  padding: 5px;
  /*margin-left: -243px;*/
  margin: 50px auto 0 auto;
  border: 1px solid #d4d4d4;
  text-decoration: none;
  font-size: 0.85714em;
  line-height: 1.6em;
  font-family: "Lato",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #999;
  white-space: nowrap;
  outline: none;
  background-color: #404040;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#404040));
  background-image: -moz-linear-gradient(#000, #404040);
  background-image: -o-linear-gradient(#000, #404040);
  background-image: linear-gradient(#000, #404040);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0px; /* Set to 5 for rounded */
  -moz-border-radius: 0px; /* Set to 5 for rounded */
  /* IE hacks */
  zoom: 1;
  *display: inline;
}

#people {
    position:fixed;
    bottom:0px;
    right: 0px;
    height:100%;
    width:200px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family:'Helvetica','Arial';
    text-align: left;
    background-color:#ee0000 !important;
    border:none !important;
    overflow: auto;
    overflow-x: hidden;

}

#people li {
    position:relative;
    width: 100%;
    display:block;
    color:#eee !important;
    background-color:#ff0000!important;
    border:solid 1px #ee0000 !important;
    padding: 0.5em 0 0.5em 1em;
    background: #f7f2ea;
    cursor: pointer;
}

#people li:HOVER {
    color: #fff;
    background-color:#dd0000!important;
}

#people li:ACTIVE {
    color: #fff;
    background-color:#C00 !important;
}


/* ------------------------------------------
CSS3 FITBUSINESSMAN SHARP INPUT & BUTTON STYLES
-------------------------------------------- */

input {
  box-sizing: border-box;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 0.125em;
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-family: "Lato";
  border: 1px solid #cacaca;
  font-size: 1.14286em;
  height: 2em;
  color: #646464;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

input.email{
  cursor: pointer;
  font-family: "Lato";
  border: 1px solid #cacaca;
  font-size: 1.14286em;
  height: 2em;
  color: #646464;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}






/* ------------------------------------------
CSS3 GITHUB BUTTONS (Nicolas Gallagher)
Licensed under Unlicense
http://github.com/necolas/css3-github-buttons
------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------- BUTTON */

button.call, button.getnow, input {
    /* -moz-box-shadow: 1px 2px 10px #BBB; 
    -webkit-box-shadow: 1px 2px 10px #BBB;
    box-shadow: 1px 2px 10px #BBB; */
	-moz-box-shadow: 1px 2px 10px #212121; 
    -webkit-box-shadow: 1px 2px 10px #22121;
    box-shadow: 1px 2px 10px #212121;
	
}

button.getnow {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: 0.5em 1em;
	border: 1px solid #900;
	margin: 300px 0 0 0;
	text-decoration: none;
	text-shadow: -1px -1px 0 #333;
	font: 35px/normal sans-serif;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #EDEDED;
	background: url('') no-repeat top left;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3300), to(#600)); /* -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ccc)); */
	background-image: -moz-linear-gradient(#ff3300, #600);
	background-image: -o-linear-gradient(#ff3300, #600);
	background-image: linear-gradient(#ff3300, #600);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
	-webkit-border-radius: 0px; /* Set to 10 for rounded */
	-moz-border-radius: 0px; /* Set to 10 for rounded */
	border-radius: 0px; /* Set to 10 for rounded */
	/* IE hacks */
	zoom: 1;
    *display: inline;
}

button.call:hover,
button.call:focus,
button.call:active,
button.call.active,
button.getnow:hover,
button.getnow:focus,
button.getnow:active,
button.getnow.active {
    border-color: #900;
    border-bottom-color: #900;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #600;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#600), to(#ff3300));
    background-image: -moz-linear-gradient(#600, #ff3300);
    background-image: -o-linear-gradient(#600, #ff3300);
    background-image: linear-gradient(#600, #ff3300);
}

button.call:active,
button.call.active,
button.getnow:active,
button.getnow.active {
    border-color: #900;
    border-bottom-color: #900;
    background-color: #600;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#600), to(#ff3300));
    background-image: -moz-linear-gradient(#600, #ff3300);
    background-image: -o-linear-gradient(#600, #ff3300);
    background-image: linear-gradient(#600, #ff3300);
}

/* overrides extra padding on button elements in Firefox */
button.call::-moz-focus-inner,
button.getnow::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*
input {
  display: block;
  margin: 25px auto 0 auto;
  outline: none;
  border: 1px solid #999;
  line-height: 1.4em;
  font-size: 24px;
  padding: 10px;
  width: 400px;
}*/

input.email{
  position: relative;
  right: -50px;
  /* overflow: visible; */
  display: inline-block;
  padding: 0.5em 1.5em 0.5em 1.5em;
  border: 1px solid #d4d4d4;
  margin: 0 auto 0 -50px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 30px/normal sans-serif;
  font-family: sans-serif;
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: normal;
  font-weight: bold;
  color: #ccc;
  white-space: nowrap;
  cursor: arrow;
  outline: none;
  background-color: #666666;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -o-transition: width 1s ease;
  -ms-transition: width 1s ease;
  transition: width 1s ease;
  /* background-clip: padding-box; */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  zoom: 1;
}

/*
input.email {
	position: relative;
	right:-50px;
	/* overflow: visible; */
	/*display: inline-block;
	padding: 0.5em 1.5em 0.5em 1em;
	border: 1px solid #d4d4d4;
	margin: 300px 0 0 -272px; /* For centering within the iframe */
	/*text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	font: 30px/normal sans-serif;
	font-weight: bold;
	color: #ccc;
	white-space: nowrap;
	cursor: arrow;
	outline: none;
	background-color: #666666;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	/* Animate On IFrame Load */
	/*-webkit-transition: width 1s ease;  
    -moz-transition: width 1s ease;  
    -o-transition: width 1s ease;  
    -ms-transition: width 1s ease;  
    transition: width 1s ease;
	/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
	/* -webkit-border-radius: 0px; /* Set to 10 for rounded */
	/* -moz-border-radius: 0px; /* Set to 10 for rounded */
	/* border-radius: 0px; /* Set to 10 for rounded */
	/* IE hacks */
	/*zoom: 1;
    *display: inline;
} */

input.email:focus {
	color:#999;
	-webkit-transition: all 2s ease;  
    -moz-transition: all 2s ease;  
    -o-transition: all 2s ease;  
    -ms-transition: all 2s ease;  
    transition: all 2s ease;
}




@media screen and (max-width: 860px) {
	
	#bcenter {	
    margin: 0px auto;
    width:100%;
}


	input.email {
	width: 350px;
	right:0px;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #d4d4d4;
	margin: 300px auto 0 auto;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	font: 30px/normal sans-serif;
	font-weight: bold;
	color: #ccc;
	white-space: nowrap;
	cursor: arrow;
	outline: none;
	background-color: #666666;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* IE hacks */
	zoom: 1;
    *display: inline;
}

    button.getnow {
	width:350px;
	right:0px;
    padding: 0.5em 1em 0.5em 1em;
    border: 1px solid #d4d4d4;
    margin: 100px auto 0 auto;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font:35px/normal sans-serif;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

button.getnow {
   margin-left: 0px !important;
}
	
}

input:focus {
	color:#999;
	
}

input.email:before {
  content: "";
  position: relative;
  top: 1px;
  float:left;
  margin: 25px auto 0 auto;
  outline: none;
  border: 1px solid #999;
  line-height: 1.4em;
  font-size: 24px;
  padding: 10px;
  width: 400px;
}

/* ............................................................................................................. Icons */

/* button.call:before,
button.getnow:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 44px;
    height: 37px;
    margin: 0 0.75em 0 -0.25em;
    background: url(buttons.png) 0 99px no-repeat;
}

button.call:before { background-position: 0 -48px; }
button.call:hover:before,
button.call:focus:before,
button.call:active:before { background-position: 0 0; }

button.getnow {
   margin-left: 25px; 
}

button.getnow:before { background-position: 0 -131px; }
button.getnow:hover:before,
button.getnow:focus:before,
button.getnow:active:before { background-position: 0 -88px; } */