/* Hides the whole contact form until needed */	
#contactForm {
	width:600px;
	height:auto;
	}   

#cnt_l{
	height:200px;
	width:245px;
	position:absolute;
	left:25px;
	top:0px;
	}	
	
#cnt_r{
	height:200px;
	width:245px;
	position:absolute;
	right:25px;
	top:0px;
}	
	
	
#contactForm p {
	padding-bottom:5px;
}


/* Hides the confirmation message until needed */	
#messageSent {display:none;}

.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}


/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:10px;
	color:#f09136;
	font-family: Verdana, Geneva, sans-serif;
	}
	
#contactForm .alert{
	width:auto;
	height:13px;
	padding-bottom:3px;
	padding-top: 20px;
}
	
/* 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:200px;
	color:#646464;
	height:33px;
	font-size:14px;
	font-family: 'Asap', sans-serif;
	padding-left:35px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

	}
#contactForm textarea {
	height:70px;
	padding-top:7px;
}

#contactForm .submit {
	cursor:pointer;
	float:right;
	margin:0px 5px 0 0;
	width:71px;
	height:24px;
	border:0px;
	padding:0px;
	}

.name{
	background-image:url(../images/name.png);
	background-repeat:no-repeat;
	background-position: 10px 8px;
	border:1px solid #d4d4d4;
	}

.name_h{
	background-image:url(../images/name_h.png);
	background-repeat:no-repeat;
	background-position: 10px 8px;
	border:1px solid #fdbb78;
}

.e-mail{
	background-image:url(../images/email.png);
	background-repeat:no-repeat;
	background-position:10px 11px;
	border:1px solid #d4d4d4;
}

.e-mail_h{
	background-image:url(../images/email_h.png);
	background-repeat:no-repeat;
	background-position:10px 11px;
	border:1px solid #fdbb78;
}

.phone{
	background-image:url(../images/mobile.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
	border:1px solid #d4d4d4;
}
.phone_h{
	background-image:url(../images/mobile_h.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
	border:1px solid #fdbb78;
}

.message{

	background-image:url(../images/message.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
	border:1px solid #d4d4d4;

	}
	
.message_h{

	background-image:url(../images/message_h.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
	border:1px solid #fdbb78;

	}
#address{
	width:300px;
	height:260px;
	position:absolute;
	right:-340px;
	background-color:#fffcf3;
	border-radius:12px;
	}
#ta{
	position:absolute;
	font-size:14px;
	font-family: 'Asap', sans-serif;
	left:20px;
	top:20px;
	line-height:20px;
	word-spacing:2px;
}
#telephone{
	position:absolute;
	font-size:14px;
	font-family: 'Asap', sans-serif;
	left:20px;
	top:100px;
	line-height:20px;
	word-spacing:2px;
}
#facebook{
	position:absolute;
	font-size:14px;
	font-family: 'Asap', sans-serif;
	left:20px;
	top:200px;
	color:#666;
	}
#linkedin{
	position:absolute;
	font-size:14px;
	font-family: 'Asap', sans-serif;
	left:20px;
	top:225px;
	color:#666;
	}
#facebook:hover{
	text-decoration:underline;
}
#linkedin:hover{
	text-decoration:underline;
}
#map{
	position:absolute;
	top:280px;
}