/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	


#contactFormContainer {
	float:left;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	border:0px;
	display:block;
	padding:7px 12px; 
	color:#000000;
	float:left;
	width:500px;
	height: 300px;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:170px;
	float:left;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none;
	color:#6c240c;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
	
/* 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:220px; height:22px; border:1px solid #e0dfdf; background:none; padding:3px 0 0 5px; font-size:1em;;
	float:left;
	}
#contactForm textarea {
	height:279px;
	}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:4px 16px 4px 14px; 
	height:26px; width:80px; 
	cursor:pointer; 
	float:left; 
	margin-top: 6px;
	margin-left:0px;
	margin-right:6px;
	}
	
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-size:14px; color:#5f5f5f; font-weight:normal;}
#contactForm p {padding-bottom:8px;}

.formLeft {
	width:260px;
	height:260px;
	float:left;
}

.formRight {
	width:240px;
	height:379px;
	float:right;
}

.formAll {
	width:400px;
	height:40px;
	float: left;
}

#dummycontent {}
.bottomlink {}