body {
		background:url(../images/background.jpg) repeat-x;
		font-size:0.8em;
		line-height:1.4em;
		padding:1em 0;
		margin:0 auto;
		width:70%;
		min-width:900px;
		color:#ccc;

	}
.container {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:12;
	}

/* 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:565px;
	z-index:1;
	margin-top:-18px;
	}

/* Hides the whole contact form until needed */
#contactForm {
	height:320px;width:476px;
	background:#74af0c url(../images/avacontact.png) no-repeat 345px 40px;
	padding:7px 12px;
	color:#666;
	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:30px; width:20px;
	}

h1 {
		margin:10px 0 0 0;
		background:url(../images/logo.png) no-repeat;
		text-indent:-5000px;
		width:300px;
		height:55px;
		}


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

/* Some styling for the contact button */
#contactFormContainer .contact {
	height:30px; width:100px;
	background:url(../images/contact_me.png);
	position:absolute;
	left:400px; bottom:-24px;
	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;
	height:90%; 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 textarea, #contactForm input {
	width:300px;
	background:#eee;
	color:#666;
	border:1px solid #fff;
	height:25px;
	line-height:14px;
	font-size:17px;
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px 20px;}
#contactForm textarea {height:150px; font-family:helvetica, Geneva, sans-serif;}
#contactForm .submit {
	border:none;
	background:#444;
	color:#74af0c;
	font-weight:bold;
	padding:1px 12px 7px 18px;
	height:30px; width:80px;
	cursor:pointer;
	float:right;
	margin:255px 75px 0 0;
	}
#contactForm .submit:hover {border: none;}
#contactForm .submit:active {background:#fff; }
#contactForm label {padding-left:4px; font-weight:bold;color:#FFF;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

span.name-missing, .email-missing, .message-missing {color:#F00;}