body {background-color: #FFFFFF; margin: 0px;}
a { color: #024D75; }

h4 { color: #024D75; font-variant: small-caps; font-weight: bold; font-size: 26px; line-height: 36px; font-family: Georgia, Palatino, Times Roman, serif; }
.bg_blue { background-color: #024D75; }
#logo_panel { position: relative; background-image: url('imgs/logo_80.png'); background-repeat:no-repeat; width: 135px; height: 80px;}

.but_toggle { margin-top: -30px; }
#phone_mail { display: block; width: 100%; text-align: right; margin-top: -40px; margin-left: -4px;}

.nav-blue { padding: 8px; color: #FFFFFF; font-weight: heavy; font-size: 20px; line-height: 20px; font-family: Saira Extra Condensed; }
.nav-blue a:link {  color: #FFFFFF; font-weight: heavy; font-size: 20px; line-height: 20px; font-family: Saira Extra Condensed; }
.nav-blue a:hover { color: #999999; text-decoration:none; font-weight: normal; font-size: 20px; line-height: 20px; font-family: Saira Extra Condensed; }
.nav-blue a:visited { color: #FFFFFF; text-decoration:none; font-weight: normal; font-size: 20px; line-height: 20px; font-family: Saira Extra Condensed; }
.nav-blue a:active { color: #CCCCCC; text-decoration:none; font-weight: normal; font-size: 20px; line-height: 20px; font-family: Saira Extra Condensed; }

.nav-sub-blue { padding: 8px; color: #024D75; font-weight: heavy; font-size: 20px; line-height: 24px; font-family: Saira Extra Condensed; }
.nav-sub-blue a:link {  color: #024D75; font-weight: heavy; font-size: 20px; line-height: 24px; font-family: Saira Extra Condensed; }
.nav-sub-blue a:hover { color: #999999; text-decoration:none; font-weight: normal; font-size: 20px; line-height: 24px; font-family: Saira Extra Condensed; }
.nav-sub-blue a:visited { color: #024D75; text-decoration:none; font-weight: normal; font-size: 20px; line-height: 24px; font-family: Saira Extra Condensed; }
.nav-sub-blue a:active { color: #CCCCCC; text-decoration:none; font-weight: normal; font-size: 20px; line-height: 24px; font-family: Saira Extra Condensed; }

.area-wrap .cover{ position:relative; background-image: url('imgs/bg_blue_trans2.png'); background-repeat:repeat; height:30px; bottom: 34px; margin: 0px 22px;}
.area-wrap a { color:#FFFFFF; display: block; padding: 5px; }

.banner_index { background-image: url("imgs/ban_index_200.jpg"); background-position: center; background-size: cover; min-height: 180px;}
.caption_index { padding-top: 40px; font-size: 26px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-shadow: 2px 3px 2px #474747; }

.banner_administrative { background-image: url("imgs/ban_administrative_200.jpg"); background-position: center; background-size: cover; min-height: 180px;}
.caption_administrative { padding-top: 20px; font-size: 26px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-shadow: 2px 3px 2px #474747; }

.banner_corporate { background-image: url("imgs/ban_corporate_200.jpg"); background-position: center; background-size: cover; min-height: 180px; }
.caption_corporate { padding-top: 20px; font-size: 26px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-shadow: 2px 3px 2px #474747; }

.banner_entrepreneurship { background-image: url("imgs/ban_entrepreneurship_200.jpg"); background-position: center; background-size: cover; min-height: 180px; }
.caption_entrepreneurship { padding-top: 30px; font-size: 26px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-shadow: 2px 3px 2px #474747; }

.banner_copyright { background-image: url("imgs/ban_copyright_200.jpg"); background-position: center; background-size: cover; min-height: 180px;}
.caption_copyright { padding-top: 50px; font-size: 26px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-shadow: 2px 3px 2px #474747; }

.banner_attorneys { background-image: url("imgs/ban_attorneys_200.jpg"); background-position: center; background-size: cover; min-height: 180px;}
.caption_attorneys { padding-top: 30px; font-size: 26px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-shadow: 2px 3px 2px #474747; }

#PA_container { padding: 0px 0px 0px 0px; }
#practice_areas { background-color: #CFE2FF; margin: auto; -webkit-border-radius: 14px; font-size: 18px; font-family: Saira Extra Condensed; line-height:30px; padding: 20px; }
hr.PA { border: 1px solid blue; }
hr.contact { display: block; border-top: 2px solid #333333; margin: auto; margin-top: 20px; width: 100%;}

.very-light-blue { background-color: #e9f5fc; }
.trademark_contents { display: none; }
.tc-lg { margin: auto; padding: 12px 20px; text-decoration: none; line-height: 30px; }

#booklet_container_right { padding: 0px 0px 14px 20px; float: right; }
#booklet_container_left { padding: 0px 20px 14px 0px; float: left; }
#booklet { margin: auto; width: 140px; background: #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	text-align: center; vertical-align: middle; font-size: 12px; font-family: Georgia, serif; line-height:18px; border: 1px solid #293078; padding: 10px; }

.btn_trademark { margin: auto; padding: 10px 24px; font-size: 14px; line-height: 16px; padding: 12px;
	background-color: #024D75; 	border: 1px solid #CCCCCC; color: #FFFFFF;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	text-align: center; 	text-decoration: none; vertical-align: middle;
	-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.btn_trademark:hover { color: #024D75; background-color: #CCCCCC;}
.btn_trademark:visited { color: #FFFFFF; }
.btn_trademark:active { color: #024D75; }

.btn_contact { margin: auto; font-size: 14px; line-height: 16px; padding: 12px; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px;
	background-color: #024D75; 	border: 1px solid #CCCCCC; color: #FFFFFF;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	text-align: center; 	text-decoration: none; vertical-align: middle;
	-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.btn_contact:hover { color: #024D75; background-color: #CCCCCC;}
.btn_contact:visited { color: #FFFFFF; }
.btn_contact:active { color: #024D75; }

td.pad20 { padding: 20px;}
td.pad16 { padding: 16px;}
td.pad10 { padding: 10px;}
td.pad8 { padding: 8px;}
td.pad6 { padding: 6px;}
td.pad4 { padding: 4px;}
td.pad2 { padding: 2px;}
.pad20 { padding: 20px;}
.pad20L { padding-left: 20px;}
.pad16 { padding: 16px;}
.pad14 { padding: 14px;}
.pad12 { padding: 12px;}
.pad10 { padding: 10px;}
.pad8 { padding: 8px;}
.pad6 { padding: 6px;}
.pad4 { padding: 4px;}
.pad2 { padding: 2px;}
.pad40_left { padding-left: 40px; }
.pad4_top { padding: 4px 0px 0px 0px;}
.pad4_sides { padding: 0px 4px 0px 4px;}
.pad6_sides { padding: 0px 6px 0px 6px;}
.pad16_top { padding: 16px 0px 0px 0px;}

.filter-white { filter: invert(83%) sepia(55%) saturate(0%) hue-rotate(47deg) brightness(111%) contrast(101%); }
.filter-red { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%); }

.shrink img { transition: .2s ease; }
.shrink img:hover{ -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .2s ease; }

#small_foot {display: block; height: 140px;}
.red {color: #FF0000; }

hr { border-top: 1px solid #999999; }
hr_white { border-top: 1px solid #FFFFFF; }

#small_foot_left { float: left; color: #FFFFFF;}
#small_foot_center { color: #FFFFFF;}
#small_foot_right { float: right; color: #FFFFFF;}

.footer_w {font-size: 14px; color: #FFFFFF; font-weight: normal; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_w {font-size: 12px; color: #FFFFFF; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_w a:link {color: #FFFFFF;  }
.tiny_w a:hover {color: #CCCCCC; }
.tiny_w a:active {color: #FFFFFF; }
.tiny_w a:visited {color: #FFFFFF; }

.tiny_g {font-size: 12px; color: #999999; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_g a:link {color: #CCCCCC;  }
.tiny_g a:hover {color: #CCCCCC; }
.tiny_g a:active {color: #FFFFFF; }
.tiny_g a:visited {color: #CCCCCC; }

.light_g_ital {font-size: 12px; color: #99CC99; font-family: Arial, Tahoma, Geneva, sans-serif; font-style: italic;}
.light_g_ital a:link {color: #99CC99;  }
.light_g_ital a:hover {color: #FFFFFF; }
.light_g_ital a:active {color: #99CC99; }
.light_g_ital a:visited {color: #99CC99; }

.align-right { text-align: right; }

.char9 { color: #000000; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char10 { color: #000000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.char12 { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.char11 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.char10 { color: #000000; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10 a:link { color: #000000; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10 a:active { color: #000000; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }

.char10w { color: #FFFFFF; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10w a:link { color: #E5D0CF; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10w a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10w a:visited { color: #FFFFFF; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char10w a:active { color: #333333; text-decoration:none; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }

.char11w { color: #FFFFFF; font-weight: normal; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char11w a:link { color: #E5D0CF; text-decoration:none; font-weight: normal; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char11w a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char11w a:visited { color: #FFFFFF; text-decoration:none; font-weight: normal; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char11w a:active { color: #333333; text-decoration:none; font-weight: normal; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }

.char12over16 { float: left; color: #000000; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char12over16 a:link { float: left; color: #000000; text-decoration:none; }
.char12over16 a:hover { float: left; color: #666666; text-decoration:none; }
.char12over16 a:visited { float: left; color: #999999; text-decoration:none; }
.char12over16 a:active { float: left; color: #000000; text-decoration:none; }

.char14 { color: #000000; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
.char14 a:link { color: #000000; text-decoration:none; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
.char14 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
.char14 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
.char14_ital { color: #000000; font-style: oblique; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }

.char14over20 { color: #000000; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Arial, Tahoma, Geneva, sans-serif; }

.char16 { color: #000000; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; }
.char16_ital { color: #000000; font-style: oblique; font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.char16b { color: #000000; font-weight: bold; font-size: 16px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; }
.char16 a:link { color: #000000; text-decoration:none; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; }
.char16 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; }
.char16 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; }
.char20b { color: #000000; font-weight: bold; font-size: 20px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; }
.char18ital { color: #000000; font-style: oblique; font-weight: normal; font-size: 18px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; }
.char20bluecaps { color: #024D75; font-variant: small-caps; font-weight: bold; font-size: 20px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; }

.google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } /* 75% because 450 / 600 = .75 */
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#footer_blue {
	background: -moz-linear-gradient(top, #024D75 0%, #305B7E 70%, #024D75 100%);
	background: -webkit-linear-gradient(top, #024D75 0%, #305B7E 70%, #024D75 100%);
	background: linear-gradient(to bottom, #024D75 0%, #305B7E 70%, #024D75 100%);
}
.footer_blue {
	background: -moz-linear-gradient(top, #024D75 0%, #305B7E 70%, #024D75 100%);
	background: -webkit-linear-gradient(top, #024D75 0%, #305B7E 70%, #024D75 100%);
	background: linear-gradient(to bottom, #024D75 0%, #305B7E 70%, #024D75 100%);
}
#footer_grey { background: #333333; }

/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) { 
	.container { padding-right: 16px; padding-left: 16px; }
	.but_toggle { margin-top: -30px; }
	.button_pad { padding: 20px; }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.container { width: 100%; padding-right: 20px; padding-left: 20px;} 
	#logo_panel { display: block; position: relative; background-image: url('imgs/logo.png'); background-repeat:no-repeat; width: 207px; height: 123px;}
	#phone_mail { position: relative; display: block; }	

	.btn_contact { margin-top: 16px; margin-bottom: 16px;}

	#booklet_container_right {  padding: 0px 0px 20px 40px; float: right; }
	#booklet_container_left { padding: 0px 20px 40px 0px; float: left; }
	#booklet { margin: auto; width: 220px; background: #FFFFFF; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;
	text-align: center; vertical-align: middle; font-size: 12px; font-family: Georgia, serif; line-height:18px; border: 3px solid #293078; padding: 20px; }
		
	.banner_index { background-image: url("imgs/ban_index.jpg"); min-height: 300px; background-position: center; background-size: cover; margin-top: 0px; }
	.caption_index { padding-top: 60px; font-size: 36px; line-height: 44px;}

	.banner_administrative { background-image: url("imgs/ban_administrative.jpg"); min-height: 300px; background-position: center; background-size: cover; margin-top: 0px; }
	.caption_administrative { padding-top: 60px; font-size: 36px; line-height: 44px;}

	.banner_corporate { background-image: url("imgs/ban_corporate.jpg"); min-height: 300px; background-position: center; background-size: cover; margin-top: 0px; }
	.caption_corporate { padding-top: 40px; font-size: 36px; line-height: 44px;}
	
	.banner_entrepreneurship { background-image: url("imgs/ban_entrepreneurship.jpg"); min-height: 300px; background-position: center; background-size: cover; margin-top: 0px; }
	.caption_entrepreneurship { padding-top: 80px; font-size: 36px; line-height: 44px;}
	
	.banner_copyright { background-image: url("imgs/ban_copyright.jpg"); min-height: 300px; background-position: center; background-size: cover; margin-top: 0px; }
	.caption_copyright { padding-top: 80px; font-size: 36px; line-height: 44px;}

	.banner_attorneys { background-image: url("imgs/ban_attorneys.jpg"); min-height: 300px; background-position: center; background-size: cover; margin-top: 0px; }
	.caption_attorneys { padding-top: 80px; font-size: 36px; line-height: 44px;}
		
	#PA_container { padding: 0px 0px 20px 40px; float: right; }
	#practice_areas { background-color: #CFE2FF; width: 220px; margin: auto; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;
		vertical-align: middle; font-size: 18px; font-family: Saira Extra Condensed; line-height:30px; border: 3px solid #293078; padding: 20px; }
	#trademark_areas { background-color: #FFFFFF; margin: auto; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;
		vertical-align: middle; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height:20px; border: 3px solid #293078; padding: 20px; }

	hr.tc { border-top: .5px solid #666666; margin: auto; padding: 8px 20px;}
	hr.contact { display: none; }
	.trademark_contents { display: block; }
}

@media only screen and (min-width : 992px) {
	.caption_legal_notice { color: #024D75; font-weight: heavy; font-size: 48px; line-height: 60px; font-family: Georgia, Palatino, Times Roman, serif; 
		text-shadow: 4px 3px 5px rgba(102,102,102,0.5); width: 100%; display: flex; align-items: center; height: 400px; padding-left: 40px; }
	.area-wrap .cover{ margin: 0px 36px;}
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.nav-blue { font-size: 16px; }
	.nav-blue a:link { font-size: 16px; }
	.nav-blue a:hover { font-size: 16px; }
	.nav-blue a:visited { font-size: 16px; }
	.nav-blue a:active { font-size: 16px; }

	.nav-sub-blue { font-size: 16px; }
	.nav-sub-blue a:link {  font-size: 16px; }
	.nav-sub-blue a:hover { font-size: 16px; }
	.nav-sub-blue a:visited { font-size: 16px; }
	.nav-sub-blue a:active { font-size: 16px; }
	.container { width: 1200px; padding-right: 30px; padding-left: 30px;}
	.area-wrap .cover{ margin: 0px 15px;}
}

/* EXTRA Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
	.area-wrap .cover{ margin: 0px 22px;}

}

.svg_eye { height: 14px;}
.svg_eye:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%);}
.svg_green { filter: invert(57%) sepia(73%) saturate(277%) hue-rotate(75deg) brightness(87%) contrast(82%);}
.svg_green:hover { filter: grayscale(100%);}
.svg_white { filter: invert(83%) sepia(55%) saturate(0%) hue-rotate(47deg) brightness(111%) contrast(101%);}
.svg_white:hover { filter: grayscale(100%);}
.svg_red { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%);}
.svg_red:hover { filter: grayscale(100%);}
.svg_blue {filter: invert(62%) sepia(87%) saturate(537%) hue-rotate(180deg) brightness(100%) contrast(106%);}
.svg_blue:hover { filter: grayscale(100%);}

.saira-extra condensed-thin { font-family: "Saira Extra Condensed", sans-serif; font-weight: 100; font-style: normal; }
.saira-extra condensed-extralight { font-family: "Saira Extra Condensed", sans-serif; font-weight: 200; font-style: normal; }
.saira-extra condensed-light { font-family: "Saira Extra Condensed", sans-serif; font-weight: 300; font-style: normal; }
.saira-extra condensed-regular { font-family: "Saira Extra Condensed", sans-serif; font-weight: 400; font-style: normal; }
.saira-extra condensed-medium { font-family: "Saira Extra Condensed", sans-serif; font-weight: 500; font-style: normal; }
.saira-extra condensed-semibold { font-family: "Saira Extra Condensed", sans-serif; font-weight: 600; font-style: normal; }
.saira-extra condensed-bold { font-family: "Saira Extra Condensed", sans-serif; font-weight: 700; font-style: normal; }
.saira-extra condensed-extrabold { font-family: "Saira Extra Condensed", sans-serif; font-weight: 800; font-style: normal; }
.saira-extra condensed-black { font-family: "Saira Extra Condensed", sans-serif; font-weight: 900; font-style: normal; }