/* Contact Us styles
---------------------------------*/
.contact #content_inner {
	background: #E5E1D5;
}
#contact-us .success#flash-message {
	background-color: #b8d392;
	border: 1px dotted #006600;
	padding:1em;
}
#contact-us {
	width: 95%;
}

#contact-us h3 {
	clear: both;
	text-transform: uppercase;
	margin: 1em 0 -3px 10px;
	font-size: 110%;
}

#contact-us .contact-info {
	background-color: #fff;
	padding: 10px;
	width: 926px;
	margin-bottom: 20px;
	font-size: 85%;
}

#contact-us .contact-info p {
	float: left;
}

#contact-us .contact-info p.tel {
	margin-right: 3em;
}

#contact-us form {
	width: 720px;
	padding: 10px 196px 10px 10px;
	clear: both;
	background-color: white;
}

#contact-us form p.note {
	margin: 1em 0;
	font-size: 85%;
}

#contact-us form .field input,
#contact-us form .field textarea {
	border: 1px solid #A9A9A9;
	padding: 2px;
}

#contact-us form .field select {
	border: 1px solid #A9A9A9;
}

#contact-us form button {
	clear: both;
	float: right;
	width: 86px;
	height: 26px;
	background: url('../images/submit.png') no-repeat 0 0;
	border: 0;
	font-size: 11px;
	color: #d8d4ba;
	text-transform: uppercase;
}

#contact-us form .field {
	float: left;
	clear: none;
	height: auto;
	margin: 10px 20px 10px 0;
	overflow: visible;
}

#contact-us form .sub-field {
	float: left;
	clear: none;
	height: auto;
	margin: 10px 20px 10px 0;
	overflow: visible;
}

#contact-us form .required label {
	padding-left: 10px;
	background: url('../images/asterisk.png') no-repeat 0 0;
}

* html #contact-us form .field {
	margin-right: 15px; /*fix the double margin bug, even though this value is more than half*/
}

* html #contact-us form .sub-field {
	margin-right: 10px; /*fix the double margin bug, even though this value is more than half*/
}

#contact-us form .field label {
	display: block;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 85%;
	margin-bottom: 2px;
}

#name-label {
	display: block !important;
	clear: both !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-size: 85% !important;
	margin-bottom: 2px !important;
	background: url('../images/asterisk.png') no-repeat 0 0 !important;
	color: #333333 !important;
	padding-left: 10px !important;
}

#contact-us form .sub-field label {
	display: block;
	clear: both;
	font-weight: normal;
	text-transform: none;
	font-size: 85%;
	margin-top: 3px;
	background: none;
	padding-left: 0;
	color: #6c6c6c;
	font-size: 11px;
}

#contact-us form .first {
	clear: both;
}

#contact-us form .full {
	width: 680px; /*700-20=680*/
}

#contact-us form .half {
	width: 330px; /*350-20=330*/
}

#contact-us form .third {
	width: 220px; /*175-20=155*/
}

#contact-us form .quarter {
	width: 155px; /*175-20=155*/
}

#contact-us form .full input,
#contact-us form .full textarea,
#contact-us form .full select {
	width: 676px;
}

#contact-us form .half input,
#contact-us form .half textarea,
#contact-us form .half select {
	width: 326px;
}

#contact-us form .third input,
#contact-us form .third textarea,
#contact-us form .third select {
	width: 220px;
}

#contact-us form .quarter input,
#contact-us form .quarter textarea,
#contact-us form .quarter select {
	width: 151px;
}

#contact-us form .with-sub-fields {
	margin-right: 0;
	margin-bottom: 0;
	width: 700px;
}

* html #contact-us form .with-sub-fields {
	margin-right: 0;
	width: 710px;
}

.errors {
	color: red;
	font-size: 85%;
	margin: 1em 0 2em 0;
}

.errors p {
	margin: 1em 0;
}

.errors ul {
	list-style: disc outside;
	padding-left: 3em;
}