/* 
    FILE:		/styles/contact-title-style.css
		AUTHOR: Sonya Shannon
            sshannon@artware.com
            http://www.valeriekates.com
*/
/*  This file is customized for each page and is included below the  main-style.css  link. */
/*  The  margin-left  for  .content .title  should be set to  65  plus the width of the  .leadGraphic . */

/* TITLE STRUCTURE */
	.content {
		background-color: #f9f5e8;
	}
	.content .title {
		text-align: left;
		margin-left: 34.72222%;
	}
	.content .title img {
		width: 27.23404%;
		max-width: 100%;
	}
@media (max-width: 480px) {     /* @media (max-width: 480px) */
	.content .title img {
		width: 67.49899%; 			/* INCREASE WIDTH BY 15%   ?????? */
		width: 30%;
		max-width: 100%;
	}
}			     			/* @media (max-width: 480px) */
/* END TITLE STRUCTURE */

/* LEAD GRAPHIC STRUCTURE */
.content .leadGraphic {
	float: left;
	width: 31.09243%;
	margin-right: 2.521%;
	max-width: 100%;
}
	.content .leadGraphic img {
		width: 100%;
		max-width: 100%;
	}
/* END LEAD GRAPHIC STRUCTURE */

/* ENABLE CLICK LINK CALL FROM PHONE */	
p a.noUnderline span.callMe {
	font-weight: bold;
	text-decoration: none;
	color: #3d388c;
}
a.noUnderline {
	text-decoration: none;
}
/* ENABLE CLICK LINK CALL FROM PHONE */	

/* FORM STRUCTURE */	
	#contactForm {
		display: block;
		float: left;
	/*	margin-left: 50px;*/
		margin-left: 0;
		width: 93.44537%;  /* 556/595  (based on message width) */
		max-width: 100%;
	}
	#contactForm form input {
/*		width: 260px;*/
		width: 100%;
/*		width: 46.76258%;*/
		height: 1.5rem;
		border-style: solid;
		border-width: 1px;
		border-color: #89A2B6;
		background-color: #f4ebd3;
		text-align: left;
		text-indent: 10px;
		margin-bottom: 0.5rem;
	}
	#contactForm form input#name {
		float: left;
	}
	#contactForm form input#phone {
		float: left;
	}
	#contactForm form input#email {
		float: left;
	}
	#contactForm form textarea#message {
/*		width: 556px;*/
		width: 100%;
		height: 76px;
		border-style: solid;
		border-width: 1px;
		border-color: #89A2B6;
		background-color: #f4ebd3;
		text-indent: 10px;
	}

#contactForm input#name, #contactForm input#email, #contactForm input#phone, #contactForm textarea#message {
	font-family: PTSansRegular;
	font-size: 1rem;
	color: #021c3f;
}

	#contactForm form input#submitButton {
		float: right;
		width: 70px;
/*		width: 12.58992%;*/
		height: 30px;
		border-width: 0px;
		text-indent: -9999px;
		background-image: url(../images/titles/contact-form-send-button.jpg);
		background-position: bottom center;
	}
	#contactForm form input#submitButton:hover {
		background-position: center center; 
	}
	#contactForm form input#submitButton:active {
		background-position: top center; 
	}
	
/* Form Field Labels*/
	#contactForm .titleImage {
		float: left;
		width: 125px;
/*		width: 22.48201%;*/
		height: 20px;
		text-indent: -9999px;
	}
	#contactForm #nameImage {
		background: url(../images/titles/contact-form-name-title.jpg);
	}
	#contactForm #emailImage {
/*		margin-left: 172px;*/
/*float: right;*/
		background: url(../images/titles/contact-form-email-title.jpg);
	}
	#contactForm #phoneImage {
		background: url(../images/titles/contact-form-phone-title.jpg);
	}
	#contactForm #messageImage {
		background: url(../images/titles/contact-form-message-title.jpg);
	}

@media (max-width: 340px) {     /* @media (max-width: 330px)  */
	#contactForm input#name {
		float: left;
	}
}     /* @media (max-width: 330px)  */

/* Stack Name, Email and Phone when screen < 480px */
@media (max-width: 480px) {     /* @media (max-width: 480px)  */
	#contactForm #nameImage {
		width: 80px;
	}
}     /* @media (max-width: 480px)  */

/* Form Field Labels*/
/* END FORM STRUCTURE */