/* Hides the whole contact form until needed */	
#contactForm {
	height:280px;
	width:305px;
	position:relative;
	background-color:##0f9447;
	z-index:1000;
	margin-left:29px;
	margin-right:29px;
	}   
#contactForm p {
	padding-bottom:5px;
}


/* Hides the confirmation message until needed */	
#messageSent {display:none;}

.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px;
	width:230px;
	}


/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:9px;
	color:#ffffff;
	font-family: Verdana, Geneva, sans-serif;
	margin-left:60px;
	}
	
#contactForm .alert{
	width:auto;
	height:10px;
	padding-bottom:5px;
	padding-top: 10px;
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
}
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	
	width:230px;
	color:#ffffff;
	height:15px;
	border-bottom:2px dotted #fff;
	border-top:0;
	border-left:0;
	border-right:0;
	font-size:14px;
	font-family: 'Roboto Slab', serif;
	background-color:transparent;
	position:relative;
	float:left;
	outline:0;
	margin-top:20px;
	border-radius:0;
	
	  -webkit-box-shadow:none;
     -moz-box-shadow: none;
          box-shadow: none;

}
	
#contactForm textarea {
	height:55px;
	font-family: 'Roboto Slab', serif;
	border-radius:none;

}
	 
#contactForm .submit {
	cursor:pointer;
	float:left;
	margin-top:35px;
	width:97px;
	height:24px;
	border:0px;
	margin-left:114px;
	}

.lab_txt{
	width:60px;
	height:auto;
	position:relative;
	float:left;
	margin-top:30px;
	font-size:14px;
	font-family: 'Roboto Slab', serif;
	color:#ffffff;

	}