/* Copyright (c) 2015-2020 Compass and SWG Media - All Rights Reserved */

body {background:url(images/mbg.gif) repeat-x center top #1f7839;
	margin:0px;
	padding:0px;
	font-family:'Segoe Ui', Calibri, 'Myriad Pro', Helvetica, 'Sans-Serif';}

img {border:none;}

header, section, nav {margin:0px;
	padding:0px;}

.wrapper {width:96%;
	max-width:1100px;
	margin:0px auto;
	padding:0px 5px;}
	
.spadding {padding:10px; overflow:hidden;}
.mpadding {padding:20px; overflow:hidden;}
.lpadding {padding:40px 0px;}
	
		#top {width:100%;
			max-height:150px;
			margin:0px auto;
			padding:0;}
			
			/* Compass Logo */
			#mtoplogo {width:100%;
				max-width:662px;
				margin:0px auto;
				padding:0 0 9px 0;}
				#mtoplogo img {width:100%;}
			#toplogo {display:none;}
				
			#topnav {width:100%;
				margin:0 auto;
				text-align:left;
				color:#333;
				font-size:17pt;
				font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
				
				/** Dropdown Menu. Code from http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly **/
				#nav {width:100%;
					top: 0;
					left:0px;
					margin: 0;
					position: relative;
					float:left;
					z-index:1200;
					font-size:13pt;}

					#nav > a {display: none;
						text-decoration:none;
						width:97%;
						height:24px;
						padding:0 0 16px 2%;
						text-align:left;
						position: relative;
						color:#ffffff;
						font-size:19pt;}
						#nav > a > img {width:32px;}

					#nav li {position: relative;
						list-style:none;}
						#nav li a {
							display: block;}
						#nav li a:active {background-color: #333 !important;
							color:#ccc  !important;}

					#nav span:after {width: 0;
						height: 0;
						content: '';
						vertical-align: middle;
						display: inline-block;
						position: relative;
						right: -5px;}

					/* first level */

					#nav > ul {width:265px;
						height: 50px;
						height: auto;
						display: none;
						position: absolute;
						left: 5px;
						right: 0;
						top:28px;
						list-style:none;
						background-color:#034916;
						color:#eee;
						padding:0px;}
						#nav:target > ul {display: block;}
						#nav > ul > li {height: 100%;
							width: 100%;
							float: none;}
							#nav > ul > li > a {height: 100%;
								text-decoration:none;
								padding:7px 18px;
								text-align: left;
								color:#ffffff;}
								#nav > ul > li:not( :last-child ) > a
									{/** border-right: 1px solid #cc470d; **/
									border-right: none;
									border-bottom: 1px solid #ccc;}
								#nav > ul > li:hover > a,
								#nav > ul:not( :hover ) > li.active > a
									{background-color: #232323;
									color:#c3a724;}
									
						/* second level */

						#nav li ul {width:90%;
							background-color: #1f7837;
							display: none;
							color:#fffff;
							top: 100%;
							font-size:12pt;
							position: static;
							padding: 0 0 10px 10%;
							list-style:none;}
							#nav li:hover ul {display: block;
								left: 0;
								right: 0;}
								#nav li:not( :first-child ):hover ul
									{left: -1px;}
								#nav li ul a {color:#ffffff;
									text-decoration:none;
									padding: 6px 20px;
									border-top:1px solid #999;}
									#nav li ul li a:hover,
									#nav li ul:not( :hover ) li.active a
									{background-color: #232323;
										color:#c3a724;}


				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
					{display: block;}
										
	#pagebg {width:90%;
		max-width:1000px;
		float:left;
		padding:3% 5%;
		background-color:#eee;}
		#pagebg ul {list-style:none;
				margin:0;}
				#pagebg ul li {line-height:1.3em;
					margin:10px 0 15px -40px;
					padding: 0 0 0 20px;
					background:url(images/bullets.gif) no-repeat 0 5px;}
		
		.homemissionstatement, .practiceareasbottom {width:100%;
			float:left;
			padding:2% 0;
			margin:0 0 2% 0;
			font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			font-size:13pt;
			font-style:italic;
			text-align:center;
			border-top:1px;
			border-top-color:#999999;
			border-top-style:solid;
			border-bottom:1px;
			border-bottom-color:#999999;
			border-bottom-style:solid;}
			.homemissionstatement p {font-size:11pt;
				margin:10px 0 0 0;
				font-style:normal;}
			.homemissionstatement img {display:none}
				
		.redtopbanner {width:100%;
			float:left;
			padding:2% 0;
			margin:0 0 2% 0;
			font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			font-size:13pt;
			font-style:italic;
			font-weight:bold;
			text-align:center;
			color:#990000;
			border-top:1px;
			border-top-color:#990000;
			border-top-style:solid;
			border-bottom:1px;
			border-bottom-color:#990000;
			border-bottom-style:solid;}
			.redtopbanner p {font-size:11pt;
				margin:10px 0 0 0;
				font-style:normal;}
				
		#welcome {width:100%;
			float:left;
			font-size:11pt;
			line-height:16pt;}
			#welcome h3 {font-size:18pt;
				font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
				font-weight:normal;
				margin:0 0 10px 0;}
			
			#homecontactbox {text-align:center;}
				#homecontactbox h2 {color:#fff;
					text-align:center;
					font-size:18pt;
					font-family:'Cambria';
					font-weight:normal;
					margin:5px 0 10px 0;}
					
		.quotemark, .endquotemark {font-size: 45pt;
			font-style:italic;
			font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			margin:-12px 0 0 0;
			color:#1f7839;}
			.quotemark {	max-width:50px;
				float:left;}
			.endquotemark {width:50px;
				height:50px;
				right:0px;
				float:right;}
			
			.quote {	float:left;}
			
			.quoteattribute {width:100%;
				float:left;
				text-align:right; 
				margin:10px 0 0 0;}
				
				.quote a, .quoteattribute a {color:#1f7839;
					text-decoration:underline;}
					.quote a:hover, .quoteattribute a:hover {color:#c3a724;
						text-decoration:none;}
			
			@media only screen and (min-width: 500px) {	
			.quotemark {width:8%;}
			.quote {width:92%;}
			#homecontactbox {width:100%;
				max-width:240px;
				float:right;
				margin:0 0 10px 20px;
				background:url(images/mheadlinebanner.gif) no-repeat center top #fff;
				background-size:100% 39px;}
			}
			@media only screen and (max-width: 499px) {	
			.quotemark {width:10%;}
			.quote {width:90%;}
			#homecontactbox {width:90%;
				float:center;
				margin:0 5% 10px 5%;
				background:url(images/m2headlinebanner.gif) no-repeat center top #fff;
				background-size:100% 30px;}
			}
				
		.sectionnoheadline {background-color:#fff;}
		.section, .sectionnoheadline {width:100%;
			margin: 50px 0 0 0;
			float:left;}
			.section h2, .sectionnoheadline h2, .section h3, .sectionnoheadline h3, .section h4, .sectionnoheadline h4 {text-align:center;
				font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
				font-weight:normal;}
				.section h2, .sectionnoheadline h2 {font-size:18pt;
					color:#fff;
					margin:5px 0 10px 0;}
				.section h3, .sectionnoheadline h3 {font-size:18pt;
					color:#323232;
					text-align:center;
					margin:10px 0 0 0;}
				.section h4, .sectionnoheadline h4 {font-size:13pt;
					font-style:italic;
					text-align:center;
					margin:15px 0 0 0;}
					/* Removes squiggle on small screens to clean up the design */
					.section h4 img {display:none;}
			
		.topborder {width:90%;
			margin:auto;
			padding:20px 0;
			overflow:hidden;}
			.topborder:nth-of-type(n+2) {border-top:1px;
				border-top-style:solid;
				border-top-color:#ccc;}
			
			#homeservices1, #homeservices2, #homeservices3, #homeservices4 {float:left;
					color:#ffffff;
					font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
					text-align:center;}
				#homeservices1 a, #homeservices2 a, #homeservices3 a, #homeservices4 a {color:#ffffff;
					text-decoration:none;}
					#homeservices1 a:hover, #homeservices2 a:hover, #homeservices3 a:hover, #homeservices4 a:hover {color:#cccccc;
						text-decoration:underline;}
						
			#homeservices1 {background:url(images/homeservices1.gif) no-repeat center top;
				background-size:contain;}
			#homeservices2 {background:url(images/homeservices2.gif) no-repeat center top;
				background-size:contain;}
			#homeservices3 {background:url(images/homeservices3.gif) no-repeat center top;
				background-size:contain;}
			#homeservices4 {background:url(images/homeservices4.gif) no-repeat center top;
				background-size:contain;}
					
			@media only screen and (min-width: 670px) {
				.section {background:url(images/mheadlinebanner.gif) no-repeat center top #fff;
					background-size:100% 39px;}
				#homeservices1, #homeservices2, #homeservices3, #homeservices4 {width:49%;
					padding: 18% 0 0.5% 0;
					font-size:16pt;}
					#homeservices1 {margin:0 1% 20px 0;}
					#homeservices2 {margin:0 0 20px 1%;}
					#homeservices3 {margin:0 1% 20px 0;}
					#homeservices4 {margin:0 0 20px 1%;}
			}
			@media only screen and (min-width: 510px) and (max-width: 669px) {
				.section {background:url(images/m2headlinebanner.gif) no-repeat center top #fff;
					background-size:100% 39px;}
				#homeservices1, #homeservices2, #homeservices3, #homeservices4 {width:100%;
					padding: 27% 0 0.5% 0;
					font-size:15pt;}
					#homeservices1 {margin:0 0 20px 0;}
					#homeservices2 {margin:0 0 20px 0;}
					#homeservices3 {margin:0 0 20px 0;}
					#homeservices4 {margin:0 0 20px 0;}
			}
			@media only screen and (max-width: 509px) {
				.section {background:url(images/m3headlinebanner.gif) no-repeat center top #fff;
					background-size:100% 39px;}
				#homeservices1, #homeservices2, #homeservices3, #homeservices4 {width:100%;
					padding: 36% 0 0.5% 0;
					font-size:15pt;}
					#homeservices1 {margin:0 0 20px 0;}
					#homeservices2 {margin:0 0 20px 0;}
					#homeservices3 {margin:0 0 20px 0;}
					#homeservices4 {margin:0 0 20px 0;}
			}
			@media only screen and (max-width: 399px) {
				.section h2, .sectionnoheadline h2 {font-size:16pt;}
			}
			
			#contactuspage {font-size:13pt;
				line-height:26px;
				margin:10px auto 0 auto;}
					
			@media only screen and (min-width: 580px) {
			#contactimg {width:100%;
				max-width:350px;}
			#mobilecontactimg {display:none;}
			.homeleft, .servicesleft, .homeright, .servicesright, #mobilecontactimg {width:48%;
				float:left;
				font-size:11pt;
				line-height:16pt;}
				.homeleft, .servicesleft, #mobilecontactimg {margin:0 2% 2% 0;}
				.homeright, .servicesright {margin:0 0 2% 2%;}
				.homeleft span, .servicesleft span, .homeright span, .servicesright span {
					font-weight:bold;}
			#contactuspage {text-align:left;}
			}
			@media only screen and (max-width: 579px) {
			#contactimg {display:none;}
			#mobilecontactimg img {width:100%;
				max-width:350px;
				text-align:center;}
			.homeleft, .servicesleft, .homeright, .servicesright, #mobilecontactimg {width:98%;
				float:left;
				font-size:11pt;
				line-height:16pt;
				margin:0 1% 15px 1%;}
				.homeleft span, .servicesleft span, .homeright span, .servicesright span {
					font-weight:bold;}
			#contactuspage, #mobilecontactimg {text-align:center;}
			}
			
			.profileheadline {margin:5px 0 15px 0;
				padding: 0 0 5px 0;
				text-align:left;
				font-size:16pt;
				font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
			
	#bottom {width:100%;
		float:left;
		text-align:center;
		font-size:15pt;
		font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
		color:#fff;}
		#bottomnav a {display:block;
			background-color:#333;
			float:left;
			color:#fff;
			text-decoration:none;}
		@media only screen and (min-width:570px) {
			#bottomnav a {width:29%;
				margin:1%;
				padding:1%;}
		}
		@media only screen and (max-width:569px) {
			#bottomnav a {width:46%;
				margin:1%;
				padding:1%;}
		}
			#bottomnav a:hover {color:#c3a724;
				text-decoration:underline;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
				
		#followus {width:100%;
			float:left;
			font-size:14pt;
			color:#fff;}
			#followus img {width:25px;
				margin:0 6px -6px 2px;}
				
		#fewa {width:100%;
			float:left;
			font-size:14pt;
			color:#fff;}
			#fewa img {width:100%;
				max-width:250px;
				margin:0 6px -6px 2px;}
				
		#spyder {font-size:11pt;
			color:#eee;}
			#spyder a {color:#eee;
				text-decoration:none;}
				#spyder a:hover {color:#c3a724;
					text-decoration:underline;}