@charset "UTF-8";
/* CSS Document */

/*Selector {declaration property: declaration value;*/

* {boc-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;
	min-width: 1200px;max-width: 1480px;
	background-color: #F5F5F5}

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

header a {text-decoration: none;}
header a:link {color: #40407A}
header a:visted {color: #40407A;}
header a:hover {color: #FFFFFF;}

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

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

/*Descendant Selector -specify an element within the context of it's container (parent)elment*/
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:visted {color: #49777;}
nav a:hover {color: #A26100; boarder: 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 {ckear:both;}


#hero {padding: 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;}