.left { float:left;}

.right { float:right;}





	

/* 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 {

	position:absolute;

	left:368px;

	z-index:1;

	}

	

/* Hides the whole contact form until needed */	

#contactForm {
	height:315px;width:550px;
	background:url(./images/contact_bg.png) no-repeat; 
	padding:7px 0 0 40px; 
	color:#6c502e;
	display:none;
	}   



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

.bar{

	display:none; 

	background:url(./images/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 { 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#6c502e;
	width:150px;
	}

	

/* Some styling for the contact button */

.contact {

	
	}

			

/* 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 */	

#backgroundPopup{

	display:none; 

	position:fixed; 

	_position:absolute; 

	height:100%; width:100%; 

	top:0; left:0;

	background:#000; 

	z-index:11;

	}  

	

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	

#contactForm input {
	width:305px; 
	/*background: url(./images/contact_input.png) no-repeat top; */
	background:#f8f2eb;
	color:#6c502e; 
	border: 1px solid #a78c6d;
	height:28px; 
	line-height:14px; 
	font-size:17px; 
	padding: 5px 0px 0 5px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin:5px 0 0;
	}

#contactForm textarea {

	width:305px;

	font-size: 17px;

	/*background: url(./images/contact_textArea.png) no-repeat top;*/
	background:#f8f2eb;

	color:#6c502e;

	border: 1px solid #a78c6d;

	height:80px;

	line-height:14px;

	padding: 15px 0px 0 5px;

	font-family: "Trebuchet MS", Arial, sans-serif;

	margin-top:	6px;

}

#contactForm input {background-position:0px;}

#contactForm input[type=submit] {
	background: url(./images/contact_send.png) no-repeat; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold;
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin:-3px 0 0 40px;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	}
.captcha-828 input {
	width:200px !important;
}
#contactForm .submit:active {background: url(./images/contact_send.png) no-repeat; }

#mail_response, #contactForm label {padding:20px 0 0 65px; font-weight:bold; float:left; font-size:17px;}

#contactForm p {padding-bottom:0; margin:10px 0;}

#mail_response, #contactForm .input_boxes {float:left; width:470px;}



#dummycontent {padding-top:100px; height:900px; position:relative;}

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

/* Contact Form Validation stuff 
********************************************/
.contact {
	position:absolute;
	z-index:999;
	left:700px;
	height:58px; 
	width:218px;
	background:url(./images/contact_me.png); 
	cursor:pointer;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
	background:#CF880C;
	padding:15px 10px !important;
	border:none !important;
	color:#fff;
	width:235px;
}