

/* ------------------------------------------------------------------------------------------------------*/
/* STYLES SPECIFIC TO THE CONTACT PAGE  -----------------------------------------------------------------*/


#content {
	background: url(../images/shared/gray-rule-double-vert.gif) repeat-y 369px;
	
}

/* Tier 1 Content ------- */

#content #tier1 {
	width: 960px;
}

#photoCol { 
	float: left;
	text-align: center;
}

#textCol {
	float: left;
	width: 322px;
	min-height: 950px; /* Make sure text column background (black) extends past background graphic */
	margin: 0 0 0 1px;
	padding: 25px 39px 25px 31px;
	background: #000000;
}




/* -------------------------------------------------------------------------------------------------------*/
/* CONTACT FORM  -----------------------------------------------------------------------------------------*/

#contactForm { margin: 15px 0 0 0; }

input.text, select, input.checkbox, textarea {
	background-color: #eff4fd;
	border: 1px solid #333333;
	padding: 3px;
	font-size: 10px;
	color: #666;
}

input.text { width: 285px; height: 15px; }
textarea { width: 285px; height: 140px; }
input.checkbox { width: 15px; height: 15px; float: left; margin: 0 5px 0 0; }
input:focus, textarea:focus { background-color: #FFFFFF; }

label {
	display: block;
	margin: 0 0 5px 0;
	padding-top: 3px;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: .05em;
	color: #7bb1b9;
}

.required { color: #fff; font-style: italic; }

label#subscribeBox {
	display: inline;
	text-align: left;
	padding: 1px 0 0 3px;
}

table.formLayout td {
	width: auto;
	padding: 0 0 16px 0;
	margin: 0;
}

#contactForm input#firstName	{ width: 283px }
#contactForm input#lastName		{ width: 283px }
#contactForm input#email		{ width: 283px }
#contactForm textarea#message	{ width: 283px; height: 137px; margin: 0 0 15px 0; }

input.submit {
	margin: 20px 0 0 0;
	cursor: pointer;
}

