@charset "UTF-8";
/* CSS Document */

.wide {
	width:40%;
	float: left;
	margin: 1.5% 1.5% 1.5% 0;
}

.logowrap {margin:auto; max-width:290px; clear:both;}
.logowrap a:link {text-decoration:none; color:#777;}
.logowrap a:hover {text-decoration:underline;}
.logowrap p {text-align:center;}
.logowrap img {width:50%; margin:1% 25%;padding:1% 1% 1% 1.3%;}
.logowrap img:hover {-webkit-box-shadow: 1px -1px 5px 0px rgba(99,99,99,1);
-moz-box-shadow: 1px -1px 5px 0px rgba(99,99,99,1);
box-shadow: 1px -1px 5px 0px rgba(99,99,99,1); background-color:#636363;}
.logowrap img:visited {color:#666;}



.up {
	width:80%;
	margin: 1.5% 10% 1.5% 10%;
}


@media screen and (min-width: 700px){.up {display:none;}}
@media screen and (max-width: 700px){.wide {display:none;}}

img.logo {margin: 1.5% 0 2% 0; width:47%;}

@media screen and (max-width: 760px){img.logo {margin: 1.5% 15%; width:70%;}}
@media screen and (max-width: 560px){img.logo {margin: 1.5% 10%; width:80%;}}


img.pagetop {width:100%; border:1px solid #eee; padding:0.5%;}

pic-float {border:1px solid; padding: 1%;}

FLright {float:right; margin: 1% 0% 1% 1%;}
FLleft {float:left; margin: 1% 1% 1% 0;}

.headerpic {margin:0; opacity:0.33;}

.headerpic-darker {margin:0; opacity:0.73;}

.hobsons {
	width: 23.7%;
	z-index: 100;
	position: absolute;
	bottom: 0px;
}


.police { width:90%; margin:1% 5%;}

.big-front {width:94%; margin: 1% 3%;}

.app img {width:12%; float:left; margin:1%;}
.app {width:80%; border:1px solid; margin:1% 10% 1% 10%;}
.big-front:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,1); opacity:1.0;}


.attorney-profile {
	margin: 0 0 1% 1.8%;
	padding: .9%;
	border: 1px solid #aaa;
	float: right;
	width: 31%;
}


.bottomlogo {float:left; width:31%;padding:2%;}

.attorney-profile img {text-align:bottom;}

@media screen and (max-width: 700px){
.attorney-profile {
		margin: 1% 10% 1% 10%;
	padding: .75%;
	border: 1px solid;
	float: left;
	width: 77%;
}
}


#hero h2 {
	z-index:100;
	color: #fff;
	font-size:1.75em;
	padding:3%;
	margin:0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

#hero h3 {
	z-index:100;
	color: #fff;
	font-size:1.7em;
	padding:12% 0 1.5% 0;
	margin:0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


#hero h2#tall {
	position:absolute;
	left:23.7%;
	z-index:100;
	color: #fff;
	bottom:4%px;
	font-size:32px;
	padding:0;
	margin:0;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

@media screen and (max-width: 700px){
#hero h2, #hero h2#tall {
	font-size:22px;
}}

.main3 {margin: 7px 0 9px 0;}

.alpha {
	margin:0 0px 0 0;
}
.omega {
	margin:0 0 0 0px;
}

.main3 a:link img{
	display:block;
	margin: 0;
	opacity:0.85;
	background-color:#272325;
	width:98%;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.main3 a:visited img{	width:98.2%;
}

.main3 a:hover img{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,1); opacity:1;}


.main3a a:link img{
	display:block;
	margin: 0 0 4% 0%;
	opacity:1;
	background-color:#272325;
	width:99%;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.main3a a:visited img{	width:98.2%;
}

.main3a a:hover img{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,1); opacity:0.75;}





@media screen and (max-width: 600px){
.logo {width:80%; margin:1% 10%;}

.main3 a img{
	display:block;
	margin:2%;
	opacity:1;
	background-color:#272325;
}
}


.head-color {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,dddddd+50,d8d8d8+51,fefefe+100 */
background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(221,221,221,1) 50%, rgba(216,216,216,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(221,221,221,1) 50%,rgba(216,216,216,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(221,221,221,1) 50%,rgba(216,216,216,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.hero-color {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#284420+0,1c3111+100 */
background: rgb(40,68,32); /* Old browsers */
background: -moz-linear-gradient(top, rgba(40,68,32,1) 0%, rgba(28,49,17,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(40,68,32,1) 0%,rgba(28,49,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(40,68,32,1) 0%,rgba(28,49,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#284420', endColorstr='#1c3111',GradientType=0 ); /* IE6-9 */}

.body-color{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,dddddd+50,d8d8d8+51,fefefe+100 */
background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(221,221,221,1) 50%, rgba(216,216,216,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(221,221,221,1) 50%,rgba(216,216,216,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(221,221,221,1) 50%,rgba(216,216,216,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */}

img.superlawyer {margin:auto; width:70%; margin:1% 15% 0 15%;}
p.super {width:70%; margin:0 15% 3% 15%; font-size:1em; text-align:center;}