.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 12px; 

	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 { 

	display:none; 

	font-size:9px; 

	line-height:10px; 

	padding-left:6px; 

	color:#f5c478;

	}

	

/* Some styling for the contact button */

#contactFormContainer .contact {

	height:58px; width:218px;

	background:url(./images/contact_me.png); 

	position:absolute; 

	left:307px; bottom:-51px; 

	cursor:pointer;

	}

			

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

	color:#6c502e; 

	border:	none;

	height:35px; 

	line-height:14px; 

	font-size:17px; 

	padding: 11px 0px 0 5px;

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

	}

#contactForm textarea {

	width:305px;

	font-size: 17px;

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

	color:#6c502e;

	border:none;

	height:121px;

	line-height:14px;

	padding: 11px 0px 0 5px;

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

	margin-top:	6px;

}

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

#contactForm .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:10px 0 0 40px;

	}

#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:8px;}

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



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

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