/*Cole Smythe CS125H 8/20/21*/
/*Color Pallet
	#fffded
	#95E06C InchWorm
	#7fcb78 mantis
	#68B684 Shiny Shamrock
	#094D92 Yale blue
	#132f55 Prussian blue
	#182037 Oxford blue
	#1C1018 Xiketic
	#41463D Black Olive
	#52574f Ebony
	#62665f Dim Grey
	#d4b460 Gold
	#7f5e2d Dark Gold
	#241f21 Black from logo
	#800000 Maroon
	*/

/* ORDER FOR ORGANIZATION
1. generic anchor pseudo-classes
2. plain element selectors and plain element combo
selectors
3. generic class and id styles 
*/


/* the styles for the elements */

/*the reset selector*/
*{
	margin: 0;
	padding: 0;
}
html{
	background-color: white;
}
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
	width: 70%;	
	max-width: 1000px;
	margin: 0 auto;
	border: 3px solid #d4b460;
	background-color: #241f21;
	}
	
a:link {
	color: #68b684;
	text-decoration: none;
}

a:visited {
	color: #62665f;
}
	
a:hover, a:focus {
	font-style: italic; 
	font-size: 110%;
	}

	p {
		font-size: 110%;
		line-height: 140%;
		margin: 1em 0;
		color: #91938f;
		text-shadow: .3px .3px .3px white;
	}

/* the styles for the header */

header {
	border-bottom: 3px solid #d4b460;
	background-image: 
		linear-gradient(25deg, #41463d 0%, #1c1018 30%, #094d92 50%,  #1c1018 80%, #41463d 100%); /*I was just messing around with my colors and the gradient and it came out a whole lot better than I thought it would*/
	overflow: hidden;
}

header img {
	float: left;
	width: 35%;
	max-width: 300px;

	
}
header h1 {
	margin: 1em auto;
	text-align: center;
	font-variant: small-caps;
	color: #d4b460;
	text-shadow:  3px 3px 4px #7f5e2d;
	word-spacing: .2em;
	line-height: 1.2em;

}

#nav_menu {
		position: relative;
}
 #nav_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav_menu ul li {
	float: left;
}

 #nav_menu ul li a {
	list-style-type: none;
	display: block;
	width: 20.8em;
	text-align: center;
	padding: 1em 0;
	background-color: #094d92;
	color: #d4b460;
	text-decoration: none;
	font-weight: bold;
}

#nav_menu ul li a.current {
	color: #800000;
}

#nav_menu ul ul {
	display: none;
	position: absolute;
}

#nav_menu ul li:hover > a {
	display: block;
	color: white;
	font-size: 100%;
}

#nav_menu > ul::after {
	content: "";
	display: block;
	clear: both;
}

/* the styles for the section */
main {
	clear: left;
	padding: 1em;

}

main section {
	width: 60%;
	text-align: center;
	margin: .5em auto;
	padding: .5em;
	position: relative;
}
	main h2{
		font-size: 150%; 
		color: #800000;
		margin: 1em 0;
		text-shadow: .5px .5px #d4b460;
		

		}
		
	main h3{
		font-size: 120%;
		color: #d4b460;
		text-align: center;
		margin: .5em 0;
	}
	main img{
		width: 40%;
		max-width: 150px;
		float: right;
		border-radius: 50px;
		border: 3px solid #d4b460;
		margin: 0 .5em;
	}
#title {
	text-align:center;
}

#address {
	text-align: center;
	font-size: 125%;

	
}	

main p.services {
	text-align: center;
}
img.picture {
	float: none;
	border: none;
	margin-left:40%;
}

main section article {
	border: 5px double #d4b460;
	border-radius: 15px;
	box-shadow: 2px 2px 2px #132f55;
	padding: 1em;
	margin-bottom: 1em;	
}

main section article p {
	color: #d4b460;
	text-shadow: 1px 1px 1px white;
}

main aside {
	float: right;
	width: 30%;
}

main aside h2 {
	font-size: 120%;
}

main aside p {
	font-size: 95%;
}

#contact {
	text-align: center;	
}
#contact h2 {
	clear: both;
}

/* the styles for the footer */

footer {
	border-top: 3px solid #d4b460;
	background-color: #094d92;
	padding: .5em 0;
	clear: both;
}

footer p{
	font-size: 90%;
	text-align: center;
	color: #d4b460;
}