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

/*LAYOUT*/
body{
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
	background:#05580c;
	}
#container{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}
#photo-top-header{
}
#header{
	}
#header section {
    display: flex;
    flex-wrap: wrap;
}
#header section #nav {
    width: 32%;
}
#header section .mast {
    width: 67%;
}
#header img {
    max-width: 100%;
    height: auto;
}
#header #top-bar{
	height:4px;
	background:url(http://www.mcconnelllawfirm.com/images/bg/gradient-border-bg.gif) repeat-x;
	}
#header #btm-bar{
	height:4px;
	background:url(http://www.mcconnelllawfirm.com/images/bg/gradient-border-bg.gif) repeat-x;
	}
#header #contact-bar{
	background:#000000;
	padding:5px 5px 5px 5px;
	}
#header #contact-bar td{
	text-align:center;
	}
#nav{
	font:bold 0.8em Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	line-height:2.0em;
	text-transform:uppercase;
	padding:10px 0px 0px 7px;
}
#nav img{
	padding:0px 0px 5px 0px;
}
#footer{
	height:240px;
	font-size:10px;
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
	background:url(http://www.mcconnelllawfirm.com/images/bg/tx-flag-footer-bg-esp.jpg.jpg) #05580c no-repeat;
}
#footer .county-names-text{
	font-size:11px;
	}

#footer section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
#footer section aside {
    width: 33%;
}
#footer section aside:nth-of-type(3n+2){
	text-align: center;
}
#footer section aside:last-child{
	text-align: right;
 }
#footer .county-names-text{
	font-size:12px;
	}

/*OTHER LAYOUT INCLUDING PAGES ETC*/
#contact-page{
	background:#FFFFFF url(http://www.mcconnelllawfirm.com/images/bg/court-bg.jpg) no-repeat top right;
	padding:5px 5px 5px 5px;
}
#contact-page td{
	font-size:14px;
	padding:5px 5px 5px 5px;
}
#content {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    background: #FFFFFF url(../images/bg/court-bg.jpg) no-repeat top right;
    padding: 5px 5px 5px 5px;
}
#content aside:nth-of-type(1) {
    width: calc(33% - 2%);
}
#content aside:nth-of-type(2){
	width: 67%;
}
#content td.left-col{
	vertical-align:top;
	padding:0px 10px 0px 0px;
}
#content td.right-col{
	vertical-align:top;
	padding:0px 10px 0px 5px;
}
#content #practice-areas-box{
	margin:10px 0px 0px 0px;
	}
#content #practice-area-title-box{
	background:#000000;
	padding:5px 5px 5px 5px;
	}
#content #practice-areas-box td.left-col{
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.mcconnelllawfirm.com/images/bg/criminal-bg-esp.jpg) no-repeat #000000;
	padding:60px 10px 0px 70px;
}
#content #practice-areas-box td.right-col{
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.mcconnelllawfirm.com/images/bg/personal-injury-esp.jpg) no-repeat #000000;
	padding:60px 10px 0px 70px;
}

#content #contact-box{
	background:#fe1a00;
	padding:5px 5px 5px 5px;
	margin:7px 0px 0px 0px;
}
#content #contact-box td{
	font-size:12px;
	color:#FFFFFF;
	padding:5px 5px 5px 5px;	
}
#contact-box input, textarea, select{
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#contact-box a, #contact-box{
	color:#fff;
}
#contact-box a, #contact-box{
	color:#fff;
}
#contact-box input, textarea{
	width:150px;
}
/*ABOUT US - ATTORNEYS*/
#attorney-profile-box{
	padding:0px 0px 0px 15px;
}
#attorney-profile-box h2{
	margin-top:0px;
}
#attorney-profile-box ul{
	font-size:14px;
}
#attorney-profile-box img{
	border:3px solid #000;
	margin:0px 10px 0px 0px;
}
#attorney-profile-box td{
	padding:0px 0px 5px 0px;
	vertical-align:top;
}

/*BOXES*/
#en-espanol-top-box{
	margin:0px 0px 10px 0px;
	text-align:right;
	}
/*TEXT*/
h1{
	font-size:1.5em;
	margin:6px 0px 6px 0px;
	}
h2{
	font-size:1.2em;
	letter-spacing:-2px;
	margin:6px 0px 6px 0px;
	}
p{
	font-size:14px;
	line-height:17pt;
	margin:6px 0px 6px 0px;
	}
ul, ol{
	font-size:14px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
}
/*CUSTOM TEXT*/
.drop-cap-text{
		font-size:5.0em;
		float:left;
		margin:0px 5px 0px 0px;
		line-height:40pt;
}
.uppercase-white-body-text{
	text-transform:uppercase;
	color:#FFFFFF;
	}
/*LINKS*/
a, a:visited{
	color:#fe1a00;
}
a:hover{
	color:#fe1a00;
	text-decoration:none;
}
#nav a, #nav a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#nav a:hover{
	color:#a40000;
	text-decoration:none;
}
#nav .arrow{
	background:url(http://www.mcconnelllawfirm.com/images/bg/arrow-bg.png) no-repeat center left;
	display:block;
	padding:0px 0px 0px 12px; 
	float:left;
}
#practice-areas-box a, #practice-areas-box a:visited{
	color:#FFFFFF;
}
#practice-areas-box a:visited{
	color:#FFFFFF;
	text-decoration:none;
}	

/*IMAGES*/
img.left-align{
	border:2px solid #CCC;
	float:left;
	margin:0px 10px 10px 0px;
	clear:both;
}
img.right-align{
	border:2px solid #CCC;
	float:right;
	margin:0px 10px 10px 0px;
	clear:both;
}	
/*MISC*/
form{
	margin:0px;
	padding:0px;
	}
input#submit{
	background:url(http://www.mcconnelllawfirm.com/images/bg/submit-button-bg.gif) repeat-x #cdcdcd;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #FFFFFF;
	}
input#submit:hover{
	color:#FFFFFF;
	background:url(http://www.mcconnelllawfirm.com/images/bg/submit-button-RO-bg.gif) repeat-x #ce0100;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #FFFFFF;
	}

.fa-facebook-square {
	color:white !important;
	padding-left: 5px !important;
	padding-bottom: 10px !important;
}

.fa-youtube-square {
	color:white !important;
	padding-right: 5px !important;
	padding-bottom: 10px !important;
}




@media screen and (max-width:568px){
#container, #header section #nav, #header section .mast, #footer section aside, #footer section aside:last-child, #content aside:nth-of-type(1), #content aside:nth-of-type(2){
	width: 100%;
	text-align: center;
}
#content #practice-areas-box td.right-col, #content #practice-areas-box td.left-col {
    padding: 80px 10px 0px 20px;
}
#footer section aside, #footer section aside:last-child {
    margin: 15px 0;
}
iframe{
	max-width: 100%;
}
#promo-box {
    height: 100%;
}
img{
	max-width: 100%;
	height: auto;
}
	.flash{
		display: none;
	}
}