/*

=======================
++ TABLE OF CONTENTS ++
-----------------------
1. UNIVERSAL STYLES
2. STRUCTURAL ELEMENTS
3. CONTENT STYLES
4. DIV AND SPAN STYLES
5. FORM ELEMENT STYLES
6. SPECIAL STYLES
7. MISC FIXES AND SUCH
=======================

*/



/*=====================
  1. UNIVERSAL RESETS
=====================*/

* {
	margin : 0;
	padding : 0;
	}
	
body, html {
	text-align : center;
	}
	
a img, img a {
	border : none;
	outline : none;
	}
	
a { color: rgb(119,178,0);
	position: relative;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}
	
a:active, a:focus {
	outline : none;
	}
	
ul, ol {
	list-style : none;
	}
	
sup {
	font-size: 8px;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.clear {
	clear: both;
	}
	
.copyright {
	clear: left;
	display: block;
	margin: 20px 0 0;
	text-align: center;
	}

	
/*=====================
  2. STANDARD STRUCTURE
=====================*/

body {
	background: rgb(255,255,255);
	color: rgb(50,50,50);
	font-family: Georgia, 'Times New Roman', serif;
	}
	
h1, h2, h3, h4 {
	font-style: italic;
	}
	
h2 {
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 20px;
	}
	
h3 {
	color: rgb(119,178,0);
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 14px;
	}
		
.wrap {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	}

	
/*=====================
  3. CONTENT SECTIONS
=====================*/

#header {
	}
	
#content {
	display: block;
	height: inherit;
	margin: -20px 0 0;
	overflow: hidden;
	}
	
#content.page {
	background: url(images/bg-gradient.png) repeat-x;
	padding: 30px 20px;
	}

#hero {
	display: inline-block;
	height: 360px;
	position: relative;
	width: 960px;
	z-index: 5;
	}

/*
#slideshow img { 
	display: none; 
	}
*/

#slideshow img.first { 
	display: block; 
	}
	
#left-col {
	padding: 0 10px 20px;
	width: 230px;
	}
	
#left-col a {
	color: rgb(119,178,0);
	font-size: 18px;
	font-style: italic;
	}
	
	
#left-col ul {
	list-style: disc inside;
	}
	
#main-col {
	padding: 0 20px 40px 0;
	width: 400px;
	}
	
#main-col p, #page-col p {
	color: rgb(51,51,51);
	font-size: 14px;
	margin-bottom: 14px;
	}

p.grayText{
	color: rgb(200,200,200);
	}
	
#page-col {
	padding: 0 20px 40px 0;
	width: 584px;
	}
	
#page-col.small {
	width: 440px;
	}
	
#page-col.full {
	width: 860px;
	}
	
#page-col ul {
	font-size: 14px;
	list-style: disc inside;
	margin-left: 14px;
	}
	
#page-col ul li {
	margin: 3px 0;
	}
	
#right-col {
	}
	
#footer {
	border-top: solid 1px rgb(160,160,160);
	color: rgb(140,140,140);
	display: block;
	font-size: 11px;
	font-style: italic;
	padding: 20px 0;
	}
	
#footer ul {
	display: block;
	list-style: disc inside;
	text-align: center;
	}
	
#footer ul li {
	display: inline;
	margin: 0 6px;
	}
	
#footer ul li a {
	color: rgb(140,140,140);
	text-decoration: none;
	}
	
#footer ul li a:hover {
	text-decoration: underline;
	}
	
	
/*=====================
  4. DIVS AND SPANS
=====================*/

div#menu {
	margin: 20px 20px 20px 50px;
	}
	
div#menu img {
	float: left;
	opacity: 1;
	}
	
div#menu img:hover {
	opacity: .96;
	}
	
span.contact-btn {
	margin: 40px 0 20px;
	}
	
span.contact-btn img {
	background: rgb(0,0,0);
	opacity: 1;
	}
	
span.contact-btn a:hover {
	opacity: .9;
	}
	
span.learn-more {
	background: url(images/btn-more.png) no-repeat;
	display: block;
	height: 39px;
	overflow: hidden;
	position: relative;
	top: -100px;
	left: 670px;
	text-indent: -9999px;
	width: 164px;
	}
	
span.learn-more:hover {
	background: url(images/btn-more-over.png) no-repeat;
	}
	
ul.page-ul {
	font-size: 14px;
	list-style: disc inside;
	}
ul.page-ul li {
	margin-bottom: 3px;
	}

/*=====================
  5. FORM ELEMENTS
=====================*/

input.button {
	background: rgb(50,50,50);
	color: rgb(255,255,255);
	font-size: 12px;
	font-weight: bold;
	padding: 3px 4px;
	border: solid 1px rgb(0,0,0);
	margin: 3px;
	}
	
legend {
	font-weight: bold;
	padding-right: 5px;
	}
	
input {
	border: solid 1px rgb(200,200,200);
	}
	
label {
	font-size: 12px;
	}
	
textarea {
	border: solid 1px rgb(200,200,200);
	}

/*=====================
  6. SPECIAL STYLES
=====================*/

img.page-img {
	margin: 20px 0;
	}
	
img.small-img {
	margin: 60px 80px 60px 0;
	}

/*=====================
  7. MISC FIXES & SUCH
=====================*/


#slidenav { 
background: url(images/slide-nav-bg.png) no-repeat;
margin: 5px 0;
text-align: left;	 
position:absolute;
bottom: 35px;
right: 10px;
width: 52px;
height: 21px;
z-index:10;
}
#slidenav a, #slidenavcyle strong { 
margin: 0 2px; 
padding: 3px; 
text-decoration: none; 
color: rgb(255,255,255);
font: normal 11px/1.2em	"Lucida Grande","Lucida sans", Arial, Helvetica, sans-serif;
}

#slidenav li {
float: left; 
background: transparent; 
text-decoration: none; 
}
#slidenav a.activeSlide { 
color: rgb(255,103,0);
}
#slidenav a:focus {
	outline: none; 
}