@charset "utf-8";
/* CSS Document */
html {
	
}
body {
	background-position: 0 0;
	background:url(../../images/bg_gradient.png) repeat-x;
	/*background: #0c6400 url(../../images/bg-glow.jpg) no-repeat scroll center top;*/
	padding:0;
	margin:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 1.8em;	
	color:#000000;
	}

#myGallery
{
/*width: 600px !important;
height: 200px !important;*/
} 


	
p {
	font-size:1.0em;
	font-weight:normal;
	line-height:1.6em;
	margin:0 0 10px;
}	
h1 {
	font-size:2.5em;
	/*color:#fff200;*/
	line-height: 1em;
	padding-bottom: 10px;
	margin-top:0;
}
h2 {
	font-size:1.5em;
	margin:0;
	padding-bottom: 5px;
}
h3 {
	margin:0;
	padding-bottom: 10px;
}
img {
	border:none;}/*removes border around NZ */
	
.centeredImage
    {
    text-align:center;
    display:block;
	/*width: 191px;
	height:108px;*/
	margin-left:auto;
	margin-right:auto;
    }

.centeredDiv {
	float:none !important;
	margin-left:auto; 
	margin-right:auto;
}
	
#container {
	margin:auto;
	/*padding:25px 0 0 0;*/
	margin-top:15px;
	padding:0 0 0 0;
	height:100%;
	border: 1px solid #7E7E7E;
	width: 900px;
	background-color: #F3EEEE;
	/*height: 1050px;*/
	
	/*green background */
	/*background-position: 0 0;
	background: #0c6400 url(../../images/bg-glow.jpg) no-repeat scroll center top;*/
	}

#header {
	/*position: relative;*/
	/*left: 37px;*/
	
	/*width: 725px;*/
	width: 900px;
	margin-top: 0;
	float:left;
	/*height: 150px;*/
	/*height: 230px;
	overflow:hidden;
	margin-top: 0;
	padding-top: 5px;	*/
	}
#header_logo {
	float:left;
	width: 890px; /* 890 + padding-left of 10px = 900px */
	height:230px;
	padding-top: 15px;
	padding-left:10px;
	background-image:url(../../images/oneCompany1.jpg);
	margin-top: 0;
	
}
#header_image {
	float:right;
	margin: 0 0;
	margin-top: 0;
}
#header span {
	/*position: absolute;*/  /*from header*/
	background-repeat:no-repeat;
	left:0;
	top:0;
	width:100%;
	height:100%;
	float:left;  
	}
#headerLoginMsg {
	float:right;
	width: 160px;
	font-size:80%;
	color:#006600;
}


/* mainNav
=======================*/

/* NAVIGATION SECTION */

#nav-spacer {
	float:left;
	height: 35px;
	/*make full width solution - from http://www.tutorialized.com/view/tutorial/A-Full-Width-Centered-Navigation-Bar/55226  */
	/*float: left;	*/
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	
	background-image:url(../../images/mainNavBg2.gif);
	background-repeat:repeat-x;
	background-color: #3b9c54;		
}

#navigation {
	
	
	float:left;
	font-size: 1.3em;
	color: #ffffff;
	
	
	
	/*make full width solution - from http://www.tutorialized.com/view/tutorial/A-Full-Width-Centered-Navigation-Bar/55226  */
	/*float: left;	*/
	/*width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	position:absolute; top: 260px; left: 0;
	
	background-image:url(../../images/mainNavBg2.gif);
	background-repeat:repeat-x;
	background-color: #3b9c54;	*/
	
	
}

#navigation ul {

	
	/*make full width solution */
	/*width: 900px;
	list-style:none;
	margin: 0 auto;
	padding: 0; */
	

	margin-top: 0;  /*no space between */
	float: left;	/*header & nav */
	margin-left:auto;
	margin-bottom: 0px;
	
	
	padding:0px;
	width: 900px;
	display: inline;
	list-style:none;
	background-image:url(../../images/mainNavBg2.gif);
	background-repeat:repeat-x;
	background-color: #3b9c54;	

}

#navigation ul li {
	float:left;
	}

#navigation ul a {
	float: left;
	line-height: 28px;
	color: #fff200;
	text-decoration: none;
	padding: 0 1.4em;
	text-align:center;
	background:  url(../../images/mainNavBorder.gif) repeat-y left top;
	/*background:#3b9c54;*/
	display: block;
	}
#navigation ul a {}

#navigation ul a:link, #navigation ul a:visited {
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#fff200;
	
}
/*highlight current page*/
#body_hom #nav_hom a, #body_dry #nav_dry a, #body_nav #nav_nav a, #body_aug #nav_aug a, #body_bin #nav_bin a, #body_job #nav_job a, #body_reg #nav_reg a, #body_abo #nav_abo a, #body_con #nav_con a, #body_sit #nav_sit a {
	font-weight: bold;
	color: #ffffff;
	} 

#navigation ul a:hover {
	font-weight:bold;
	background-color:#4ea565;
	
	}
	
#navigation ul .first a {
  background: none; /*take away the division line on first button */
  padding-left: 6.3em;
}

/* 2nd Level Nav
=======================*/
#nav2ndLevel {
	width: 900px;
	float:left;
}
#nav2ndLevel ul {
	margin: 15px 0;
	padding: 0;
	
	list-style-type: none;
	text-align: center;
}
	
#nav2ndLevel li a, #nav2ndLevel ul li {
	display:inline;
}
#nav2ndLevel ul li a {
	padding: 0 1em;
	color: blue;
	
}
#nav2ndLevel ul li a:hover {
	background-color:#3300CC;
	color:#CC0000;}
	
 /*3rd Level Nav footer
 =================*/
 
/*-----------------------------------------------------*/
/* lower nav courtesy of http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */
/*# {
   float:left;
   width:100%;
   background:#fff;
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
}*/
#navlower_bar ul {
   
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#navlower_bar ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#navlower_bar ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   
   line-height:1.3em;
   font-size: 1em;
   
   /* enable the following to create a nice block layout */
   background:#dddddd;
   /*color:#000;*/
   text-decoration:none;
}
#navlower_bar ul li a:hover {
   background:#369;
   color:#fff;
}
#navlower_bar ul li a.active,
#navlower_bar ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

 
#nav {
      width: 100%;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc; }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; }
   #nav li a:hover {
      color: #c00;
      background-color: #fff; }
   /* End navigation bar styling. */
   




/*highlight current page*/
#body_dry #nav2_dry a {
	font-weight: bold;
} 

#top_wrapper {	
	color: #000000;
	float:left;
	width:900px;
	border: 1px solid #7E7E7E;
	/*background-image:url(../../images/over35years.jpg);
	background-position:right top;
	background-repeat:repeat-x;*/
		
	background-color:#F3EEEE;
	
}
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#content {
	/*margin-left: 37px;*/
	float:left;
	margin-left: 15px;
	margin-right: 20px;
	margin-bottom:10px;
	margin-top: 10px;
	/*background-color:#ffffff;*/
	
	/*margin-top: 10px;*/
	
	}
/* Home page  */

#content_intro {
	width:510px;
	/*height:360px;*/
	/*border:#000000 1px solid;*/
	float:left;
	padding: 0 15px 0 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#content_intro p {
	margin-top:1px;
}

#left_panel {
	/*Light green background panel*/
	/*background-color:#9acca7;*/
	width:280px;
	height:360px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	/*border: #3300CC 1px solid;*/
	
}

#slideshow3 {
	width: 410px;
	margin-left:auto;
	margin-right:auto;
}
.pics {
	vertical-align:middle;
	horizontal-align: middle;
	
}
#map p {
	font-size:11px;
	margin-top:1px;
	text-align:center;
}
#map {
	position: relative;
	width:188px;
	height: 300px;
	float: right;
	border:none;   /* !!! */
	margin-left:5px;
	padding: 0;
	/*margin-top: -20px;*/
}
#map h1, #map h2 {
	text-align:center;
	padding:0;
	margin-bottom:0;
}
#map img {
	position: absolute;
	top:85px;
	right: 18px;
	margin-top: 10px;
	margin-left: 20px;
}
#bottom_wrapper {
	float:left;
	clear:both;
	border:top:none;
	border: 1px solid #7E7E7E;
	background-color:#F3EEEE;
	/*border:#000000 1px solid;*/
	margin-top:auto;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*color:#666666;*/
	font-size:1em;	
	width: 900px;
}

.section {
	min-height:390px;
}
.mosaic-image {
	/*adopted from Chiefind under #shadow-image-inner */
	/*background:transparent url(/assets/templates/site/images/bg-shadow.png) repeat scroll 0 0;*/
	float:right;
	overflow:hidden;
	padding:4px;
	width:458px;
	height: 378px;
	margin-left: 10px;
}
.section-image {
	/*adopted from Chiefind under #shadow-image-inner */
	/*background:transparent url(/assets/templates/site/images/bg-shadow.png) repeat scroll 0 0;*/
	float:right;
	overflow:hidden;
	padding:4px;
	width:308px;
	height: 308px;
	margin-left: 10px;
	margin-top: 20px;
}

/*product display boxes*/
#left_product, #middle_product, #right_product {
	margin-top: 5px;
	width: 425px;
	float: left;
	border: 1px solid #257a3a;
	background-image:url(../../images/grey.jpg);
	background-repeat:repeat-y;
	background-repeat:repeat;
}

#left_product {
	margin-left: 20px;
	margin-right: 9.5px;
}
#left_product img {
	border:none;
}
#left_product p, #left_product h2 {
	padding-left: 8px;
	padding-right: 5px;
}

#right_product {
	
}
#right_product img {
	border:none;
}
#right_product p, #right_product h2 {
	padding-left: 8px;
	padding-right: 5px;
}

#middle_product {
	margin-left: 10px;
	/*margin-right: 9.5px;*/
	width: 850px;
}
#middle_product img {
	border:none;
}
#middle_product p, #middle_product h2 {
	text-align: center; 
	padding-left: 8px;
	padding-right: 5px;
}
/*end product display boxes*/

#left_infobox, #middle_infobox, #right_infobox {
	margin-top: 5px;
	width: 221px;
	float: left;
	border: 1px solid #257a3a
}

#left_infobox {
	margin-left: 20px;
	margin-right: 79.5px;
}
#left_infobox img {
	border:none;
}
#left_infobox p, #left_infobox h2 {
	padding-left: 8px;
	padding-right: 5px;
}
/*----------*/
#middle_infobox {
	margin-right: 89.5px;
}
#middle_infobox img {
	border:none;
}
#middle_infobox p, #middle_infobox h2 {
	padding-left: 8px;
	padding-right: 5px;
}
/*----------*/
#right_infobox {
	
}
#right_infobox img {
	border:none;
}
#right_infobox p, #right_infobox h2 {
	padding-left: 8px;
	padding-right: 5px;
}

/*TABLES*/

.spec_table_heading {
	text-align:center; 
	margin-top:20px; 
	margin-bottom:5px;
}



/* Jobs page  */

#joblist {
	float:left;
	width: 725px;
	border:1px #000000 solid;
	margin: 0px 38px 15px 37px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}
/*  REGISTRATION & CONTACT FORM */

#contact_intro, #register_intro {
	font-size:14px;
	float:left;
	width:325px;
	/*height:360px;*/
	/*border:#000000 1px solid;*/
	padding: 0 15px 0 15px;
	margin-bottom: 20px;
}


#contact_form, #registration_form {
	float:right;
	width: 450px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0 15px 0 15px;
	margin-bottom: 20px;
	/*margin-top: -100px;*/
}
fieldset {
	/*background-color: #e9e4e4;*/
	height:100%;
	width:430px;
	
}
fieldset p {
	clear: both;
	padding:10px 0;
	margin:0;
} /* paragraphs within the fieldsets */
label {
	float:left;
	text-align:right;
	width:120px;
} /*align the labels */
.title {
	color: #5249b3;
	font-weight:bold;
	font-size:12px;
}
.element {
	float:right;
	text-align: left;
	width:300px;
} /*align the text boxes*/
.nofloat {
	float:none;
}
fieldset span span {
	color:#ff0000;
}
/* Sitemap formatting */

.sitemap {
	margin: 0px;
	margin-top: 2em;
	margin-bottom: 0.6em;
	padding: 0px;
	list-style-type: none;
}
.sitemap li ul li {
	margin: 0px;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0px;
	border-bottom-style:none;
	list-style-type: none;
}

#footer {
	background-color: #f3eeee;
	align: center;
	/*background-color: #415F45; //dark green */
	text-align: center;  
	clear: both;
	height: 100%;
	border-bottom: 1px solid #257a3a;
	border-left: 1px solid #257a3a;
	border-right: 1px solid #257a3a;
	border-top: none;
	width: 900px;	
	padding: 0 0 0px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block; 
	/*border: 1px solid #257a3a;*/
	/*float:left;*/ /*this will cause the #container to not contain the sub div's!! */
	
	
}
#footer .alignleft {
	float: left;
}
#footer .alignright {
	float: right;
}
#footer .aligncenter {
	float: center;
}
.clearboth {
	clear:both;
}