@charset "utf-8";
/* CSS Document */

/*------------------- 	CONTACT STYLING ------------------------*/

#whole {
	height: 530px;
	position: relative;
	
	background: #fff url(../img/about_section_bg.png) repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(245,245,245,1) 195px, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(195px,rgba(245,245,245,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(245,245,245,1) 195px,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(245,245,245,1) 195px,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(245,245,245,1) 195px,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(245,245,245,1) 195px,rgba(255,255,255,1) 100%); /* W3C */
}

article {
	padding-right: 0;
}

.floating_b {
	top: 30px;
	background: #fff url(../img/contact_box_bg.jpg) no-repeat !important;
	width: 405px;
	height: 209px;
	padding: 0;
}

#wide_side {
	float: left;
	width: 340px;
	height: 100%;
	background-color: white;
	padding: 0 45px;
	position: relative;
	
	-webkit-box-shadow: 10px 0 7px 0 rgba(30, 30, 30, 0.2);
	-moz-box-shadow:    10px 0 7px 0 rgba(30, 30, 30, 0.2);
	box-shadow:         10px 0 7px 0 rgba(30, 30, 30, 0.2);
}

#contact_info {
	margin-top: 280px;
	width: 500px;
	padding; 0;
	width: 340px;
	position: relative;
	z-index: 1000;
}

#contact_info > span {
	display: inline-block;
}

#contact_form {
	width: 475px;
	float: right;
	height: 412px;
	position: relative;
	font-weight: bold;
	padding-top: 30px;
	z-index: 1000;
}

#contact_form form {
	padding: 0 45px 0 0;	
}

#arrow_error {
	position: absolute;
	width: 60px;
	height: 56px;
	top: 35px;
	right: -70px;
	background: url(../img/arrow_error.png);
	z-index: 1000;
}

#contact_bottom {
	position: absolute;
	width: 960px;
	bottom: 0;
	height: 160px;
	background: url(../img/contact_bottom.png) no-repeat;
	z-index: 500;
	
}

/*-------------------CONTACT MODULE STYLING ------------------------*/

div.form_field_label {
	height: 20px;
	padding: 6px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

div.form_field_label_width {
	width: 85px;
	float: left;
}

div.form_field_label > span, #required > span {
	color: #E60303;
	padding: 0 1px 0 2px;
	font-weight: bold;
	font-size: 14px;
}

div.form_field {
	float: right;
	height: 27px;
}

input[type="text"]:focus, textarea:focus {
	outline: none;
	margin: 0;
}

input[type="text"], textarea {
	width: 335px;
	margin: 0;
	padding: 3px;
}

textarea, div.form_textarea_container {
	height: 105px;
}

div.form_textarea_container {
	padding-bottom: 15px;
}

#required {
	float: left;
	width: 270px;
	font-weight: normal;
	padding-top: 6px;
}

#required + div {
	float: right;
}

.thanks {
	width: 475px;
	font-weight: normal;
	padding: 100px 0 0 0;
}

.thanks p {
	padding: 20px 45px 0 0;
}

.thanks p + p {
	padding-top: 0;
}

.thanks p strong {
	color: #CC1C12;	
}