/* CSS DOCUMENT jwjwebdesign.com
(C) JwJ Web Design & Josh Johnston 2012
*/
body {
background-image: url("./bg.png");
font-family: sans-serif, Verdana, Arial;
margin-top:75px;
}
.main {
width: 100%;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
/* Heading & Navigation */
	/* Heading */
		.label {
		background-image: url("./label.png");
		width: 200px;
		height: 200px;
		position: fixed;
		top: 0px;
		left: 50%;
		margin-left: -100px;
		background-repeat: no-repeat;
		}
		.page-container {
		width: 150px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 125px;
		height: 40px;
		text-align: center;
		}
		#page-name {
		text-align: center;
		font-size: 28px;
			text-shadow: 0px 1.5px 1.5px #fff, 0 -1.5px 1.5px #000;
			color: #403d3a;
			font-family: 'Exo-Black',sans-serif;
		}
	/* Navigation */
		.heading-bar-wrapper {
		background-color: #8cb262;
		width: 100%;
		height: 75px;
		position: fixed;
		top: 0;
		left: 0;
		}

		.heading-bar {
		width: 100%;
		height: 65px;
		border-style: none none dashed none;
		border-width: 1px;
		border-color: #ffffff;
		padding-top: 5px;
		}
		.heading-bar-content {
		margin-left: auto;
		margin-right: auto;
		height: 65px;
		width: 850px;
		}
		.heading-bar-left {
		text-align: left;
		float: left;
		width: 225px;
		padding-left: 200px;
		}
		.heading-bar-right {
		text-align: right;
		float: right;
		width: 225px;
		padding-right: 200px;
		}
		img.heading-bar-item {
		background-image: url("./nav.png");
		width: 60px;
		height: 60px;
		position: fixed;
		top: 5px;
		border: none;
		}
		
		/*Navigation Links */
			.heading-bar a {
			text-decoration: none;
			border: none;
			}
			.heading-bar a:hover {
			text-decoration: none;
			border: none;
			}
			.heading-bar a:visited {
			text-decoration: none;
			border: none;
			}
			.heading-bar a:active {
			text-decoration: none;
			border: none;
			}
	/* Page Content */
	/* Slideshow */
		.slideshow-container {
			width: 100%;
			height: 475px;
			/* background-color: #43403d; */
			background: transparent;
			z-index:-1;
			position: absolute;
			top: 75px;
			left: 0;
			}
		.slideshow-center {
			margin-left: auto;
			margin-right: auto;
			width: 825px;
			}
		#slideshow {
			position: relative;
			visibility: hidden;
			border-bottom-left-radius: 25px;
			border-bottom-right-radius: 25px;
			}
		#slideshow img {
			border-bottom-left-radius: 25px;
			border-bottom-right-radius: 25px;
			}
		.slideshow-controls {
		text-align: center;
		margin-top: 5px;
		}
		.slideshow-controls img {
		border: 0;
		}
		
	/* Top Boxes */
		.top-boxes {
			width: 825px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 550px;
			z-index: -2;
			}
		.top-box {
		width: 400px;
		height: 125px;
		}
		.top-box img {
		margin-top: 12.5px;
		margin-bottom: 12.5px;
		margin-right: 5px;
		float: left;
		}
		.top-box-content {
		width: 268px;
		height: 81px;
		border-style: solid;
		border-width: 3px;
		background-color: #e3d9cf;
		display: inline-block;
		border-radius: 25px;
		border-color: #8cb262;
		font-size: 11px;
		padding: 8px;
		margin-top: 12.5px;
		margin-bottom: 12.5px;
		}
		/* Big Content Boxes & Headings */
		.upper-heading {
			text-align: center;
			font-size: 28px;
			text-shadow: 0px 1.5px 1.5px #fff, 0 -1.5px 1.5px #000;
			color: #e3d9cf;
			font-family: 'Exo-Black',sans-serif;
			margin-top: 190px;
		}
		.lower-heading {
			text-align: center;
			font-size: 28px;
			text-shadow: 0px 1.5px 1.5px #fff, 0 -1.5px 1.5px #000;
			color: #e3d9cf;
			font-family: 'Exo-Black',sans-serif;
	}
		.lower-box {
			width: 825px;
			background-color: #e3d9cf;
			border-color: #8cb262;
			border-radius: 25px;
			border-width: 3px;
			border-style: solid;
			margin-left: auto;
			margin-right: auto;
			padding: 8px;
			margin-top: 5px;
			}
/* Lower Heading/Networking */
.lower-heading {
text-align: center;
		font-size: 28px;
			text-shadow: 0px 1.5px 1.5px #fff, 0 -1.5px 1.5px #000;
			color: #e3d9cf;
			font-family: 'Exo-Black',sans-serif;
	}
	
/* Footer */
	.footer {
		background-color: #8cb262;
		width: 100%;
		height: 25px;
		margin-bottom: -3px;
		padding: 5px;
		font-size: 10px;
		margin-top: 5px;
		position: absolute;
		bottom: 0;
		left: 0;
		}
	.footer-content {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 825px;
	}
	/* Links */
			a {
			text-decoration: none;
			border: none;
			color: #fff;
			}
			a:hover {
			text-decoration: none;
			border: none;
			color: #fff;
			font-weight: bold;
			}
			a:visited {
			text-decoration: none;
			border: none;
			color: #fff;
			}
			a:active {
			text-decoration: none;
			border: none;
			color: #ffffff;
			}
/* Load Google Web Fonts */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local('Exo Regular'), local('Exo-Regular'), url(http://themes.googleusercontent.com/static/fonts/exo/v1/wocyXRLWPo2Av-yUTmmbTA.woff) format('woff');
}
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 900;
  src: local('Exo Black'), local('Exo-Black'), url(http://themes.googleusercontent.com/static/fonts/exo/v1/vUUX2FySly3npcleKTbosw.woff) format('woff');
}
/* Bumps */
.left {
float: left;
}
.right {
float: right;
}