/* Loading bar that will appear while the ajax magic is happening */

.bar{

	display:none; 

	background:url(../grfx/ajax-loader.gif) no-repeat center; 

	margin-top:100px; 

	height:40px; width:230px;

	}

	

/* Hides the confirmation message until needed */	

#messageSent {display:none;}



/* This hides the form validation alert messages until needed */

#contactForm span { 

	display:none; 

	font-size:9px; 

	line-height:10px; 

	padding-left:6px; 

	color: #FF0000;

	}

	

/* Some styling for the contact button */

#contactFormContainer .contact {

	height:47px; 

	width:211px;

	cursor:pointer;

	clear: both;

	}

			

/* 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:180px; 

	color: #FFFFFF;

	background-color: #6d6d6d;

	border:1px solid #00aeef; 

	height:15px; 

	line-height:14px; 

	font-size:11px; 

	padding:2px 2px 0px;

	clear: both;

	}

#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}

#contactForm .submit {

	border:1px solid #aba8a8; 

	background:#e5e5e5; 

	text-transform:uppercase; 

	color:#4d4d4d; 

	font-weight:bold; 

	padding:7px 16px 7px 14px; 

	height:37px; 

	width:124px; 

	cursor:pointer;

	}

#contactForm .submit:active {background:#cacaca; }

#contactForm label {padding-left:4px; font-weight:bold;}

#contactForm p {padding-bottom:8px;}

#contactForm .input_boxes {float:left; width:204px;}

.bottomlink {position:absolute; bottom:0;}