@charset "utf-8";
/* --------------neutralize browser styles----------------- */
body, html {
	margin:0;
	padding:0;
	}
	
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0px;
  padding:0px;
  border:0px;
}
input,select{
  margin:0;
  padding:0;
}


#ie-message {
background:#db2e2e;
border:1px solid #333;
color: #fff;
padding:25px;
text-align: center;
line-height: 1em;
font-size: 1.3em;
font-weight:bold;
margin-bottom:10px;
}
 
#ie-message a {
color:#fff;
text-decoration:underline;
}
/* ---------------------POP UP------------------------ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding: 5px;
	left: 200px;
	border: 2px dashed;
	visibility: hidden;
	color: #679146;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	bottom: -90px;
	left: 25px; /*position where enlarged image should offset horizontally */
}



	
/* ---------------------PRODUCTS------------------------ */	
#productRow {
	width : 760px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#productRow p {
	text-align:center;
	padding-top: 7px;
	padding-left: 20px;
}


#productsCol1 {
	display:inline;
	border:0px solid #ffffff;
	width:240px;
	float:left;
	left: 50px;
	position: relative;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
}

#productsCol2 {
	display:inline;
	border:0px solid #ffffff;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	width:240px;
	float:left;
	left: 52px;
	position: relative;
}

#productsCol3 {
	display:inline;
	border:0px solid #ffffff;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	width:240px;
	float:right;
	left: 50px;
	position: relative;
}

#productRow a {
	color: #679146;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: none;
}

#productRow a:hover {
	color: #bdd107;	
}
	
	
/* ---------------------PRODUCT 2------------------------ */


#product2Left {
	float : left;
	width : 240px;
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#product2Right {
	margin-left: 285px;
	margin-right: 50px;
	margin-top: 20px;
}


#product2Divider {
	padding-left: 45px;
	padding-right: 25px;	
}

#product2Right img {
	float: left;
	padding-bottom: 10px;
	
}



#product2Right a {
	color: #679146;
	font-size: 1.4em;
	font-weight: normal;
	padding-left: 3px;
	text-decoration: none;
	
	
}

#product2Right a:hover {
	color: #bdd107;	
}

#product2Right .baseline {
	position : relative;
	font-size : 95%;
	top : .1em;
	padding-right: 5px;
}

#product2Right p {	
	padding-top: 5px;
	
}


/* ---------------------CLASSES------------------------ */
#classes {
	width : 810px;
	padding-top: 10px;

}

#classLeft {
	float : left;
	width : 185px;
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#classRight {
	margin-left: 250px;
	margin-top: 5px;
}


#classDivider {
	padding-left: 45px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#classes img {
	float: left;
	border: 2px solid #bdd107;
	margin-bottom: 20px;
}


#classes h3 {
	padding-bottom: 15px;	
}


/* ---------------------EVENTS------------------------ */

#events {
	width : 760px;
	padding-top: 10px;
}

#eventsLeft {
	float : left;
	width : 185px;
	padding-left: 105px;
}

#eventsRight {
	margin-left: 310px;
	
}


#events e5 {
	color: #9dae00;
}

#events h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #679146;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 15px;
}

#events h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #333300;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.5em;
}



#events img {
	margin-bottom: 10px;
}

/* ---------------------FEATURED PROJECT------------------------ */
#project {
	margin-left:15px;
	padding:10px 0 20px;
	position: relative;
 }


#projectLeft {
	float : left;
	border: 2px solid #bdd107;
	margin-left:30px;
	margin-top:5px;
}


#projectRight {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 15px;
	float : right;
	width : 50%;
}

#project h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #9dae00;
	font-size: 2.5em;
	line-height: 1.2em;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 10px;
}

#project e5 {
	font-weight: bold;
	font-size: 1.5em;
	color: #679146;
}

#project a {
	color: #679146;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

#project a:hover {
	color: #bdd107;	
}

.baseline {
	position : relative;
	font-size : 92%;
	top : -0.25em;
	padding-right: 5px;
}


#project p {
	padding-top: 10px;
}

/* ---------------------DIRECTIONS------------------------ */

#directions {
	width: 770px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 45px;
	padding-top: 10px;
}


#map {
	background-color: #bdd107;
	height: 670px;
	width: 770px;
	padding: 0px;
	margin-bottom: 15px;
	padding: 2px;
	
}	

#directions a {
	font-family: Helvetica, Arial, sans-serif;
	color: #679146;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

#directions a:hover {
	color: #bdd107;

}

#directions img {
}

	
/* ---------------------Homepage------------------------ */
#homepage {
	margin-left:15px;
	padding:10px 0 20px;
 }
 
#homepage .baseline {
	position : relative;
	font-size : 92%;
	top : -0.3em;
	padding-right: 5px;
}

 
 #homepage e4 {
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	color: 333300;
	line-height: 1.3em;
}

#homepage e5 {
	position : relative;
	font-size : 90%;
	padding-right: 5px;
}
 
 #homepage e6 {
	font-size: 1.6em;
	text-align: left;
	font-weight: lighter;
	color: #9dae00;
	line-height: 1.3em;
}

#homepage a {
	color: #679146;
	font-size: 1.4em;
	font-weight: normal;
	padding-left: 3px;
	text-decoration: none;
}

#homepage a:hover {
	color: #bdd107;	
}

#homepage p {
	padding-top: 35px;
	padding-bottom: 13px;
	font-size: 1em;
	line-height: 1.5em;
}

#homepageCol1 {
	display:inline;
	border:0px solid #ffffff;
	width:178px;
	float:left;
	position: relative;
	padding-top: 7px;
	padding-bottom: 15px;
	margin-left: 51px;
	text-align: right;
}

#homepageCol1 img {
	padding-top: 10px;
	padding-right: 10px;
}

#homepageCol1 p {
	padding-bottom: 23px;
	line-height: 1.8em;
}



#homepageCol2 {
	display:inline;
	padding-top: 7px;
	padding-bottom: 15px;
	width:178px;
	float:left;
	position: relative;
}

#homepageCol2 img {
	padding-top: 18px;
	padding-bottom: 20px;
}

#homepageCol2 p {
	padding-left: 45px;
	padding-top: 13px;
}

#homepageCol3 {
	display:inline;
	padding-top: 65px;
	padding-bottom: 15px;
	padding-left: 80px;
	width:25px;
	float:left;
	position: relative;
}

#homepageCol3 img {
	padding-bottom: 70px;
}


#homepageCol4 {
	display:inline;
	padding-top: 35px;
	padding-right: 10px;
	width:265px;
	float:right;
	position: relative;
}

#homepageCol4 p {
	padding-top: 28px;
	padding-bottom: 40px;
	line-height: 1.3em;
	font-size: 1em;
}

#homepageCol4 img {
	padding-top: 3px;
	padding-right: 3px;
}

#homepageCol4 a {
	font-size: 1.3em;
	line-height: 1.2em;
}



/* --------------------Global Layout---------------- */

#PgContainer {
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 860px;
	padding: 0;
}

#mainContentWrap {
	padding: 0;
}
#mainContent1 {
	background-image:url(images/nav_bottom_1col.png);
	width: 860px;
	color: 679146;
	padding: 0px;
	margin-left: 0px;
	float: left;
	display: inline;
}

#mainContent2 {
	background-image:url(images/hp_middle_bg.gif);
	width: 860px;
	color: 679146;
	padding: 0px;
	margin-left: 0px;
	float: left;
	display: inline;
	background-repeat: no-repeat;
}

#mainContent3 {
	background-image:url(images/nav_bottom_1col_blog.gif);
	width: 860px;
	color: 679146;
	padding: 0px;
	margin-left: 0px;
	float: left;
	display: inline;
}

#header {
	background-image: url(images/hdr.png);
	height: 155px;
	width: 860px;
	background-repeat: no-repeat;
	border: 0px none #000;
	padding: 0;
}

#pageTitle {
	text-align: center;
	line-height: 2em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	color: #679146;
	font-weight: bold;
	padding-bottom: 15px;
}

#pageTitle img {
	position: relative;
	top: 1em;
}

 #footer {
	background-image: url(images/ftr2.png);
	font-family: Helvetica, Arial, sans-serif;
	width: 860px;
	height: 132px;
	background-repeat: no-repeat;
	border: 0px none #000;
	clear: both;
	padding: 0;
}
#footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Helvetica, Arial, sans-serif;
	color: #679146;
	text-align: center;
	line-height: 0.4em;
	font-size: 1em;
	padding-top: 0.2em;
	padding-bottom: 0em;
	font-weight: 100;
	letter-spacing: 0.1em;
}
#footer H1 {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	text-align: center;
	padding-top: 1.8em;
	padding-bottom: 0.2em;
	line-height: 0.4;
	letter-spacing: 0.1em;
	font-weight: 900;
	color: #679146;
}
#footer H2 {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	line-height: 0.4;
	font-weight: 100;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	padding: 0em;
	color: #679146;
}
#footer a {
	color: #498819;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}
#footer a:hover {
	color: #bdd107;
	text-decoration: none;
}	

/* --------------------Global Styles-------------------- */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	background-image: url(images/pgBG.png);
	line-height: 100%;
	padding-left: 30px;
}


img {
	border:none;
	padding: 0px;
}



p {
	font-family: Helvetica, Arial, sans-serif;
	color: 333300;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: 1.2em;
	padding-right: 30px;
}

a {
	font-family: Helvetica, Arial, sans-serif;
	color: #679146;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
strong {
	font-weight: bold;
}

a:hover {
	color: #bdd107;	
}


h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #9dae00;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: normal;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #333300;
	font-size: 1.1em;
	line-height: 1.5em;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	color: #679146;
	font-size: 1.1em;
	line-height: 1.4em;	
}


.clear, br {
    clear:both;
}

/* -------------------main navigation menu -----------------------*/
#nav {
	/*background-color:#5cb4ba;*/
    height:29px;
	width: 860px;
	display:block;
	background-image:url(images/nav_bg2.png);
	background-repeat:no-repeat;
	padding-left: 47px;
}


#nav ul {
	list-style-type: none;
}



#nav li {
	float:left;
    display:block;
    text-align:center;
    font-size:14px;
    font-weight:bold;
}



#nav #home {}
#nav #products { }
#nav #classes {}
#nav #project {}
#nav #events {}
#nav #directions {}
#nav #blog {}

#nav img { float:left; }
#nav a:hover img { visibility:hidden; }
#nav a { display:block; float:left; text-decoration:none; }
* html a:hover { visibility:visible; }

#nav a.selected img { visibility:hidden; }





#nav ul li a {
	text-decoration: none;
	color: 679146;
	line-height: 100%;
	font-weight: bold;
	display:inline;
	overflow:visible;
}