@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Lora:400,700);

/*-- Global styles  */

/*-- limited reset */


html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	color: #641022;
	font-weight: 600;
    }
/*-- html5 display rule */
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu,
section, summary {
    display: block;
    }
/*-- Gallagher micro-clearfix hack for modern browsers */
.cf:before, cf:after {
    content: "";
    display: table;
    }
.cf:after {
    clear: both;
    }
/*-- End reset styles */

a {
	text-decoration: none;
	color: #A65D33;
	list-style-type: none;
    }

a hover {
    color:#A61B0F;
    border-bottom: 1px solid #000000;
    }
a.phone {
    border: none;
    color: inherit;
}
html {
    background: #ffffff;
    }
body {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal
    }
	

/*-- header styles */

header {
	height: 150px;
	width: 100%;
	padding-top: 1px;
    }

	
div.headAddress{
	clear: right;
	float: right;
    font-family: 'Source Sans Pro', sans-serif;
	text-align: right;
    color: #3B2F30;
	line-height: 1em;
    margin-top: 1em;
	margin-right: 1em;
		
}

header#pageTop>a>img:first-child{
	float: left;
}

div.topNotice{
	font-family: 'Source Sans Pro', sans-serif;
	margin-top: 1em;
	margin-right: 1em;
	color: #E6DED5;
	float: right;
	padding: .5em 1em;
	background-color: #A61B0F;
	height: 4em;
	width: 17em;
}

.topNotice h3 {
	font-family: "Lora", serif;
	font-style: italic;
	font-size: .8em;
	text-decoration: underline;
	color: #FFFFFF;
	}

.topNotice h2 {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 600;
	color: #FFFFFF;	
	}

/*end header styles*/


/*-- Nav styles */

.headerNav {
}

.headerNav ul {
	list-style-type: none;
	padding: 0;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #E6DED5;
	width: 100%;
}

.headerNav li a {
	display: inline;
	text-decoration: none;
	color: #A65D33;
	padding: .6em 1em;
}

.headerNav li a:hover {
	background: #A61B0F;
}

nav#topNav{
	margin: .6em;
}


/*-- end styles for nav */


@media screen and (min-width: 40em) {
 
    .headerNav ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .headerNav li {
        flex: 1 0 auto;
        text-align: left;
    }
    #footerNav ul {
		display: flex;
		flex-wrap: wrap;
		
		}
		
	.footerList li {
		flex: 1 0 auto;
		text-align: left;
		
		}
}


/*-- main section styles */


#mainCopy {
	width: 70%;
	height: 50em;
	}
	
		
	article {
	float: left;
	margin-top: 1em;
	margin-left: 1.3em;
    }
	
	}
#contactUs>hgroup{
	clear: left;
}
	
hgroup>h1{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight: 600;
	color: #737373;
	font-size: 1.8em;
	margin-top: .5em;
	margin-left: 13.5em;
	line-height: 1.2em;
	}
	
	
hgroup>h2 {
	font-family: 'Open Sans Pro', sans-serif;
	color: #3B2F30;
	font-weight: 600;
	margin-bottom: .7em;
	font-size: 1em;
	
		}
article>h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
		}

div#headPhone{
	font-family: 'Source Sans Pro', sans-serif;
	color: #3b2f31;
	margin-left: 22em;
	margin-top: 1em;
	font-size: 1.1em;
}

div#headPhone>a{
	color: #74051D;
	font-size: 1.1em;
	font-weight: 600;
}


#lowerContentHome{
	clear: left;
	padding-top: 1em;
}

.copy1>h4 {
	font-family: "lora", serif;
	font-weight: 600;
	font-color: #3B2F30;
	}
 

div#grayBoxText>p{
	font-family: 'Lora', serif;
    color: #3B2F30;
    background: #E6DED5;
	padding: .5em .5em;
	font-size: 1em;
}

	
/*--end main section styles */	

/*-- Form styles */

#contactUs {
    padding-top: 2em;
	float: left;
    display: block;
	background-color: #A61B0F;
	font-family: "Lora", serif;
}

form {
	margin: 0 auto;
	width: 20em;
	font-size: large;
	padding: .5em;
}

/* Style the text boxes */
input, textarea {
	width: 21em;
	height:27px;
	background:#efefef;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

textarea {
	height:213px;
}

input:focus, textarea:focus {
    border:1px solid #97d6eb;
}

#submit {
    width:127px;
    height:38px;
    background: url(images/submit1.jpg);
    text-indent:-9999px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}

#submit:hover {
	    opacity:.9;
	}


/*-- end Form styles */

/*-- aside styles */
    
    aside {
	float: right;
	width: 26%;
	padding-top: 1em;
	padding-right: 0;
	height: 60em;
	margin-top: 1em;
	background-color: #838181;
    }

	aside h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	color: #3A5970;
	margin-left: 0.5em;
		}
		
	aside p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	margin-left: .5em;
	margin-top: 1em;
	line-height: 1.5em;
	color: #E8EFEF;
		}
	aside h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	text-align: center;
	margin-top: 0.5em;
	color: #ACD1F2;
		}
		
		
.overView ul {
		list-style-type: none;
		padding: 1em;
		}

#leftColList{
	font-family: 'Source Sans Pro', sans-serif;
	color: #e6ddd4;
	font-size: .9em;
}

.colList2 li {
	margin-bottom: 1em;
	color: #E6DDD4;	
	}

li.listAside>a{
	font-family: 'Source Sans Pro', sans-serif;
	color: #e6ddd4;
}

li.listAside>a:hover{
	color: #400b05;
	text-decoration: underline;
}
	

section#colMid{
	font-family: 'Lora', serif;
	font-size: .9em;
	padding-right: 1em;
}


h4.colHeader{
	font-family: 'Lora', serif;
	color: #a51b0e;
	text-align: left;
	margin-left: 1em;
	margin-top: 1em;
}



/*-- end aside styles */

/*-- footer styles */


.footerDiv {
	clear: both;
	overflow: hidden;
	padding: 2em 2em;
	background-color: #B6B5B4;
        }

ul#footerNav{
	font-family: 'Source Sans Pro', sans-serif;
	display: inline;
    list-style: none;
	position: absolute;
    margin-top: 8em;
    left: 1.7em;
	font-size: 1em;
		
}

li.footerList{
	    display: inline;
		padding: 2em 0;
		margin: .2em;
		
   }
  
li.listAside{
	text-align: left;
	font-size: .9em;
}

li.listAside>a{
	color: #e6ddd4;
}

#footerClose{
	font-family: 'Source Sans Pro', sans-serif;
	clear: left;
	margin-bottom: 1em;
	color: #674F38;
	font-size: .85em;
	
}



div#super_lawyers_badge{
	position: absolute;
	clear: left;
}

div.endorsementBadge{
	width: 40%;
}

div#sl_badge_container_small{
background-image: url('http://i.superlawyers.com/shared/badge/lawyer/basic/small_name_red.png'); 
text-align: center; 
outline: none; 
border: none; 
float: left;
}

#super_lawyers_badge{
	margin: auto;
	padding: .4em 15em;
}

div.badge2{
	float: left;
	
}


/*-- end footer styles*/


/*-- mobile styles */


@media screen and (max-width: 53em){


#mainCopy {
	width: 90%;
	height: auto;
	
	}
	
	aside{
		position: absolute;
		top: 87em;
		width: 49em;
		height: 27em;
		font-size: .85em;
		left: 1em;
	}
	
	h4.colHeader{
		margin-right: .3em;
	}
	
	
hgroup>h1{
	font-family: 'Lora', serif;
	font-weight: 600;
	color: #A65D33;
	font-size: 1.6em;
	margin-top: .5em;
	margin-left: 15em;
	line-height: 1.2em;
	}
	
	div#headPhone{
	font-family: 'Source Sans Pro', sans-serif;
	color: #737373;
	margin-left: 24em;
	margin-top: 1em;
	font-size: 1em;
	}
	
 	section#colRight {
		    position: absolute;
			right: 4em;
			top: .5em;
			font-size: em;
	}
	
	h5.col3mid{
		float: left;
		margin-left: 1em;
		margin-top: 1em;
		font-size: 1.2em;
		font-weight: 600;
		line-height: .5em;
	}
	
	h5.col3mid:last-child{
		float: left;
		margin-left: -13em;
		margin-top: 2.5em;
		font-weight: 600;
	}
	
.footerDiv {
	margin-top: 90em;
	
	}

	footer{
		margin-top: 81em;
	}


}