/* 
    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 */
@media (min-width: 320px) and (max-width: 380px) { /* (min-width: 320px) */
	.content .title {
		text-align: left;
		margin-left: 28.19444%;
	}
	.content .title img {
		width: 75.49899%; 			
		max-width: 100%;
	}
}			     																				 /* (min-width: 320px) */
@media (min-width: 381px) and (max-width: 479px) { /* (min-width: 320px) */
	.content .title {
		text-align: left;
		margin-left: 28.19444%;
	}
	.content .title img {
		width: 65.49899%; 			
		max-width: 100%;
	}
}			     																				 /* (min-width: 320px) */
@media (min-width: 480px) and (max-width: 544px) { /* min-width: 480px) */
	.content .title {
		text-align: left;
		margin-left: 28.19444%;
	}
	.content .title img {
		width: 57.49899%; 			
		max-width: 100%;
	}
}			     																				 /* (min-width: 480px) */
@media (min-width: 545px) and (max-width: 744px) { /* (min-width: 545px) */
	.content .title {
		text-align: left;
		margin-left: 28.19444%;
	}
	.content .title img {
		width: 57.95604%;
		max-width: 100%;
	}
}																									 /* (min-width: 545px) */
@media (min-width: 745px) and (max-width: 1280px) {/* (min-width: 745px) */
	.content .title {
		text-align: left;
		margin-left: 28.19444%;
	}
	.content .title img {
		width: 57.81512%;
		max-width: 100%;
	}
}																									  /* (min-width: 745px) */

/* END TITLE STRUCTURE */
/*	.content {
		background-color: #f9f5e8;
	}
	.content .title {
		text-align: left;
		margin-left: 28.19444%;
	}
	.content .title img {
		width: 57.81512%;
		max-width: 100%;
	}
@media (max-width: 480px) {   
	.content .title img {
		width: 57.81512%; 			
		max-width: 100%;
	}
}	*/		     			/* @media (max-width: 480px) */
/* END TITLE STRUCTURE */

/* LEAD GRAPHIC STRUCTURE */
.content .leadGraphic {
	float: left;
	width: 23.19327%;
	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: 46.76258%;
		height: 34px;
		border-style: solid;
		border-width: 1px;
		border-color: #89A2B6;
		background-color: #f4ebd3;
		text-indent: 10px;
	}
	#contactForm form input#name {
		float: left;
	}
	#contactForm form input#email {
		float: right;
/*		margin-left: 18px;*/
		margin-left: 3.23741%;
	}
	#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 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 #messageImage {
		background: url(../images/titles/contact-form-message-title.jpg);
	}
	
@media (max-width: 340px) {     /* @media (max-width: 330px)  */
	#contactForm #nameImage {
		width: 80px;
	}
}
@media (max-width: 480px) {     /* @media (max-width: 480px)  */

	#contactForm #nameImage {
		width: 80px;
	}
}

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