/* CSS Document */

.errorText {
	color: #939598;
}

.success {
	color: #ae0c1d;
	background-color: #dcc34b;
}

.fail {
	color: #fff;
	background-color: #BC070A;
}

#Result_Msg {
	display: none;
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 18px;
	clear: both;
	margin-top: 50px;
	margin-bottom: 30px;
}

#UnsuccessError {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 100%;
	font-size: 13px;
	padding: 4px;
	border: solid 1px #000000;
	background-color: #da2129;
	margin: 3px 0 10px 0;
	font-weight: bold;
	text-align: left;
	float: left;
}

#successError {
display: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #3F324B;
	width: 90%;
	font-size: 13px;
	padding: 4px;
	border: solid 1px #3F324B;
	background-color: #C78BBD;
	margin: 3px 0 10px 0;
	font-weight: bold;
	text-align: left;
	float: left;}

#contact_form {
	line-height: 1.5em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#contact_form  input#Name, #contact_form  input#Phone, #contact_form  input#Email, input#Service {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	margin: 3px 0 10px 0;
	padding: 4px;
	width: 60%;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#contact_form  textarea {
border-bottom: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	padding: 4px;
	margin-top: 3px;
	width: 75%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

input#send {
	background: #ae0c1d;color: #fff;font-size: 20px;width:335px;display: inline-block;padding: 7px 0;border-radius: 10px;font-weight: bold; cursor: pointer;
}
input#send:hover {
	background: #be6c64;color: #2b3d40;
}


#left_contact {
	width: 60%;
	height: auto;
	float: left;
	margin: 0 0 0 0;	
	}

#right_contact {
	width: 40%;
	height: auto;
	float: left;	
	text-align: center;
	font-size: 14px;
	line-height: 1.25;
}
#contentarea #right_contact p {
	text-align: center;
	font-size: 14px;
}

.blue-color {
	color: #233f8c;
	font-weight: bold;
	text-transform: uppercase;
}

iframe {
	width: 350px;
	/*height: 350px;	*/
}

.phone {
	font-size: 20px;
	text-align: center;
	color: #16552A;	
}

.red {
	color: #F00;	
}

@media screen and (max-width:640px) and (max-width:600px) and (max-width:480px) and (max-width:360px) and (max-width:320px) and (max-width:590px) and (max-width:500px) and (max-width:495px) and (max-width:480px) and (max-width:440px) and (max-width:320px){
#contact_form  input#Name, #contact_form  input#Phone, #contact_form  input#Email, input#Service {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	margin: 3px 0 10px 0;
	padding: 4px;
	width: 100%;
}
textarea {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	padding: 4px;
	margin-top: 3px;
	width: 80%;
}
#left_contact {
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 0 0;	
}

#right_contact {
	width: 100%;
	height: auto;
	float: left;	
	text-align: center;
	font-size: 14px;
	line-height: 1.25;
}

iframe {
	width: 85%;
	height:auto;	
}
}