/*Initialization*/
html 
{
    height: 100%;
    max-height: 100%;
	
    font-size: 62.5%;
}

body 
{
	padding:0;
	margin:0;
	
    height: 100%;
    max-height: 100%;
	
	font-family:"Open Sans", "verdana", "sans-serif";
    font-size: 1.8rem;
    line-height: 1.4em;
	background-color:#DB7800;
}

::-moz-selection 
{
	color: #FFF;
	background: #820F14;
    text-shadow: none;
}

::selection 
{
	color: #FFF;
	background: #820F14;
    text-shadow: none;
}
	
/*Header Section*/
.header
{
	padding:3rem 0;
	
	background-color:#DB7800;
	font-family:"Noto Serif", "Georgia", "Serif";
	color: #0063DB;
	
	text-rendering: optimizeLegibility;

	min-height:175px;
}

.header img
{
	margin:0 2rem 1rem 3rem;
	float:left;
}

.header h1
{
	margin:0 0 0 3rem;
}

.header h2
{
	margin-top:1rem;
	margin-bottom:0;
	margin-left:50rem;
}


/*Navigation Menu*/
.menu
{
	margin-top: 0;
	
	background-color:#3A4145;
}

.menu ul
{
	list-style: none outside none;
	margin: 0;
	text-align: center;
}

.menu li
{
	display:inline-block;
	margin: 1.5rem 10rem 1.5rem auto;
	text-align:center;
	min-width:17rem;
}

.menu li a
{
	text-decoration:none;
	color:#3A4145;
	background-color:#DB7800;
	
	display:block;
	padding:1rem;
	border-radius:2rem;
	
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration: 0.2s;
	
}

.menu li a:hover
{
	color:#DB7800;
	background:transparent;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.menu li a:active
{
	color:#DB7800;
	background:transparent;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/*Headings*/
.about h2, .attorneys h2, .applications h2, .accomplishments h2, .contactUs h2, .blog h2
{
	font-family:"Noto Serif", "Georgia", "Serif";
	color:#DB7800;
	
	text-align:center;
	margin:0;
}

/*The About Us Section*/
.about
{
	padding:1rem 1.2rem;

	background-color:#0063DB;
	color:#FFFFFF;
}

.about ul
{
	list-style: none outside none;
	margin: 0;
	text-align: left;
}

.aboutContent
{
	max-width:800px;
	margin:0 auto;
	text-align:center;
}

.aboutContent p
{
	text-align:left;
}

.aboutContent .callUs
{
	text-align:center;
	margin-bottom:3rem;
	margin-top:2rem;
}

.aboutContent .callUsNum
{
	margin-top:-2.5rem;
	margin-bottom:-1.0rem;
}

.aboutContent .callUsNum a
{
	display:inline-block;
	color:#DB7800;
	padding:0;
	background:transparent;
	text-decoration:underline;
}

.aboutContent .callUsNum a:hover, .aboutContent .callUsNum a:active
{
	color:#EAEAEA;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.aboutContent .linkWrapper
{
	display:inline-block;
	text-align:center;
	margin:0 0 1.5rem 0;
}

.aboutContent a
{
	text-decoration:none;
	display:block;

	color:#3A4145;
	background-color:#DB7800;
	
	padding:1rem;
	border-radius:2rem;
	
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration: 0.2s;
}

.aboutContent a:hover
{
	color:#DB7800;
	background:transparent;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.aboutContent a:active
{
	color:#DB7800;
	background:transparent;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/*The Our Attorneys Section*/
.attorneys
{
	padding:1rem 1.2rem;

	background-color:#6A757A;
	color:#FFFFFF;
}

.attorneysContent
{
	max-width:800px;
	margin:1em auto;
}

.attorneys .attorneyToggle
{
	display:none;
}

.attorneys .attorneyToggleButton
{
	display: inline-block;
	text-align: center;
	
	background: #0063DB;
	padding:1rem 0;
	color: black;
	width:32%;
	margin-bottom:1rem;
	
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration: 0.5s;
}

.attorneys .attorneyToggleButton:hover
{
	background: #EAEAEA;
}

.attorneys .attorneyToggle:checked + .attorneyToggleButton
{
	background:transparent;
	color:#DB7800;
}

#ChrisDescription, #BobDescription, #JohnDescription, #HenryDescription, #PaulDescription
{
	min-height:52rem;
}

.attorneys #ChrisName ~ #ChrisDescription, .attorneys #BobName ~ #BobDescription, .attorneys #JohnName ~ #JohnDescription, .attorneys #HenryName ~ #HenryDescription, .attorneys #PaulName ~ #PaulDescription
{
	display:none;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration: 0.5s;
}

.attorneys #ChrisName:checked ~ #ChrisDescription, .attorneys #BobName:checked ~ #BobDescription, .attorneys #JohnName:checked ~ #JohnDescription, .attorneys #HenryName:checked ~ #HenryDescription, .attorneys #PaulName:checked ~ #PaulDescription
{
	display:inherit;
}

.attorneys .highlight
{
	color: #DB7800;
	margin: 1.5rem 0px;
}

.attorneys a, .accomplishments a, .footer a
{
	color:#DB7800;
	
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration: 0.2s;
}

.attorneys a:hover, .accomplishments a:hover, .footer a:hover
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.attorneys a:active, .accomplishments a:active, .footer a:active
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/*Application Section*/
.applications
{
	padding:1rem 1.2rem;

	background-color:#0063DB;
	color:#FFFFFF;
}

.applicationsContent
{
	max-width:800px;
	margin:0 auto;
}

.applicationsContent dt
{
	color:#DB7800;
	margin:1.5rem 0;
	font-weight:600;
}


/*Accomplishments Section*/
.accomplishments
{
	padding:1rem 1.2rem;

	background-color:#0063DB;
	color:#FFFFFF;
}

.accomplishmentsContent
{
	max-width:800px;
	margin:0 auto;
}

.accomplishmentsContent strong
{
	color:#DB7800;
	font-weight:700;
}

.accomplishmentsContent ul
{
	list-style: none outside none;
}

.accomplishmentsContent li
{
	margin-top:1rem;
}

/*Contact Us Section*/
.contactUs
{
	padding:1rem 1.2rem;

	background-color:#3A4145;
	color:#FFFFFF;
}

.contactUsContent
{
	max-width:800px;
	margin:1em auto;
}

.contactUs a.map
{
	text-decoration:none;
	display:inline-block;
	margin-top:2rem;

	color:#6A757A;
	background-color:#DB7800;
	
	padding:1rem;
	border-radius:2rem;
	
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration: 0.2s;
}

.contactUs a.map:hover
{
	color:#DB7800;
	background:transparent;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.contactUs a.map:active
{
	color:#DB7800;
	background:transparent;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.contactUs dt
{
	color:#DB7800;
	margin:0.5rem 0;
	font-weight:600;
}

.contactUs dd a
{
	color:#DB7800;
	
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration: 0.2s;
}

.contactUs dd a:hover
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.contactUs dd a:active
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.contactUs strong
{
	color:#DB7800;
	margin:0;
	font-weight:600;
}

/*The Blog Section*/
.blog
{
	padding:1rem 1.2rem;

	//background-color:#0063DB;
	background-color:#6A757A;
	color:#FFFFFF;
}

.blogContent
{
	max-width:800px;
	margin:2rem auto 4rem;
}

.blogContent h3
{
	font-family:"Noto Serif", "Georgia", "Serif";
	color:#FFF;
	margin-bottom:1rem;
}

.blogContent p
{
	text-align:left;
}


.blogContent ul
{
	list-style: none outside none;
	margin-bottom:1rem;
}

.blogContent li
{
	margin-bottom:1.4rem;
	display:block;
}

.blogContent a
{
	text-decoration:underline;
	color:#DB7800;
	
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration: 0.2s;
}

.blogContent a:hover
{
	color:#DB7800;
	text-decoration:none;
}

.blogContent a:active
{
	color:#DB7800;
}

.blogContent .author
{
	margin-top:3rem;
	font-family:"Noto Serif", "Georgia", "Serif";
	color:#DB7800;
	font-weight:800;
}

.blogContent .author li
{
	margin-bottom:0;
}

.blogContent .tags
{
	margin-top:3rem;
	font-size:1.2rem;
}

.blogContent .footnote
{
	margin:3rem 3.8rem;
	font-size:1.4rem;
	line-height:1.6rem;
}

/*Disclaimer for Blog Content*/
.disclaimer
{
	padding:3rem 1.2rem;

	//background-color:#6A757A;
	background-color:#0063DB;
	color:#FFFFFF;
}

.disclaimer h3
{
	font-family:"Noto Serif", "Georgia", "Serif";
	color:#DB7800;
	margin:0 auto;
	max-width:800px;
}

.disclaimerContent
{
	max-width:800px;
	margin:2rem auto;
	font-size:1.5rem;
}


/*Footer Section*/
.footer
{
	padding:3rem 1.2rem;
	
	background-color:#0063DB;
	color:#FFFFFF;
	font-size:1.5rem;
}

.footer div
{
	margin-left:3rem;
}