/*
***********************************************

#Name of website

Images copyright #website

Site URI: www.example.com

Author: Erin Casteel

Author URL: http://web.erincasteel.com/

*/

/* Start with a clean slate
************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-size: 1em;
}

body {
	background: #fff;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; /* 1em */
	color: white;
	position: relative;
	padding-top: 10px;
}

.hide { display:none; }
.floatright { float:right; }
.floatleft { float:left; }
.clear { clear:both; }


/* Containing divs
***********************************************/

#wrapper {
	margin: 0 auto;
	width: 800px;
}

#innerwrapper {
	width: 800px;
	background-color: rgb(79, 143, 107);
	padding: 1.4667em 1.4667em 0 1.4667em;
	position: relative;
	top: -230px;
	margin-bottom: 10px;
	/*z-index: -2;*/
}

#switch-styles {
	position: absolute;
	z-index: 25;
	height: 30px;
	width: 100px;
}

/* Header
***********************************************/

h1 {
	line-height: 440px;
	font-size: 400px; 
	font-weight: bold;
	height: 360px;
	overflow: hidden;
	padding-left: 0px;
	position: relative;
	width: 845px;
	text-align: center;
}

h1 a {
	text-decoration: none;
	letter-spacing: -15px;
	display: block;
	position: relative;
	white-space: nowrap;
	margin-top: -125px;
	color: rgb(79, 143, 107);
}

h1 a em {
	font-size: 25px;
	line-height: 60px; 
	text-transform: lowercase; 
	font-style: normal;
	color: rgb(104, 150, 90); 
	letter-spacing: 2px;
	position: absolute;
	width: 880px;
	top: 115px;
	left: -20px;
	text-align: center;
}

h1 a:hover {
	color: rgb(69, 133, 97);
	text-decoration: none;
}

a:hover em {
	color: rgb(84, 133, 59);
}



/*   MENU
***********************************************/

#menu {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 424px;
	height: 30px;
	margin: 0 auto;

}

#menu ul {
	display: inline;
	list-style: none;
	font-weight: bold;
	line-height: 30px;
	text-transform: lowercase;
}

#menu ul li {
	float: left;
	width: 100px;
	height: 30px;
	padding: 0 2px;
	list-style: none;
	color: rgb(139, 213, 156); 
}

#menu ul li a {
	display: block;
	width: 100px;
	color: rgb(139, 213, 156); 
	text-decoration: none;
	position: absolute;
	padding: 10px 0 0 0;
	top: 0;
	bottom: 0;
}

#menu a:hover,
#menu a:focus {
	background-color: rgb(85, 151, 114); 
	color: #ddbe34; 
	text-decoration: none;
}

#menu a.current {
	background-color: rgb(85, 154, 115); 
	color: rgb(49, 107, 44); 
}

/*** h5 is^H^H^H was used for FLIR replacement ***/
h5 {
	color: rgb(139, 213, 156); 
	font-size: 18px;
	font-family: anni, helvetica, arial, sans-serif;
}

/*    CONTENT
***********************************************/

#content {
	float: left;
	position: relative;
	z-index: 25;
	width: 600px;
	padding: 0 0.5em 0 0;
}

#content p {
	margin: 0 0 1.4667em 0;
	font: 1em helvetica, arial, sans-serif; /* 15px */
	line-height: 1.4667em; 					/* 22px */
}

#innerwrapper a {
	color: #ddbe34;
	font-weight: bold;
	text-decoration: none;
}

#innerwrapper a:hover {
	text-decoration: underline;
}

h2 {
	font: 1.5333em/1.913 helvetica, arial, sans-serif; 
	padding-left: 1.5333em;
	margin-bottom: 0.9565em;
	text-transform: lowercase;
}

h3 {
	font: 1.4em/1.0476em helvetica, arial, sans-serif;
	margin-bottom: 1.0476em;
}

h4 {
	font: 1.2667em/1.1579em helvetica, arial, sans-serif;
	margin-bottom: 1.1579em;
}

/** place 3 or 4 letters or symbols in an h6 as the last thing
    in #wrapper and it will look cool...doesn't go with current design. **/
h6 {
	line-height: 440px;
	font-size: 400px; 
	font-weight: bold;
	height: 360px;
	padding-left: 0px;
	position: absolute;
	width: 845px;
	text-align: center;
	letter-spacing: -15px;
	display: block;
	margin-top: -525px;
	color: rgb(79, 143, 107);
}

ol li {
	margin-left: 4em;
	font: 1.2667em/1.1579em helvetica, arial, sans-serif;
	list-style-type: decimal;
}



/*    SIDEBAR
***********************************************/

#sidebar {
	width: 180px;
	float: right;
	top: 0;
	position: relative;
	z-index: 25;
}

#sidebar p {
	font: 0.8667em/1.6923em helvetica, arial, sans-serif;  /* 13px/22px */
	margin-bottom: 1.6923em;
}

#sidebar h5 {
	font: 0.8667em/1.6923em helvetica, arial, sans-serif;
	color: white;
}



/*    FOOTER
***********************************************/

#footer {
	position: relative;
	z-index: 15;
	clear:both;
	text-align: center;
	padding-bottom: 10px;
}

#footer h5 {
	font-size: 15px;
}



/* Images
***********************************************/

.thumb {
	width: 215px;
	height: 215px;
	margin: 1em;
	float: left;
	background-color: rgb(69, 133, 97);
	text-align: center;
}

.thumb img { border: 3px solid rgb(49, 107, 44); margin: 1em 1em 0.5em; display: block; }
.thumb a { display: block; color: rgb(49, 107, 44); text-decoration: none;}
.thumb a:hover {text-decoration: underline; }


/* Forms
***********************************************/

.fieldlabel {
	font: 1em/1.4667em helvetica, arial, sans-serif;
	padding-right: 1em;
}

.hint {
	font: 0.8667em/1em helvetica, arial, sans-serif;
}

.button {
	font: 1em/1.4667em helvetica, arial, sans-serif;
	color: rgb(49, 107, 44);
	background-color: #ddbe34;
	padding: 7px 7px 5px 5px;
	border:0;
	-moz-border-radius: 5px 0;
	-webkit-border-radius: 5px 0;
}