@charset "UTF-8";

/* TITLE & SUBNAV
------------------------------------------------------------------------------------------ */

#title-contact {
	background: url(/images/title-contact.png) no-repeat 100% 0;
	}



/* COLUMNS
------------------------------------------------------------------------------------------ */

.columns {
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
	padding: 0 20px 0 40px;
	width: 925px;
	}
	.col-1 {
		float: left;
		width: 160px;
		}
	.col-2 {
		float: right;
		width: 740px;
		}
	.columns p {
		margin-bottom: 20px;
		}
		.columns p a {
			color: #555;
			}
		.columns p a:hover {
			color: #888f00;
			}
#col-group-1 {
	padding-top: 25px;
	}
#col-group-2 {
	margin-bottom: 50px;
	}



/* TOP LEFT COLUMN
------------------------------------------------------------------------------------------ */

#header-our-office {
	margin: 0 0 18px -2px;
	height: 30px;
	background: url(/images/header-our-office.png) no-repeat 0 0;
	}
#show-map {
	color: #000;
	padding: 4px 21px 4px 0;
	background: url(/images/arrow-right.png) no-repeat 100% 3px;
	outline: none;
	}
#show-map.hide {
	background-image: url(/images/x.png);
	}
#show-map:hover {
	color: #000;
	background-position: 100% -27px;
	}
		


/* TOP RIGHT COLUMN
------------------------------------------------------------------------------------------ */

#col-group-1 .col-2 {
	position: relative;
	overflow: hidden;
	padding-right: 25px;
	width: 715px;
	height: 300px;
	}
	#col-group-1 .col-2 .l {
		float: left;
		}
	#col-group-1 .col-2 .r {
		float: right;
		}
	#gmap {
		position: absolute;
		left: 0;
		top: -300px;
		width: 715px;
		height: 300px;
		background: #ddd;
		}
		#map-zoom-in,
		#map-zoom-out {
			position: absolute;
			left: 12px;
			top: 12px;
			width: 16px;
			height: 16px;
			border: 2px solid #fff;
			cursor: pointer;
			background: url(/images/plus.png) no-repeat 0 0;
			}
		#map-zoom-out {
			top: 34px;
			background-image: url(/images/minus.png);
			}
		#map-zoom-in.hover,
		#map-zoom-out.hover {
			background-position: -20px 0;
			}
		#map-type-controls {
			position: absolute;
			top: 12px;
			right: 12px;
			}
			#map-type-controls .control {
				float: right;
				margin-left: 2px;
				padding: 4px 6px;
				background: #969d00;
				color: #fff;
				font-size: 11px;
				line-height: 11px;
				font-weight: bold;
				border: 2px solid #fff;
				cursor: pointer;
				}
			#map-type-controls .control.hover {
				background: #333;
				}
			#map-type-controls .control.active {
				background: #E37F1C;
				}
			


/* BOTTOM LEFT COLUMN
------------------------------------------------------------------------------------------ */

#header-get-in-touch {
	margin: 0 0 18px -2px;
	width: 159px;
	height: 30px;
	background: url(/images/header-get-in-touch.png) no-repeat 0 0;
	}



/* BOTTOM RIGHT COLUMN
------------------------------------------------------------------------------------------ */

#col-group-2 .col-2 {
	width: 741px;
	}
	#feedback {
		margin-bottom: 18px;
		padding: 10px 0 0 8px;
		width: 706px;
		height: 20px;
		line-height: 100%;
		color: #000;
		background: #fff;
		}
	#feedback.active {
		background: #F0CA00;
		}
	label {
		padding-left: 1px;
		color: #000;
		}
	label.required {
		padding-right: 8px;
		background: url(/images/bullet-required.png) no-repeat 100% 2px;
		}
	label.error {
		display: block;
		padding: 6px 0 0 0;
		width: 160px;
		line-height: 14px;
		color: #de740b;
		font-style: italic;
		}
	#test {
		display: none;
		}
	#send-button {
		margin-top: 25px;
		cursor: pointer;
		background: url(/images/send-button-over.png) no-repeat 0 0;
		}
	.input-group {
		width: 741px;
		overflow: hidden;
		}
		.small-form-el {
			float: left;
			padding-bottom: 12px;
			width: 185px;
			}
			.small-form-el input {
				display: block;
				margin-top: 1px;
				padding: 6px;
				width: 148px;
				height: 13px;
				line-height: 13px;
				color: #000;
				background: #e0e0e0;
				border: 1px solid #fff;
				}
			.small-form-el select {
				display: block;
				margin-top: 1px;	/* most browsers */
				*margin-top: 4px;	/* IE 6 + 7		 */
				padding: 4px;
				width: 162px;
				height: 27px;
				color: #000;
				background: #e0e0e0;
				border: 1px solid #fff;
				}
				.small-form-el option {
					padding: 3px 6px;
					line-height: 13px;
					}
				
	.large-form-el {
		}
		.large-form-el textarea {
			display: block;
			margin-top: 2px;
			padding: 6px;
			width: 703px;
			height: 213px;
			line-height: 20px;
			color: #000;
			background: #e0e0e0;
			border: 1px solid #fff;
			}
	input.error,
	textarea.error,
	select.error {
		border-color: #E37F1C;
		}