#FormLeft  {
	display:block;
	position:relative;
	
	}
	
#FormRight {
	display:block;
	position:relative;
}


form input {
	background: #7f7777 !important;
	margin-top: 0;
	margin-bottom: 10px !important;
	padding: 5px 2% 5px 2% !important;
	width: 100% !important;
	border:none !important;
	outline:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	font-size:15px !important;
	color:#eeeeee !important;
	height:20px;
}
form textarea {
	background: #7f7777 !important;
	font-size: 15px;
	height: 124px !important;
	margin-top: 0;
	padding: 12px 2% !important;
	resize: none;
	width: 100% !important;
	border:none !important;
	outline:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	font-size:13px !important;
	color:#eeeeee !important;
	margin-bottom: 10px !important;
}

/** form valid style **/
.notification_error,
.notification_ok {
    border-radius: 0;
    margin: 2px 0 13px 0;
    padding: 12px 10px 12px 35px;
	position:relative;
}
.notification_ok {
    border: 1px #038BD4 solid;
    color: #038BD4;
	background:#D0E3EA;
}
.notification_error {
    border: 1px #C93119 solid;
    color: #C93119;
	background:#FFCFCF;
}
.notification_error:before,
.notification_ok:before {
    content: ''; 
	width: 16px;
	height: 16px;
	position: absolute;
	left:11px;
	top:13px;		
	background-position:0 0;
	background-repeat:no-repeat;
}
.notification_error:before {background-image:url(../images/error.png);
}
.notification_ok:before {background-image:url(../images/info.png);
}

input.send_btn {
	cursor: pointer;
	background: #4e59e7 !important;
	color: #FFF !important;
	margin: 0 6px 10px 0 !important;
	border-radius: 0;
	display: inline-block;
	padding: 0 20px !important;
	height:40px;
	line-height:40px;
	font-size: 14px !important;
	font-weight: 400 !important;
	width: auto !important;
	font-family: 'Open Sans', sans-serif;
	vertical-align:top;
	-webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
input.send_btn:hover {
    background: #7f7777 !important;
    text-decoration: none; 
}
.required {
	background-image: url(../images/required.png) !important;
	background-position:right top !important;
	background-repeat:no-repeat !important;
}
#map_section {
	margin:-55px 0 0 0;
	max-height:415px;
	overflow:hidden;
}

.contact_info p {
	padding-left:32px;
	margin-bottom:12px;
	background-position:right top;
	background-repeat:no-repeat;
}
.contact_info p.i1 {background-image:url(../images/i1.png);
}
.contact_info p.i2 {background-image:url(../images/i2.png);
}
.contact_info p.i3 {background-image:url(../images/i3.png);
}
.contact_info p.i4 {background-image:url(../images/i4.png);
}
.contact_info p.i5 {background-image:url(../images/i5.png);
}
.contact_info p.i6 {background-image:url(../images/i6.png);
}
.contact_info p.i7 {background-image:url(../images/i7.png);
}
.contact_info p.i8 {background-image:url(../images/i8.png);
}
.contact_info p.i9 {background-image:url(../images/i9.png);
}
.contact_info {padding-top:6px;
}

.no_bottom {padding-bottom:0;
}

#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}