﻿/*----------------
PRIMARY
-------------------*/
* {margin:0;}
html,body {height:100%;}

.wrapper {
	min-height:100%;
	height: auto !important;
	height:100%;
	margin:0 auto -125px;
}

body {
	color:#000;
	background:#054900 url('../images/bkgd.jpg') no-repeat center top fixed;
}

h1,h2,h3 { 
	font-family:'Simonetta';
	padding-bottom:5px;
}

h1 {
	color:#2c1d06;
	font-size: 3.5em;
	padding-top:25px;
}

a {
	color:#2a4720;
	font-size:1.1em;
}

a:hover {
	color:#f15a24;
}

a.btn {
	display:inline-block;
	background:#054900;
	padding:7px 15px;
	border-radius:10px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

a.btn:hover {
	background:#008738;
}

hr {
	padding:20px;
}

#table td {
	padding:10px;
}

@media (max-width: 1024px) {
    .flash {
       display:none;
    }
}
 @media (min-width: 1024px) {
    .noflash {
       display:none;
    }
    .flash {
       width:550px;margin:0 auto;
    }
}



/*----------------

HEADER

-------------------*/

header {
	background:url('../images/header.png') no-repeat top;
	position:fixed;
	top:0;
	height:250px;
	width:100%;	
	margin-top:-5px;
	z-index:997;
}

#logo {
	position:relative;
	width:285px;
	margin:0 auto;
	margin-top:15px;
	text-align:center;
	z-index:999;
}

#social-media {
	position:absolute;
	top:-45px;
	right:0;
	width:auto;
}

#social-media img {
	padding-left:10px;
}
.social-icons{
    position: absolute;
    right: 0;
    top: -45px;
}

/*----------------
NAVIGATION 
-------------------*/
nav {
	position:relative;
	width:960px;
	margin:-125px auto;
	z-index:998;
	top:0;
}

nav ul {
	text-align:center;
	list-style-type:none;
	font-size:1em;
	padding-bottom:0px;
	padding-top:10px;
}

nav li {
	display:inline-block;
	margin:0;
}

nav li a {
	display:block;
	text-decoration:none;
	padding:6px 10px 6px 10px;
	color:#2c1d06;
	font-family:'Simonetta';
	font-weight: 900;
	font-size:1.1em;
}
		
nav li a:visited {
	color:#2c1d06;
}

nav li:hover a {
	color:#F15A24;
	display:block;
}

nav li ul {display:none;}

nav li:hover ul {
	display:block;
	position:absolute;
	text-align:left;
	margin-top:-5px;
}

nav li:hover li {
	float:none;
	font-size:1em;
	white-space:nowrap;
	width:100%;
	opacity:.9;
}

nav li:hover li a {
	background:#fdfde5;
	height:auto;
	display:block;
	font-size:1em;
	width:100%;
	padding:10px 10px;
	color:#2c1d06;
}

nav li:hover li a:hover {
	background:#fdfde5;
	color:#f15a24;
}

#nav1 {
	position:absolute;
	left:0;
}

#nav2 {
	position:absolute;
	right:0;
}

/*----------------
CONTENT 
------------------*/
#content {
	position:relative;
	width:auto;
	top:0;
	margin:0 auto;
	background:#fdfde5;
	padding:5px 75px 15px;
	margin-top:-6px;
	margin-bottom:50px;
}

#content-home {
	position:relative;
	margin:0 auto;
	background:#fdfde5;
	padding:5px 20px;
	margin-top:-6px;
	width:900px;
	margin-bottom:50px;	
}

#content h1 {
	position:relative;
	margin-top:-65px;
}

#welcome {
	margin-top:15px;
}

#welcome p {
	font-size:1.1em;
}

#address-home {
	border-radius:8px;
	background-color:#d3f5b7;
	text-align:center;
	font-size:1.5em;
	width:500px;
	padding:4px 3px;
	margin:0 auto;
	margin-bottom:15px;
}

#address-home a {
	color:#000;
}

#quick-links{
	position:absolute;
	right:0;
	width:321px;
	height:221px;
	bottom:0;
}

.content-header {
	font-size:1.3em;
}

#btn1 {
	position:relative;
	margin:0 auto;
	text-align:center;
	margin-top:-220px;
}

#btn1 a {
	font-family:'Simonetta';
	font-size:1.6em;
	font-weight:bold;
	text-decoration: none;
	color:#2c1d06;
	line-height: 1.1em;
}

#btn2 {
	position:relative;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
}

#btn2 a {
	font-family:'Simonetta';
	font-size:2em;
	font-weight:bold;
	text-decoration: none;
	color:#2c1d06;
}

#animals {
	margin:0 auto;
	position:relative;
	padding-top:200px;
}

body#home #animals {
	padding-top:200px;
}

#leaf {
	position:relative;
	margin-top:-60px;
}

/*----------------
FOOTER 
------------------*/
.push,footer {height:145px;}
.push {clear:both;}
footer {
   width:100%;
   background:#fdfde5;
   text-align:center;
   font-size:.7em;
   border-top: 5px solid #2a4720;
}

footer p {
	margin-top:15px;
	padding:0;
}

/*----------------
MISCELLANEOUS
-------------------*/
.clear {clear:both;}
.floatleft {float:left;margin-right:15px;padding-left:20px;}
.floatright {float:right;margin-left:15px;padding-right:20px;}
.floatmid {display:block;margin:0 auto;}
.center {text-align:center;}
.border {border:5px solid #ef7e05;}