/* BEGIN GLOBAL RESET ***************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,th,var
{
	font-style: normal;
	font-weight: normal;
}

ol,ul { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6
{
	font-size: 100%;
	font-weight: normal; display: inline; 
}

q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

/* END GLOBAL RESET ****************/
/* MAIN STYLES ***************/

.grecaptcha-badge { display: none !important; }

body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #453232;
	font-size: 13px;
	line-height: 16px; 
	background: #670808 url(/images/bg.png) repeat-x center top;
}

a
{
	color: #850d0d;
	text-decoration: none;
}

a:visited { color: #850d0d; }
a:hover { color: #ae8e32; }

.clear
{
	clear: both;
	height: 1px;
	line-height: 1px;
	width: 100%;
	overflow: hidden;
}

.clear-2
{
	clear: both;
	height: 2px;
	line-height: 2px;
	width: 100%;
	overflow: hidden;
}

.clear-10
{
	clear: both;
	height: 10px;
	line-height: 10px;
	width: 100%;
	overflow: hidden;
}

.clear-20
{
	clear: both;
	height: 20px;
	line-height: 20px;
	width: 100%;
	overflow: hidden;
}


.hide { display: none; }

#mainbox { margin: 38px auto 0 auto; width: 794px; overflow-x: hidden; }

#header { color: #d9b13f; font-size: 13px; line-height: 15px; width: 100%; }

#header a { color: #d9b13f !important; }

#header b { font-weight: normal; color: #fff !important; }

#header #logo { width: 425px; margin: 0 0 0 2px; float: left; text-align: center; }

#header #secondline { letter-spacing: 1px; font-family: Georgia, Times, serif; font-size: 18px; margin: 5px 0 0 2px; line-height: 22px;  }

#header #phone { width: 419px; overflow: hidden; text-align: justify; display: block; float: left;  }

#header #email { float: right; width: 250px; text-align: center; margin-right: 7px;  }

#header #phone span.space { word-spacing: 1000px; line-height: 1px; }

#header .call_promo { text-align: center; font-size: 10px; line-height: 10px; text-transform: uppercase; }

#header #email a:hover { color: #fff !important; }


#header #locations { float: right; margin-right: 7px; width: 250px; font-size: 11px; line-height: 14px; }

#header div.loc-1, #header div.loc-2 { width: 110px; margin: 0 0 2px 0; display: block; float: left; }

#header div.loc-1 {  padding-right: 15px; border-right: 1px solid #a24748; } 
#header div.loc-2 { float: right; }

#locations h4 b { display: block; font-size: 12px; }

#locations #email { clear: both; text-align: center; font-size: 12px; }


#navigation { display: none; font-family: Georgia, Times, serif; clear: both; margin: 12px auto 0 auto; width: 100%; height: 46px; background: url(/images/navbar.png) no-repeat 1px top; } 

#navigation ul { width: 650px; padding: 6px 0 0 0; margin: auto; }

#navigation li { display: inline; margin: 0 22px 0 0; font-size: 14px; text-transform: uppercase; line-height: 22px; }

#navigation li#nav-contact { margin-right: 0 !important; }

#navigation a, #navigation a:visited { color: #fff; }

#navigation a:hover, #navigation li.divider { color: #d9b13f; } 

#middle  { width: 100%; height: 60px; text-align: center; }



#content-outer { width: 792px; margin: 10px auto 15px auto; padding-bottom: 2px; background: #410505; }

#content a:hover { text-decoration: underline; }

#content { width: 788px; margin: 0 auto 0 auto; background: #d1d1d1 url(/images/bg_content_gray.png) repeat-x; }

#content-inner { width: 750px; padding: 30px 24px 30px 24px; }

#content h1, #Home #content h2 { display: block; font-size: 24px; text-transform: uppercase;  border-bottom: 1px solid #850d0e; line-height:30px; margin-bottom: 10px; font-family: Georgia, Times, serif; }

#Home #content h1, #Home #content h2 { display: inline; margin-bottom: 0; }

.Inside #content h1 { margin-right: 10px; }

.Inside #content h2 { color: #666; font-size: 12px; text-transform: uppercase; display: block; }
 
#Lawyers #content h2 { text-align: center; color: #453232; font-size: 18px; text-transform: none; font-family: Georgia, Times, serif; line-height: 22px; margin: 0 5px 4px 0; }

#Lawyers #content h2 a { text-decoration: none; color: #453232; }

#Lawyers #content h2 a:hover { color: #850d0d; }

#Directions #content h2 { font-size: 18px; font-weight: bold; color: #453232; text-transform: none; float: left; }

#Directions #wrapper { background: #fff; padding: 15px; margin-right: 10px; }

#mapimage { float: left; margin-right: 15px; }

#mapcontent { width: 215px; float: left; }

#mapwarning { text-align: center; font-weight: bold; }

#content p, h3 { width: 600px; margin: 4px 0 9px 0; }

.Inside #content p, .Inside h3 { width: auto;  }

#Home #content p { margin: 9px 0 9px 0; }

.Inside #content h3 { display: block; font-weight: bold; font-size: 16px; line-height: 20px; margin: 18px 0 0 0; }

#content ul { width: 530px; padding-left: 25px; margin: 9px 25px 0 0; list-style-type: disc;  }

#Home #content ul, #Home #content p, #Home #content h3 { width: auto; }

#content li  { margin: 4px 0 5px 0; }

#content ul ul { margin: 0 0 0 5px;  }

#content p.highlight { color: #850d0d; font-size: 15px; margin-top: 15px; padding-bottom: 5px; border-bottom: 2px dotted #c8bdbd; }

#content h1 .num { font-size: 30px; } 
#left { width: 540px; float: left; }

#right { width: 170px; float: right; margin-right: 10px;}

#Home #left { width: 350px; border-right: 1px solid #ccc; padding-right: 20px;   }

#Home #right { width: 350px; }

#content a { color: #453232; text-decoration: underline; }

#content a:hover { color: #850d0d; }

#lawyerpics { width: 447px; margin: 0 auto 0 auto; text-align: center; }

#lawyerpics .item { float: left; width: 206px; margin: 5px 0 0 0;  text-align: center; }

#lawyerpics #lawyer-fountain { float: right; }

#lawyerpics { font-size: 16px; }

#right #quickcontact { background: #f0f0f0; padding: 10px; border: 1px solid #ccc; font-size: 11px; margin-top: 5px; line-height: 14px; }

#Rothbell #quickcontact, #Fountain #quickcontact { margin-top: 15px; }

#right #worldwide { margin-top: 15px; 
background: #f0f0f0; padding: 10px; border: 1px solid #ccc; font-size: 12px; 
}

#right #worldwide h3 { margin-top: 0; font-size: 14px; }

#right #worldwide p { margin: 0; }

#right input { width: 145px; margin-bottom: 8px; }

#right textarea { width: 145px; height: 75px; margin-bottom: 6px; }

#quickcontact > p { font-size: 18px; color: #999;  }

.wpcf7-mail-sent-ok, .wpcf7-validation-errors { font-weight: bold; color: green; padding: 10px 0 20px 0; font-size: 125%; }
.wpcf7-validation-errors { color: red; }

#aila { margin-top: 20px; background: #fff; width: 100%; text-align: center; padding: 10px 0 5px 0; font-size: 10px; line-height: 12px; color: #999; }

#aila p { padding: 3px 10px 0 10px; }

#content h3.first { margin-top: 5px; }
 
#footermessage { font-family: Georgia, Times, serif; font-size: 15px; letter-spacing: 1.4px; font-weight: bold; text-align: center; width: 100%; margin-top: 15px; text-transform: uppercase;  }

#footer { font-size: 12px; width: 100%; margin: 15px 0 25px 0; text-align: center; color: #d9b13f; }

#footer b { font-weight: normal; color: #fff; }

#footer p { display: block; margin: 10px 0 5px 0; }

#footer a { color: #d9b13f; }

#footer a:hover { color: #fff; }

.mm-menu {
background: #540706 !important;
}

.mm-menu .divider { display: none; }

.mm-menu .sub { text-indent: 10%; }
.mm-menu .sub_2 { text-indent: 15%; }

/* for only desktop   */
@media (min-width: 768px) {

#Home #middle { height: 225px; }
#navigation { display: block; }
}



/* for all phones  */
@media (max-width: 767px) {

body { min-width: 280px; }
#mainbox { width: 100%; margin-top: 0; }

.Inside #content h1 { margin-right: 0; }

#header #logo { width: 100%; text-align: center; float: none; }

#header #logo img { width: 80%; max-width: 425px; height: auto; margin-top: 15px; }

#header #locations { float: none; width: 100%; max-width: 250px; margin: 3% auto; }

#header div.loc-1, #header div.loc-2 { width: 45%; }

#header #phone, #header #email { width: 100%; float: none; text-align: center; margin: 2% 0; }

#header #phone a, #header #email a { color: #d9b13f; text-decoration: none; }

#header #phone span.space { display: none; }

#header .call_promo { margin-top: 8px; }

#middle { margin-top: 12px; height: 50px; overflow: hidden;  }
#Home #middle { height: auto; max-height: 210px; }
#middle img { height: 110%; width: auto; margin-bottom: -10px; }
#Home #middle img { width: 100%; height: auto; }

#navigation { display: none; }

#content-outer, #content { width: 100%; }

#content-outer { margin-top: 0; }

#content-inner { width: auto; padding: 5%; }

#left, #right { width: 100% !important; float: none !important; border: none; }
#Home #left { border-right: 0 !important; }
#right #quickcontact { clear: left; width: 100%; max-width: 350px; margin: 10% auto 0 auto; padding: 5%; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  font-size: 13px; line-height: 18px;  
  }
  
#right input, #right textarea { width: 100%; }

input[type="submit"] { margin: 3% 0;}

#mobile-nav {
background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 5px;
left: 5px;
}

#lawyerpics .item { margin-bottom: 20px;  }

#content ul { width: 80%; }

#footer p { padding: 20px; }

body#Contact textarea { width: 85%; }

#Directions #wrapper { margin-right: 0; }

#mapcontent, #mapimage { float: none; width: 100%; }
#mapimage { margin-bottom: 15px; }
#mapimage img { width: 100%; max-width: 457px; height: auto; }



} /* end all phones */





/* for medium phones and below */
@media only screen and (max-width : 568px)
{


#lawyerpics { width: 100%; }

#lawyerpics .item { width: 100%; float: none !important; }

#Lawyers #content h2 img { display: block;  margin: 1% auto;}

#right > img { margin: 0 auto; display: block; }

} /* end medium phones */








/* for smaller phones */
@media only screen 
and (max-width : 480px) 
{

body { font-size: 12px; }

#header #secondline { font-size: 16px; line-height: 19px; }
#header #phone span { display: block; height: 8px; }

#content h1, #Home #content h2 { font-size: 18px; line-height: 22px; }
#content h1 .num { font-size: 20px !important; }

#Home #middle img { margin-bottom: -5px;}

.other_office, #Directions #content h2 { float: none !important; }
.other_office { margin: 10px 0; }

#mobile-nav { top: 195px; left: 0; }
#header #logo img { width: 90%; }

#Home #middle { max-height: 130px; }


}/* end smaller phones */






/* for smallest phones */
@media only screen 
and (max-width : 320px) 
{

#mobile-nav { top: 180px; }


}/* end smallest phones */