/* 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:40px 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:90px;
			margin:0px;
			padding:0px;
			position:fixed;
			z-index:100;
			background:url(images/topbg.png) repeat-x;
			border-bottom-width:2px;
			border-bottom-color:#cccccc;
			border-bottom-style:solid;}
			
			#topspace {width:100%;
				height:92px;}
			#mtopspace {display:none;}
			
			/** 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 {width:282px;
				height:80px;
				margin:5px 0px 0px 10px;
				float:left;}
			#mtoplogo {display:none;}
				
			#topnav {
				max-height:40px;
				float:right;
				color:#333;
				font-size:15pt;
				margin:31px 0px 0px 0px;}
				
				/** Dropdown Menu. Code from http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly **/
				#nav {top: 0px;
					right:0px;
					margin-right: 20px;}

					#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: #cccccc !important;}

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

					/* first level */

					#nav > ul {height: 100%;}
						#nav > ul > li {height: 100%;
							float: left;}
							#nav > ul > li > a {height: 100%;
								text-align: center;
								text-decoration:none;
								padding:6px 18px;
								color: #923092;}
								#nav > ul > li:not( :last-child ) > a
								{/** border-right: 1px solid #cc470d; **/}
								#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;}

						/* second level */
						
						#nav li ul {width:200px;
							background-color: #923092;
							display: none;
							color:#ffffff;
							position: absolute;
							top: 100%;
							padding:0;
							font-size:13pt;}
							#nav li:hover ul {display: block;
								left: 0;
								right: 0;}
								#nav li:not( :first-child ):hover ul
									{left: -1px;}
								#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 #ccc;
									color:#ffffff;}
									#nav li ul li a:hover,
									#nav li ul:not( :hover ) li.active a
										{background-color: #333;
										color:#fff;}
				
	/*--- 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:22px;
			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 {display:none;}
	
	#homeannphoto {width:197px;
		float:right;
		margin:10px;
		font-size:9pt;}
		
		#homeannphotobg {padding:5px;
			background-color:#39b54a;
			color:#ffffff;
			font-size:14pt;
			text-align:center;}
			
		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 to 3-column and 2-column for testimonials */
		/* cols and col is for 3 columns
		   cols2 and col2 are for 2 columns
		   both resize to one column on smaller screens */
		@media screen and (min-width:551px) {
			.cols .col {width: 31.8%;}
			.cols2 .col2 {width: 48.5%;}
				
			.cols .col:nth-of-type(3n+1) {
				margin-left: 0;
				clear: left;}
			.cols2 .col2:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;}
		}

		/* reset cols to fullwidth */
		@media screen and (max-width: 550px) {
			.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 {width:48%;
			margin:0 2% 0 0;
			float:left;}
		#testimonialsright {width:48%;
			margin:0 0 0 2%;
			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:42%;
			min-height:300px;
			margin:0 2% 0 0;
			float:left;
			font-size:16pt;
			text-align:center;
			font-weight:light;}
			#homemapleft a {color:#333333;}
				#homemapleft a:hover {color:#9c02a7;
					text-decoration:none;}
			
		#homemapright {width:55%;
			min-height:300px;
			margin:0 0 0 1%;
			float:left;
			font-size:12pt;}
			
		.leftphoto {float:left;
			padding: 0 20px 5px 0;
			width:40%;}
		.rightphoto {float:right;
			padding: 0 0 5px 20px;
			width:40%;}
		.srightphoto {float:right;
			padding: 0 0 5px 20px;
			width:30%;}
			
	#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;}