@charset "utf-8";
/* CSS Document */
* {box-sizing: border-box;}
body {
	background-color: #3F2860;
	color: #40407A;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";}
#wrapper {width: 80%;
			margin-right: auto; 
			margin-left: auto;
			background-color: #F5F5F5;
			min-width: 1200px;
			max-resolution: 1480px;}
header {background-color: #79c2c0; 
		background-image: url("images/lilyheader.jpg");
		height: 150px;
		background-repeat: no-repeat;
		background-position: right;
		text-align: left;}
header a {text-decoration: none;}
header a:link {color: #40407A;}
header a:visited {color: #40407A;}
header a:hover {color: #ffffff}
			

h1 {padding-top: 50px;
	padding-left: 2em;
	text-align: left;}

nav {width: 160px;
	float: left;
	font-weight: bold;
	padding:1em;}

/* Descendant Selector ~ specify an element within the context of its containt */

nav a {text-decoration: none;
		display: block;
		text-align: center;
		border: 3px outset gray;
		padding: 1em;
		margin-bottom: 1em
		}

nav a:link {color: #3F2860}
nav a:visited {color: #497777}
nav a:hover {color: #A261000; border: 3px inset #333333;}

nav ul {padding-left: 0px; list-style: none;}

main {padding: 1em 2em 0em 2em; margin-left: 170px;}



#hero {padding: 1em 0}

.studio {font-style:italic;}
.floatleft {float: left; margin-right: 4em; margin-bottom: 1em;}
.clear {clear: both}
.onethird {float: left; width: 33%; padding-left: 2em; padding-right: 2em;}
.onehalf {float: left; width: 50%; padding-left: 2em; padding-right: 2em;}

footer {background-color: #DDA15E;
		color:#40407A;
		font-size: .60em;
		font-style: italic;
		text-align: center;
		padding: 1em;}