@charset "utf-8";
/* CSS Document*/
* {box-sizing: border-box;}
body{background-color: #f5f5f5;
color: #40407a;
font-family: Verdana, Geneva, Tahoma, sans-serif;}

#wrapper{width: 80%;
margin-right: auto;
margin-left: auto;
background-color: #f5f5f5;
min-width: 1200px;max-width: 1480px;}

header{background-color: #80cbc4; 
background-image: url("images/images/lilyheader.jpg");
height: 150px; 
background-repeat: no-repeat;
background-position: right;}

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;}

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: #3F2860;}
nav a:visited {color: #497777;}
nav a:hover {color: #A26100; border: 3px inset #333333;}

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

.studio{font-style: italic;}

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

.floatleft {float: left;margin-right: 4em;margin-bottom: 1em;}
.clear {clear: both;}

#hero {padding: 1em 0 1em 0;}

.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: #80cbc4;font-size: .60em;font-style: italic;text-align: center; padding: 1em;}