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

body {background:url(images/bg.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:97%;
	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;
			background:url(images/topbanners.jpg) no-repeat center top;
			background-size:contain;}
			
			/* Compass Logo */
			#toplogo {width:32%;
				max-width:344px;
				margin:0px auto;
				padding:5px 0 9px 0;}
				#toplogo img {width:100%;}
			#mtoplogo {display:none;}
				
			#topnav {width:690px;
				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: 0px;}

					#nav > a {display: none;
						text-decoration:none;}

					#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; }

					/* first level */

					#nav > ul {height: 100%;
						margin:8px 0 0 0;}
						#nav > ul > li {height: 100%;
							float: left;}
							#nav > ul > li > a {height: 100%;
								text-decoration:none;
								padding:6px 18px;
								color: #ffffff;}
								#nav > ul > li:hover > a,
								#nav > ul:not( :hover ) > li.active > a 
									{-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;
									text-decoration:underline;
									background-color:#232323;
									border-radius:12px 12px 0 0;}

						/* second level */
						
						#nav li ul {width:270px;
							background-color: #034916;
							display: none;
							color:#ffffff;
							position: absolute;
							top: 100%;
							padding:0;
							font-size:14pt;}
							#nav li:hover ul {display: block;
								left: 0;
								right: 0;}
								#nav li:not( :first-child ):hover ul
									{left: 0px;}
								#nav li ul a {-webkit-transition: all 0.2s ease-in-out;
									-moz-transition: all 0.2s ease-in-out;
									-o-transition: all 0.2s ease-in-out;
									-ms-transition: all 0.2s ease-in-out;
									transition: all 0.2s ease-in-out;
									text-decoration:none;
									padding: 8px 20px;
									border-top:1px solid #999;
									color:#ffffff;}
									#nav li ul li a:hover,
									#nav li ul:not( :hover ) li.active a
										{background-color: #232323;
										color:#c3a724;}
										
	#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 -20px;
				padding: 0 0 0 25px;
				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:15pt;
			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:13pt;
				margin:10px 0 0 0;
				font-style:normal;}
				
		.redtopbanner {width:100%;
			float:left;
			padding:2% 0;
			margin:0 0 2% 0;
			font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			font-size:15pt;
			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:13pt;
				margin:10px 0 0 0;
				font-style:normal;}
				
		#welcome {width:100%;
			float:left;
			font-size:13pt;
			line-height:20pt;
			margin:0 0 25px 0;}
			#welcome h3 {font-size:18pt;
				font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
				font-weight:normal;
				margin:0 0 10px 0;}
			#homecontactbox {width:338px;
				float:right;
				text-align:center;
				margin:0 0 10px 20px;
				background:url(images/homecontact.gif) no-repeat center top #ffffff;}
				#homecontactbox h2 {color:#fff;
					text-align:center;
					font-size:18pt;
					font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
					font-weight:normal;
					margin:5px 0 10px 0;}
					
		.quotemark, .endquotemark {font-size: 60pt;
			font-style:italic;
			font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			margin:-15px 0 0 -10px;
			color:#1f7839;}
			.quotemark {width:5.5%;
				max-width:50px;
				float:left;}
			.endquotemark {width:50px;
				height:50px;
				right:0px;
				float:right;}
			
			.quote {width: 94.5%;
				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;}
				
		.sectionnoheadline {background-color:#fff;}
		.section {background:url(images/headlinebanner.gif) no-repeat center top #fff;}
		.section, .sectionnoheadline {width:100%;
			margin: 25px 0 25px 0;
			float:left;
			background-size:100% 39px;}
			.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;
					font-style:italic;
					text-align:center;
					margin:20px 0 0 0;}
				.section h4, .sectionnoheadline h4 {font-size:15pt;
					font-style:italic;
					text-align:center;
					margin:20px 0 0 0;}
			
		.topborder {width:90%;
			margin:auto;
			padding:30px 0;
			overflow:hidden;}
			.topborder:nth-of-type(n+2) {border-top:1px;
				border-top-style:solid;
				border-top-color:#ccc;}
					
				#homeservices1, #homeservices2, #homeservices3, #homeservices4 {width:48%;
					float:left;
					padding: 16.5% 0 0.5% 0;
					color:#ffffff;
					font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
					font-size:18pt;
					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;
						margin:0 2% 20px 0;}
					#homeservices2 {background:url(images/homeservices2.gif) no-repeat center top;
						background-size:contain;
						margin:0 0 20px 2%;}
					#homeservices3 {background:url(images/homeservices3.gif) no-repeat center top;
						background-size:contain;
						margin:0 2% 20px 0;}
					#homeservices4 {background:url(images/homeservices4.gif) no-repeat center top;
						background-size:contain;
						margin:0 0 20px 2%;}
					
			.homeleft, .homeright {width:48%;
				float:left;}
				.homeleft{margin:0 2% 2% 0;
				clear: left;}
				.homeright{margin:0 0 2% 2%;}
				.homeleft span, .homeright span {
					font-weight:bold;}
			
			.servicesleft {width:35%;
				margin:0 2% 2% 0;
				float:left;}
			.servicesright {width:61%;
				margin:0 0 2% 2%;
				float:left;}
			
			.profileheadline {margin:20px 0 15px 0;
				padding: 0 0 5px 0;
				text-align:left;
				font-size:18pt;
				font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
					
			#contactuspage {text-align:left;
				font-size:14pt;
				line-height:28px;
				margin:10px auto 0 auto;}
			#contactimg {width:100%;
				max-width:350px;}
			#mobilecontactimg {display:none;}
			
	#bottom {width:100%;
		float:left;
		text-align:center;
		font-size:15pt;
		font-family:'Cambria', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
		color:#fff;}
		#bottomnav a {color:#fff;
			text-decoration:none;
			margin:0 5px;
			padding:3px 5px;}
			#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: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;}