/* 
----------------------------------------------------------------------------
	CSS Document: contact.css
---------------------------------------------------------------------------- 
*/

	#branding { 
		background: url("../images/branding.jpg") no-repeat; 
		height: 149px; 
		position: relative;
		}
		
		.btn-gallery-index {
			background: url("../images/title-photo-gallery.jpg") no-repeat;
			height:77px;
		}

		.btn-gallery {
			background:url(../images/btn-photo-gallery.jpg) no-repeat;
			width:296px;
			height:50px;
			cursor:pointer;
		}

		.gallery-container {margin-left:16px;}

		.thumb-container-gallery { 
			background:url(../images/bg-thumb-container.jpg) no-repeat; 
			width:66px;
			height:77px; 
			float:left; 
			margin-left:10px;
		}

			.thumb-container-gallery img { width:58px; padding-top:5px; margin-left:3px;}


			/* 
			--------------------------------------------------------------------------------------------------------
				Propsite Id Framework
			--------------------------------------------------------------------------------------------------------
			*/

				#prop-site-id-bottom-contact { 
					background: url("../images/prop-site-id-bottom-floorplans.jpg") no-repeat;
					height: 104px;
					position: relative;
				}	

					#prop-site-id-bottom-contact a { 		
						background: url("../images/btn-view-special.png") no-repeat;
						height: 34px;
						position: absolute;
						left: 55px;
						width: 176px;
						top: 0;
					}

						#prop-site-id-bottom-contact a:hover { background-position: 0 -34px;}



/* 
--------------------------------------------------------------------------------------------------------
	Column-left Framework
--------------------------------------------------------------------------------------------------------
*/

	#column-left {
		width: 700px;
		_width: 695px;
		background:url("../images/subhead-title.jpg") no-repeat;
		float: left;
	}

	
	#column-left h2, #column-left h3 {
			margin: 20px 27px 10px 53px;
	}
	
	#column-left p {
		margin: 20px 27px 0px 53px;
	}
	
	#column-left li {
		margin-left: 68px;
	}
	
	#column-left #form-container  {
		margin-bottom: 30px;
	}
	
	#column-left #form-container p {
		padding-top: 25px;
		padding-left: 52px;
		font-size: 16px;
	}
	
		#column-left #form-container p.shift-left  {
			margin-left: 0px;
			color: #7C0C0C;
		}
		
	#mini-column-left {
		float:left;
		width: 300px;
		padding-top: 38px;
	}	
	
	mini-column-right {
		float: left;
		
	}

/* 
----------------------------------------------------------------------------
	Column-right Framework
---------------------------------------------------------------------------- 
*/

	#column-right {
		width: 293px;
		float: left;
	}

	#column-right p, #column-right h1, #column-right ul {
		padding: 20px 26px 8px 26px;
	}	

/* ================================== */
/* = form elements = */
/* ================================== */

#flash, .form_body {
width: 310px;
margin-left: 53px;
margin-top: 15px;
}


  .flash_body {
  border: 1px solid #EC6F75;
  background: #FBE3E4;
  padding: 10px;
  }

    .flash_body ul li {
    margin-left: 15px !important;
    }
    
.thank_you_message{
width: 340px;
border: 1px solid #c6d881;
background-color: #e6efc2;
padding: 10px;
width: 295px;
line-height:20px;
color: #333 !important;
margin-left:53px;
}

label {
font-size:.95em;
display: block;
}

input[type="text"], textarea, select {
background-color: #e1e1e1 !important;
border:1px solid black;
color:#000;
width: 100%;
height:21px;
line-height:18px;
vertical-align: middle;
margin-bottom:8px;
padding-top:1px;
padding-left:4px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.0em;
}

input[type="submit"] {
margin-top: 10px;
}

select {
width: 30%;
padding:0;
}

textarea {
height:90px;
overflow:auto;
}