@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}
.oneColFixCtr #container {
	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/bg-body.gif) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: #333;
	font-weight:300;
}

p {
	margin: 10px 0 10px 0;
	color: #333;
	font-size: .8em;
}

ul li {
	margin: 0 0 5px 0;
	color: #333;
	font-size: .8em;
}

ol li {
	margin: 0 0 5px 0;
	color: #333;
	font-size: .8em;
}

.border {
	border-bottom: #00a27a 1px solid;
	padding: 0 12px 0 12px;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

.border-two {
	border-bottom: #00a27a 1px solid;
	padding: 0 12px 0 12px;
	margin: 8px 0 10px 0;
}

a:link {color: #00a27a; text-decoration: underline}
a:visited {color: #00a27a; text-decoration: underline}
a:hover {color: #1b6d59; text-decoration: underline}

.extraPad {
	padding: 10px 0 0 0;
}

#afpr {
	width: 198px;
	height: 46px;
	margin: -60px 0 0 10px;
	padding: 0;
	float: left;
	display: block;
}

#afpr h5 {
	font-size: .9em;
	color: #999999;
}

#afpr img {
	float: left;
	margin: 4px 0 0 0;
	padding: 0 8px 0 0;
}

#top {
	width: 770px;
	height: 26px;
	background: url(../images/bg-top.gif) no-repeat;
	margin: 0 auto;
}

#bottom {
	width: 770px;
	height: 27px;
	background: url(../images/bg-bottom.gif) no-repeat;
	margin: 0 auto;
}

#header {
	width: 726px;
	height: 103px;
	margin: 0 auto;
	background: #FFF;
}

#logo {
	float: left;
	width: 173px;
	height: 73px;
	background:url(../images/bg-logo.gif) no-repeat;
}

#logo h1 {
	text-indent: -100em;
	overflow: hidden;
}

#contact {
	float: left;
	width: 107px;
	height: 34px;
	background: url(../images/bg-contact.gif) no-repeat;
	margin: 0 0 0 435px;
	display: inline;
}

#contact h3 {
	text-indent: -100em;
	overflow: hidden;
}

#greenStripe {
	width: 740px;
	height: 4px;
	background: #00a27a;
	margin: 0 0 0 15px;
	overflow: hidden;
}

#homeMiddle {
	width: 740px;
	height: 215px;
	background: url(../images/bg-home-middle.gif) repeat-x;
	margin: 0 0 0 15px;
}

#homeMiddleContent {
	width: 402px;
	height: 176px;
	float: left;
	margin: 18px 0 0 25px;
	padding: 0;
	display: inline;
	overflow: hidden;
}

#homeMiddleContent h1 {
	color: #FFF;
}

#homeMiddleContent p {
	color: #FFF;
}



#homeMiddleContent a:link {color: #FFF; text-decoration: underline}
#homeMiddleContent a:visited {color: #FFF; text-decoration: underline}
#homeMiddleContent a:hover {color: #00a27a; text-decoration: underline}

#homeMiddleSlideShow {
	width: 245px;
	height: 188px;
	float: left;
	margin: 9px 0 0 30px;
	background: #18406a;
	padding: 5px;
}

#homeBoxCenter {
	width: 726px;
	height: 195px;
	margin: 0 auto;
}

.homeBox {
	width: 218px;
	height: 160px;
	float: left;
	margin: 18px 0 0 18px;
	padding: 0;
	display: inline;
}

.homeBox h5 {
	border-bottom: 2px solid #00a27a;	
}

.homeBox img {
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}

.clrFlt {
	clear: both;
}

.homeBoxReadMore {
	width: 101px;
	height: 20px;
	background: url(../images/bg-more.gif) no-repeat;
	float: right;
	font-size: .6em;
	color: #FFFFFF;
	line-height: 20px;
	text-transform: uppercase;
	padding: 0 0 0 5px;
	margin: -35px 10px 0 0;
}

.homeBoxReadMore a:link {color: #FFF; text-decoration: none}
.homeBoxReadMore a:visited {color: #FFF; text-decoration: none}
.homeBoxReadMore a:hover {color: #FFF; text-decoration: underline}


.picsInside {  
    width: 422px;  
    height: 171px;  
    padding: 0;  
    margin: 0;  
} 

.picsInside img {
	float: left;  
    padding: 0;   
    width:  422px; 
    height: 171px; 
    top:  0; 
    left: 0; 
	border: 0;
} 

.picsInsideRecy img {
	float: left;  
    padding: 0;
	margin: 0 0 10px 0;   
    width:  422px; 
    height: 220px; 
    top:  0; 
    left: 0; 
	border: 0;
} 


.pics {  
    width: 245px;  
    height: 188px;  
    padding: 0;  
    margin: 0;  
} 

.pics p {  
    padding: 0;  
    margin: 0;  
} 
 
.pics img {
	float: left;  
    padding: 0;   
    width:  245px; 
    height: 188px; 
    top:  0; 
    left: 0; 
} 

#insideBody {
	width: 740px;
	background: url(../images/bg-body-inside.gif) repeat-x;
	margin: 0 0 0 15px;
}

#insideBodyContent {
	width: 714px;
	margin: 0 0 0 26px;
	padding: 15px 0 0 0;
}

#insideBodyContentTop {
	background: url(../images/bg-body-inside-content-top.gif) no-repeat;
	margin: 0;
	padding: 0;
	height: 4px;
	
	overflow: hidden;
}

#insideBodyContentBottom {
	background: url(../images/bg-body-inside-content-bottom.gif) no-repeat;
	margin: 0;
	padding: 0;
	height: 4px;
}

#insideBodyContentCopy {
	background: url(../images/bg-body-inside-content.gif) repeat-y;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#insideBodyContent table {
	border-collapse: collapse;
}

.tableLayout {
	
	font-size: .7em;
	width: 400px;
}

.tableLayout tr td {
	padding: 8px 5px 8px 5px;
	border: 1px solid #999;
	margin: 0;
}

#internalNav h4 {
	margin: 0;
	padding: 0;
}

#internalNav {
	width: 188px;
	margin: 0;
	padding: 15px;
	float: left;
	
}

#internalNav h4 {
	border-bottom: 2px solid #00a27a;
	padding: 0 0 10px 0;
	font-size: 1em;
	margin: 0 0 10px 0;
}

#insideBodyContentText {
	width: 431px;
	padding: 0 30px 20px 35px;
	float: left;
	margin: 0;
}

#internalNav a:link {color: #333; text-decoration: none}
#internalNav a:visited {color: #333; text-decoration: none}
#internalNav a:hover {color: #333; text-decoration: underline}

.imgFltRt {
	float: right;
	padding: 0;
	margin: 4px 0 0 5px;
}

.imgFltLft {
	float: left;
	padding: 0;
	margin: 10px 10px 10px 10px;
}


/* ----------------------------------- NAVIGATION -------------------------------- */

	#navigation {
	margin: 0 0 0 22px;
	}

	#navigation ul, #navigation ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#navigation ul{
			display: block;
			width: 726px;
			height: 30px;
			background: transparent;
			position: relative;
		}
		#navigation ul li{
			display: inline;
		}
		
			#navigation ul li a{
				display: block;
				float: left;
				height: 30px;
				background: transparent url(../images/bg-nav.gif) 0 0 no-repeat;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body #navigation ul li a { letter-spacing: normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */
	
				#navigation ul li.nav_home a{
					background: transparent url(../images/bg-nav.gif) 0 0 no-repeat;
					width: 128px;
				}
					#navigation ul li.nav_home a:hover, body.home #navigation ul li.nav_home a{
						background: transparent url(../images/bg-nav.gif) 0 -30px no-repeat;
					}
	
				
				#navigation ul li.nav_products a{
					background: transparent url(../images/bg-nav.gif) -128px 0 no-repeat;
					width: 204px;
				}
					#navigation ul li.nav_products a:hover, body.products #navigation ul li.nav_products a{
						background: transparent url(../images/bg-nav.gif) -128px -30px no-repeat;
					}
					
				#navigation ul li.nav_data a{
					background: transparent url(../images/bg-nav.gif) -332px 0 no-repeat;
					width: 157px;
				}
					#navigation ul li.nav_data a:hover, body.data #navigation ul li.nav_data a{
						background: transparent url(../images/bg-nav.gif) -332px -30px no-repeat;
					}
					
				#navigation ul li.nav_about a{
					background: transparent url(../images/bg-nav.gif) -489px 0 no-repeat;
					width: 111px;
				}
					#navigation ul li.nav_about a:hover, body.about #navigation ul li.nav_about a{
						background: transparent url(../images/bg-nav.gif) -489px -30px no-repeat;
					}
					
				#navigation ul li.nav_contact a{
					background: transparent url(../images/bg-nav.gif) -600px 0 no-repeat;
					width: 126px;
				}
					#navigation ul li.nav_contact a:hover, body.contact #navigation ul li.nav_contact a{
						background: transparent url(../images/bg-nav.gif) -600px -30px no-repeat;
					}
					
	/* --------------------------------  SPIFFY ROUNDED CORNERS -------------------------------- */				

				.spiffy{display:block}
				.spiffy *{
				  display:block;
				  height:1px;
				  overflow:hidden;
				  font-size:.01em;
				  background:#dedede}
				.spiffy1{
				  margin-left:3px;
				  margin-right:3px;
				  padding-left:1px;
				  padding-right:1px;
				  border-left:1px solid #f0f0f0;
				  border-right:1px solid #f0f0f0;
				  background:#e6e6e6}
				.spiffy2{
				  margin-left:1px;
				  margin-right:1px;
				  padding-right:1px;
				  padding-left:1px;
				  border-left:1px solid #fbfbfb;
				  border-right:1px solid #fbfbfb;
				  background:#e4e4e4}
				.spiffy3{
				  margin-left:1px;
				  margin-right:1px;
				  border-left:1px solid #e4e4e4;
				  border-right:1px solid #e4e4e4;}
				.spiffy4{
				  border-left:1px solid #f0f0f0;
				  border-right:1px solid #f0f0f0}
				.spiffy5{
				  border-left:1px solid #e6e6e6;
				  border-right:1px solid #e6e6e6}
				.spiffyfg{
				  background:#dedede;
				  height: 135px;
				  padding: 15px;
				  }