/* Place your styles here */
.ad {
	width:300px;
	height:250px;
	overflow:hidden; /* elements won’t spill outside of the ad */
	position:relative; /* make it easier to position elements */
	background-color:#FFF;
	color:#000;
}

.h1-background{
	text-align:center;
	padding: 3px 3px;
}

h1{
	position:relative;
  	font-size: 26px;
	
  -moz-animation-name: dropHeader;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 0.5s;

  -webkit-animation-name: dropHeader;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;

  animation-name: dropHeader;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.5s;
}
.form {
	position:relative; /* make it easier to position elements */

	
}
.label {
	font-size:12px;
	font-family:"Helvetica", "Verdana", "Sans-Serif";
	font-weight:400;

	width:80px;
	padding:0px;
	color:#000;
}
.text {
	font-family:"Helvetica", "Verdana", "Sans-Serif";
	font-size:14px;
	height:30px;
	border: 1px solid #999;
	border-radius:5px;
	margin-top:5px;
	width:190px;
	padding: 0px 5px;
}
.text:focus {
	outline: none;
	border:2px solid #0C6;
	}
.select {
	font-family:"Helvetica", "Verdana", "Sans-Serif";
	font-size:14px;
	height:32px;
	border: 1px solid #999;
	border-radius:5px;
	margin-top:3px;
	width:200px;
}

.logo {
	position:absolute;
	bottom:0px;
	left:5px;
	width:5px;
}

@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(50px);
        opacity :0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity:1;
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(50px);
        opacity :0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity:1;
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(50px);
        opacity :0;
    }
    100% {
        transform: translateY(0);
        opacity :1;
    }
}

.company-logo
{
	width:50px;
	position:relative;
	top:10px;
}
button {
	padding:10px 20px; /* give the button some padding */
	font-size:20px; /* expand the font size */
	background-color:#5bb75b;
	border:none;	/* Remove the default border */
	color:white;	
	margin-top:10px;
	display:block;
	position:relative;	/* Position relatively for animation */
	cursor:pointer;
	border-radius:10px; /* Give the button a rounded look */
	cursor:pointer;
	margin-left:70px;

	-moz-animation-name: raiseButton;
  	-moz-animation-iteration-count: 1;
  	-moz-animation-timing-function: linear;
  	-moz-animation-duration: .7s;

  	-webkit-animation-name: raiseButton;
  	-webkit-animation-iteration-count: 1;
  	-webkit-animation-timing-function: linear;
  	-webkit-animation-duration: .7s;

  	animation-name: raiseButton;
  	animation-iteration-count: 1;
  	animation-timing-function: linear;	
  	animation-duration: .7s;
 
}

button:hover {
	background-color:#62C265;
	transform: scale(1.1);
}

@-moz-keyframes raiseButton {
    0% {
      -moz-transform: translateY(100px);
      opacity :0;
    }
    50%{
    	-moz-transform: translateY(100px);
    	opacity :0;
    }
    100% {
      -moz-transform: translateY(0);
      opacity:1;
    }
}
@-webkit-keyframes raiseButton {
    0% {
        -webkit-transform: translateY(100px);
        opacity :0;
    }
    50%{
    	-webkit-transform: translateY(100px);
    	opacity :0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity:1;
    }
}
@keyframes raiseButton {
    0% {
        transform: translateY(100px);
        opacity :0;
    }
    50%{
    	transform: translateY(100px);
    	opacity :0;
    }
    100% {
        transform: translateY(0);
        opacity :1;
    }
}