/* Copyright (c) 2014-2020 Ann Lambert LMT and SWG Media - All Rights Reserved */

body {background-color:#ffffff;
	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:1000px;
	margin:0px auto;
	padding:0px 5px;}
	
.lpadding {padding:30px 0px;
		overflow:hidden;}
	.lpadding ul {margin:0px;
		padding:5px 0px 0px 25px;}
		.lpadding li {margin:0px;
			padding:4px 0px 0px 0px;}
			
.padding {padding:5px;}
.mpadding {padding:15px;}
	
	.greybg {width:100%;
		background-color:#dddddd;
		overflow:hidden;}
	
		#top {width:100%;
			height:70px;
			margin:0px;
			padding:0px;
			position:fixed;
			z-index:100;
			background-color:#ffffff;
			border-bottom-width:2px;
			border-bottom-color:#cccccc;
			border-bottom-style:solid;}
			
			#topspace {display:none;}
			#mtopspace {width:100%;
				height:72px;}
			
			/** NOT Quite shure how to make this work yet**** 
			#topwhite {width:100%;
				height:100%;
				float:right;
				position:relitive;
				background-color:#ffffff;
				opacity:0.6;
				filter:alpha(opacity=60);
				-moz-opacity:0.6;
				-khtml-opacity:0.6;}**/
			
			/* Ann Lambert LMT Logo */
			#toplogo {display:none;}
			#mtoplogo {
				height:80px;
				margin:5px 0px 0px 0px;
				float:left;}
				#mtoplogo img {width:100%;
					max-width:220px;}
				
			/** Dropdown Menu. Code from http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly **/
				#nav {width:70px;
					top: 0;
					right:0px;
					margin: 0;
					position: relative;
					float:left;
					z-index:1200;
					font-size:13pt;}

					#nav > a {display: none;
						text-decoration:none;
						width:50px;
						height:24px;
						padding:30px 0 16px 0;
						text-align:right;
						position: relative;}
						#nav > a > img {width:45px;}

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

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

					/* first level */

					#nav > ul {width:250px;
						height: 50px;
						height: auto;
						display: none;
						position: absolute;
						left: 0;
						right: 0;
						top:55px;
						list-style:none;
						background-color:#923092;
						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:6px 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: #eee;
									color:#333;}
									
						/* second level */

						#nav li ul {width:90%;
							background-color: #660066;
							display: none;
							top: 100%;
							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: 4px 20px;
									border-top:1px solid #999;}
									#nav li ul li a:hover,
									#nav li ul:not( :hover ) li.active a
									{background-color: #dddddd;
										color:#333333;}


				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
					{display: block;}
				
	/*--- Slideshow Stuff (most is now on seperate flexslider.css page) ---*/
		
		.slidecaption {width:80%;
			margin:5px auto 15px auto;
			padding: 10px;
			background-color:#333333;
			color:#ffffff;
			text-align:center;
			font-size:18px;
			line-height:24px;}
		
			.slides a {color:#cccccc;
				text-decoration:none;}
				.slides a:hover {color:#ffffff;
					text-decoration:underline;}
				.slides a:active {color:#000000;
					text-decoration:none;}
			.slideimg {width:100%;
				max-width:1000px;
				max-height:500px;
				margin:0px 0px -5px 0px;}
			.mslideimg {display:none;
				width:0px;
				height:0px;}
			
	/*--- End of Slideshow Stuff ---*/
	
	#quicklinks {width:100%;
		float:left;
		margin:0 0 40px 0;
		text-align:center;
		font-size:14pt;}
		#quicklinks a {color:#ffffff;
			background-color:#923092;
			text-decoration:none;
			display:block;
			float:left;
			width:46%;
			padding:10px 0;
			margin:0 2%;}
			#quicklinks a:hover {background-color:#333333;}
	
	#homeannphoto {width:150px;
		float:right;
		margin:10px;
		font-size:8pt;}
		
		#homeannphotobg {padding:5px;
			background-color:#39b54a;
			color:#ffffff;
			font-size:12pt;
			text-align:center;}
		#homeannphotobg img {width:100%;}
			
		h2 {font-size:18pt;
			text-align:center;
			margin:0px 0px 10px 0px;
			padding:4px 0px 8px 0px;
			font-weight:normal;}
			h2 a {color:#ffffff;
				text-decoration:none;}
				h2 a:hover {color:#000000;
					text-decoration:underline;}
			
			.purpletextbg {color:#ffffff;
				background-color:#923092;}
			.purpletext {color:#923092;}
				.purpletext a {color:#923092;
					text-decoration:none;}
				
			.greentextbg {color:#ffffff;
				background-color:#39b54a;}
			.greentext {color:#39b54a;}
				.greentext a {color:#39b54a;
					text-decoration:none;}
				
			.yellowtextbg {color:#ffffff;
				background-color:#fcca0a;}
			.yellowtext {color:#fcca0a;}
				.yellowtext a {color:#fcca0a;
					text-decoration:none;}
			
		.col, .col2 {float: left;
			margin-left: 1.5%;
			margin-bottom: 8px;
			display:block;
			background-color:#fff;
			border:1px solid #999;
			font-size:12pt;}
			.col img {width:100%;}

		/* reset cols and cols2 to full width
		   on smaller screens */
			.col, .col2 {width: 98% !important;
				margin-left: 0 !important;
				clear: none !important;}
				
			.morelink {display:block;
				text-align:right;
				font-size:14pt;}
				.morelink:hover {color:#333333;
					text-decoration:underline;}
		
		#testimonialsleft, #testimonialsright {width:98%;
			margin:0 1%;
			float:left;}
			
			.testimonial {background-color:#eeeeee;
				margin:20px 0;}
			.testquote, .btestquote {width:40px;
				height:30px;
				position:relative;
				font-size: 35pt;
				font-style:italic;
				font-family:Tahoma;
				margin:-5px 0 0 -10px;}
				.btestquote {right:0px;
					float:right;}
			
		#homemapleft {width:100%;
			margin:0 0 20px 0;
			float:left;
			font-size:14pt;
			text-align:center;
			font-weight:light;}
			#homemapleft a {color:#333333;}
				#homemapleft a:hover {color:#9c02a7;
					text-decoration:none;}
			
		#homemapright {width:86%;
			margin:20px 7%;
			float:left;
			font-size:12pt;}
			
		.leftphoto {float:left;
			padding: 0 20px 5px 0;
			width:50%;}
		.rightphoto {float:right;
			padding: 0 0 5px 20px;
			width:50%;}
		.srightphoto {float:right;
			padding: 0 0 5px 20px;
			width:35%;}
			
	#bottom {background-color:#333333;
		color:#ffffff;
		font-size:14pt;
		text-align:center;}
		#bottom a {color:#ffffff;
			text-decoration:none;}
			#bottom a:hover {color:#fcca0a;
				text-decoration:underline;}
		
	#spyder {color:#cccccc;
		font-size:10pt;
		text-align:center;}
		#spyder a {color:#cccccc;
			text-decoration:underline;}
			#spyder a:hover {color:#923092;
				text-decoration:none;}