* {margin:0; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

@font-face {font-family:'gautami'; src: url('../fonts/gautami.eot'); src: local('gautami'), url('../fonts/gautami.ttf') format('truetype'), url('../fonts/gautami.svg') format('svg'); }

html {height:100%; width:100%;}
body {font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333300; position:relative; margin: 0 auto; text-align:left; height:100%; width:100%;}
p { color:#666600; padding-bottom:10px; line-height:1.75em;}
option.bold {font-weight:bold !important;}

nav.adminNav {width:30%; display:block; clear:both; margin:0 0 -80px 0; float:right; text-align:right; z-index:200;}

/*
body.main-background {background:url(../../images/lotus-1.jpg); background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-position:center center;  background-attachment:fixed;}
*/

.businessName {margin:0; padding: 0 0 0 20%;}
a.logo {float:left;}
div.companyInfo {float:left; padding:10px 0 0 1px; width:50%;}
span.ownerName {display:block; clear:both; font-size:2.25em; color:#666633; margin-bottom:5px;}
span.slogan {position:relative; max-width:475px; display:block; margin:0; padding:0; clear:both; color:#000000; font-size:1.25em; font-weight:normal; font-family: gautami;}

p.requiredFields {float:right; padding-right:3%;}
div.row {display:block; width:100%; height:145px; margin:45px 0 15px; clear:both;}

main {display:block; min-height:90%; width:100%; margin:0; padding:0; clear:both;}
section.blogContent {margin:0 0 0 1%;}
.blogDetails {font-style:italic; font-size:.8em;}
section.mainContent {max-width:100%; margin:0 20%; padding:125px 0 0 0; }

blockquote {color:#ffffff; font-style:italic; position: relative; margin: 0.5em; padding: 0 2em 0 4em; font-size:1em; line-height:1.5em;}
blockquote:before {font-family: Georgia, serif; position: absolute; font-size:7em; line-height: 1; top: 0; left: 0; content: "\201C";}
blockquote:after {font-family: Georgia, serif; position: absolute; float:right; font-size:7em; line-height:1; right:0; bottom:-0.5em; content: "\201D";}

img.homepageMainImage {position:relative; display:block; max-width:100%; height:auto; margin:0; padding:0; }
section.homepageMain {position:relative; display:block; max-width:100%; margin:0; padding:100px 0 0 0;}
section.homepageMission {position:relative; display:block; background-color: #999966; width:500px; height:300px; border:thin black; solid; padding:20px; z-index:3; margin-top:-150px; box-shadow: 0 0 1em #666666; border-radius:10px;}
section.homepageNewsletterSignup {position:relative; display:block; background-color:#CCCC99; width:325px; height:auto; float:right; margin:-125px 20% 0 0; box-shadow: 0 0 1em #666666; border-radius:10px; padding:5px;}
section.fb {position:relative; display:block; width:200px; height:25px; float:right; margin:0 20% 0 0;}
.emailContainer {width:24%; float:left; background-color:#CCCC99; border-radius:10px; box-shadow: 0 0 1em #666666; padding:10px;}
.newsletterAdminContent {float:left; width:75%}

/* text elements */
h1 {position:relative; color:#666600; font-size:2em; margin:0; font-weight:normal; font-family: gautami; clear:both; padding-top:2%; text-shadow:2px 2px 10px #333333; width:65%; }
h1.welcome {position:relative; color:#fff; font-size:2em; margin:0; font-weight:normal; padding:0; font-family: gautami; clear:both; text-shadow:2px 2px 10px #333333;}
h2 {color:#999900; font-size:1.35em; margin:0 0 .25% 0; font-weight:normal; font-family: gautami;}
h2.newsletter {margin:.5em 0 0 .5em; padding:0; color:#666633; text-shadow:1px 1px 2px #999933;}
h3 {color:#cc3300; font-size:.85em; padding:5px;}
.error {font-style:italic; color:#993300; font-size:.75em; font-weight:normal;}

a:link {text-decoration:underline dashed; color:#666633;}
a:hover {text-decoration:none; color:#333300;}
a:visited {text-decoration:underline dashed; color:#666633;}
p.facebook {color:#333; font-size:1em; margin-top:2%; font-weight:lighter; clear:both;}

details summary {cursor: pointer; border:none;}
summary::-webkit-details-marker {display:none;}
details > summary:first-of-type {list-style-type: none;}

.left-half {float:left; width:100%; max-width: 450px;}
.right-half {float:left; width:100%; max-width: 450px;}
.about-image {float:right; margin: 0 0 2% 2%; max-width: 300px; border-radius:10px; box-shadow: 0 0 5px #666666;}
section {margin:1% 20%}
section ul li {margin:10px 0 0 20px; list-style:none;}
section ul li a:link {text-decoration:none; color:#666600;}
section ul li a:hover {text-decoration:none; color:#999900;}

div.blogList {width:100%; clear:both; height:100px;}
span.blogDate {display:block; padding:15px; clear:both; background-color:#CCCC99; border-radius:15px; max-width:100px; float:left; margin:0 10px 10px 0; text-align:center; box-shadow: 3px 3px 15px 1px #ababab;}
span.blogTitle {display:block; padding-top:15px;}
span.blogMonth {font-size:1em; color:#000000;}
span.blogDay {font-size:1.5em; font-weight:bold;color:#FFFFFF;}
span.blogYear {font-size:1em; clear:both; color:#000000;}

/* footer */
footer {display:block; position:relative; width:100%; min-height:100px; margin:20px auto; clear:both; list-style-type:none;}
footer ul {max-width:1000px; margin:0 auto; clear:both;}
footer ul li {display:inline; float:left; margin: 10px 0 0 0; width: 24%; padding: 0 .5%; text-align:center;}
footer ul li a:link {color:#666633; text-decoration:none;}
footer ul li a:hover {color:#333300; text-decoration:none;}
footer p {text-align:center; font-size:.75em; color:#000000; margin-top:15px; display:block; clear:both;}
footer p a:link {color:#666633; text-decoration:none;}
footer p a:hover {color:#333300; text-decoration:none;}

/* 16px = 1em*/
@media (max-width: 80em) {
	section {margin:0; width:100%;}
	section.mainContent {width:100%; padding:120px 5px 0 5px; margin:0;}
	section.homepageMission {position:relative; display:block; width:100%; height:auto; border:thin black; solid; padding:25px; margin:0; box-shadow:none; border-radius:0;}
	section.homepageNewsletterSignup {width:100%; height:auto; margin:0 25px 0 0; float:none; display:block; clear:both; box-shadow:none; border-radius:0;}
	h2.newsletter {margin:0; padding:15px;}
	section.fb {width:100%; height:25px;  margin:10px 0 0 10px;}
	.businessName {padding:0;}
}

/*
@media (max-width: 60em) {
}
*/

@media (max-width: 48em) {
	.about-image {float:left; margin: 0 2% 2% 0;}
	.about-paragraph-1 {width:100%; clear:both;}
	section.mainContent {width:100%; padding:120px 5px 0 5px; margin:0;}
	footer, span.slogan {display:none;}
	span.ownerName {font-size:1.75em;}
	.emailContainer {width:100%; float:none; clear:both; margin:10px 0;}
	nav.adminNav {width:100%; clear:both; margin:0; float:none;}
	.newsletterAdminContent {float:none; width:100%}
}

@media (max-width:30em) {
	header .businessName {font-size:1.5em; width:100%; clear:both;}
	div.slogan p {font-size:.85em; margin-top:2%;}
	.about-image {float:none; margin: 0; clear:both;}
	section.about-ryan {width:100%; clear:both !important;}
	span.ownerName {font-size:.8em;}	
}

@media (max-width:22em) {
	nav.navigation ul {background-color: #CCCC99; margin-bottom:5px;  }
	.border-bottom {display:none;}
	footer ul {display: none;}
	div.slogan {display:none;}
	div.slogan p {display:none;}
	span.ownerName {font-size:.75em !important;}
}