@charset "UTF-8";
/* CSS Document */
*{box-sizing:border-box;}
body {background-color: #3f2860; color: #40407A}
header {background-color: #80CBC4; 
background-image:url("images/lilyheader.jpg");
	background-repeat: no-repeat;
	height: 150px;
	background-position: right;
}
header a {text-decoration: none;}
header a:link{color: #40407A}
header a:visited {color: #40403A}
header a:hover {color: #fff;}

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

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

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

nav a:link {color: #3f2680}
nav a:visited {color: #497777}
nav a:hover {color: #a26100; border: 3px inset #333333;}
nav ul {padding-left:0px; list-style-type: none;}

.clear {clear:both;}
.floatleft {float:left; margin-right:4em; margin-bottom: 1em;}
/*This is a class - with a period and a made up name*/
.studio{font-style:italic;}
/*This is an id - with a # and a made up name (can only be used one time per web page)*/
/*these are the properties needed to center the page*/
#wrapper {width: 80%; 
	margin-left:auto; 
	margin-right:auto;
	background-color:#f5f5f5;
	min-width:1200px;
	max-width:1480px;}
footer {background-color: #80CBC4; font-size: .60em; font-style: italic; text-align: center; padding:1em;}

.align-right {float:right;}

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

#hero {text-align:center;}

.onethird {float:left; width:33%; padding-left: 2em; padding-right:2em;}
.onehalf {float: left; width:50%; padding-left: 2em; padding-right: 2em;}