header{
	background: #fff;
	color: #000;
	line-height: 40px;
	padding: 0 20px 0 55px ;
	position:relative;
	left:0;
	top:0;

}
li.error {list-style: none; font-size: .8em; color: red; }

#content .img {width: 100%!important; background-size:cover; background-position: bottom; height: 125px;content: '.'; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc)}
.img.faq {background-image:url(../img/headers/faqs.jpg); }
.img.aboutlaw {background-image:url(../img/headers/about-lawyers.jpg); }
.img.areas {background-image:url(../img/headers/areas-of-pract.jpg); }
.img.contact {background-image:url(../img/headers/contact.jpg); background-position:top!important;}
.img.criminal {background-image:url(../img/headers/criminal.jpg); }
.img.injury {background-image:url(../img/headers/personal-injury.jpg); }
.img.nursing {background-image:url(../img/headers/nursing_home.png); }
#content nav ul {padding: 10px 0 0 0; margin:0;}
#content nav li {padding-bottom: 0;}
#content nav a {color: #898989}
.faq h2 {font-size: 1.1em;}
.faq p {padding-left: 20px;}

form {font-weight:bold;}
label {width: 100%; font-size: .9em; margin: 5px 0; }
input[type="text"], select {width: 100%; }
textarea {width: 100%;}
label.checkbox {width: 100%; font-weight: 300;}
.yes {display:none;}
.headshot {float:left; margin: 0 20px 0 0; max-width: 40%;}
	.headshot img {width: 100%;}

@media screen and (min-width: 640px){
	#content .img {height: 200px; }
	label {clear: both;width: 30%; float: left; padding-right: 20px;}
	input[type="text"], select {width: 70%; float:left; max-width: 250px;}
	textarea {width:  50%; max-width: 400px;}
	label.checkbox {clear:none; width: 50%; float:left; max-width: 400px; }
}

@media screen and (min-width:900px){

	#content .img {height: 300px;}
	header {
		width:100%;
		height: 150px;
		padding: 10px 0px 20px 0 ;
		background-color: white;
		top:0;
		left:0;
			position:fixed;

		z-index: 3!important;
}

	header.tiny {height: 95px; 		position: fixed; padding:0 0 10px 0; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
	header.tiny h2 {display:inline; font-size: 1.3em; }
	header.tiny .no {display:none;}
	header .yes {display:none;}
	header.tiny .yes {display:block;}
	header.tiny .logo {padding-top: 10px;}
	.logo {height: 100%; float: left}
	.call {width: 30%; float: right; margin-top: 20px}
	#content {clear:both; margin-top: 150px;}
	.content {width: 75%; padding: 10px 50px 10px 30px; float: left; max-width: 1100px;}
	.full {width: 100%; padding: 10px 50px 10px 30px; }
	label {width: 20%;}
	input[type="text"], select {width: 80%; }
}

@media screen and (max-width: 1800px){
	.content.faq {width: 100%;}
}