@charset "utf-8";



/* Global Stylesheet */

/* Developed by InMotion */





/* --------------------------------------- */

/* --( Style Sheet Import )-- */

/* --------------------------------------- */



@import url(nav.css);



/* --------------------------------------- */

/* --( Global Styles )-- */

/* --------------------------------------- */



html {

	font: 62.5%/1.25 arial, helvetica, sans-serif;

}

a {

	outline: none;

}

body {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	background-color: #0A6D27;
	background-image: url(../_img/body_bg1.png);
	background-repeat: repeat-x;
	background-position: left top;

}

p {

	margin: 8px 0; 

}



/* --------------------------------------- */

/* --( Global Classes )-- */

/* --------------------------------------- */



	/* self clearing rules */

	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	.selfclear { display: inline-block; _height: 1%; }

	/* Hides from IE-mac \*/

	.selfclear { display: block; }

	/* End hide from IE-mac */

	

	.nodisp {

		margin: 0;

		width: 0;

		height: 0;

		display: block;

		overflow: hidden;

	}

	

/* --------------------------------------- */

/* --( Main Container )-- */

/* --------------------------------------- */



	#wrap {

		background: url(../_img/page_bg.gif) repeat-y top center;

		width: 911px;

		margin: 0 auto;

	}

	#main_container {
	width: 911px;
	margin: 0 auto;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	background-image: url(../_img/content_bgnew.png);
	background-repeat: no-repeat;
	background-position: top;

	}

	

/* --------------------------------------- */

/* --( Header )-- */

/* --------------------------------------- */



	/* --( Logo )-- */

		#header h1 {

			margin: 0;

			padding: 2px 0 0 22px;

			float: left;

		}

		#header h1 a {
	display: block;
	text-indent: -3000px;
	background-image: url(../_img/head_logo1.png);
	background-repeat: no-repeat;
	height: 195px;
	width: 195px;

		}

		

	/* --( Phone Number )-- */

		#header p {
	display: block;
	padding: 3px 17px 0 0;
	margin: 0;
	float: right;
	color: #FFF;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	line-height: 1.35em;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 36px;

		}

		* html #header p { font-size: 22px; }

		#header p strong {

			letter-spacing: normal;

		}

		#header p span {
	font-size: 20px;
	line-height: 1em;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	font-family: Arial, Helvetica, sans-serif;

		}

		* html #header p span { font-size: 15px; }

		

	/* --( Main Navigation )-- */

		#header ul,

		#header ul li {

			margin: 0;

			padding: 0;

		}

		#header ul {
	display: block;
	float: right;
	clear: right;
	padding: 0 19px 0 0;
	margin-top: 80px; /* Fixes an IE bug */
	width: 530px;

		}

		#header ul li {

			list-style: none;

			display: inline;

		}

		#header ul li a {

			display: block;

			float: left;

			width: 103px;

			text-align: center;

			padding: 13px 0 5px;

			color: #101010;

			font: 1.2em Verdana, Arial, Helvetica, sans-serif;

			font-weight: bold;

			background-image: url(../_img/nav_bg.jpg);

			background-repeat: no-repeat;

			text-decoration: none;

		}

		* html #header ul li a { font-size: 14px; }

		#header ul li a:hover {

			background-position: -103px 0px;

		}

		#header ul li.specs a {

			background-image: url(../_img/nav_bg_specs.jpg);

			width: 118px;

		}

		#header ul li.specs a:hover {

			background-position: -118px; 0px;

		}

		

		/* --( Drop Down )-- */

			#header ul li ul {

				background: #FFFFFF;

				border: 1px solid #CCCCCC;

			}

			#header ul li ul li {

				border-bottom: 1px solid #CCCCCC;

			}

			#header ul li.about_us ul {

				width: 100px; /* Define dropdown width */

			}

			#header ul li.about_us ul li a {

				width: 92px; /* Subtract link padding L&R from dropdown width */

			}

			#header ul li ul li a {

				width: auto;

				text-align: left;

				padding: 4px;

				color: #00add8;

				font: 1em Verdana, Arial, Helvetica, sans-serif;

				font-weight: normal;

				background: transparent;

				text-decoration: none;

			}

			#header ul li ul li a:hover {

				background: #998d7a;

				color: #FFF;

			}

			#header ul li:hover ul, /* pure CSS hover is removed below */

			#header ul li.sfHover ul {

				top: 35px;

			}

		

/* --------------------------------------- */

/* --( Content )-- */

/* --------------------------------------- */



	#content {

		width: 620px;

		float: left;

		padding: 15px 0 0 17px;

	}

	#content .img {

		margin: 0;

	}

	#content h2 {

		font: 2.0em "Times New Roman", Times, serif;

		font-weight: bold;

		color: #05912E;

	}

	#content h1 {

		font: 1.6em "Times New Roman", Times, serif;

		font-weight: bold;

		color: #05912E;

	}

	#content p {

		line-height: 1.5em;

	}

	#content .sep {

		display: block;

		height: 21px;

		margin: 10px 0;

		background: url(../_img/para_sep.gif) no-repeat center;

	}

	/* ( ZENN Questionnaire Form Styles ) */

	#zennform .label { font-weight: bold; color: #05912E; }

	#zennform strong { color: #05912E; }

	#zennform .question { padding-top: 16px; }

	#questionnairepics { float: right; width: 248px; }

	#questionnairepics img { margin: 3em 0; } 

/* --------------------------------------- */

/* --( Promos )-- */

/* --------------------------------------- */



	#promo {

		width: 248px;

		float: right;

		background-image: url(../_img/testimonial_bg2.gif);

		background-repeat: no-repeat;

		background-position: 0px 3px;

		min-height: 295px;

		height: auto !important;

		height: 295px;

		padding: 3px 11px 0 0;

	}

	#promo h3 {

		font-faimly: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;

		display: block;

		margin: 0;

		padding: 19px 0;

		text-indent: -3000px;

	}

	#promo h4 {

		font: 1.45em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;

		font-weight: normal;

		text-transform: uppercase;

		color: #333;

		margin: 9px 0 0;

		padding-left: 1em;

	} 

	#promo p {

		padding: 0 17px;

		line-height: 1.5em;

		margin: 0 0 8px;

	}

	#promo p.more {

		text-align: right;

		font-size: .9em;

	}

	#promo p.more a {

		text-decoration: none;

		color: #6C0004;

	}

	#promo p.more a:hover {

		text-decoration: underline;

	}

	#promo ul {

		padding-left: 30px;

		margin: 0;

	}

	#promo ul li {

		margin-bottom: .5em;

	}

	#promo ul li a {

		color: #000;

	}

/* --------------------------------------- */

/* --( Feature )-- */

/* --------------------------------------- */



	#feature {

		width: 248px;

		float: right;

		clear: right;

		padding: 7px 11px 0 0;

		background-image: url(../_img/feat_bg.gif);

		background-repeat: no-repeat;

		background-position: 0px 7px;

		min-height: 157px;

		height: auto !important;

		height: 157px;

	}

	#feature h3 {

		display: block;

		text-align: center;

		font: 1.7em "Lucida Grande", "Lucida Sans Unicode" "Lucida Sans" Verdana, sans-serif;

		color: #670004;

		font-weight: normal;

		margin: 0;

		padding: 8px 0 8px;

	}

	#feature p {

		

		padding: 0 20px;

		line-height: 1.5em;

	}

	#greenangel, #questionnaire {

		float: right;

		clear: right;

		padding-right: 11px;

		margin-bottom: 0;

	}

	#greenangel a {

		text-indent: -3000px;

		background: url(../_img/green-angel_btn.jpg) no-repeat 0px 0px;

		text-decoration: none;

		width: 248px;

		height: 312px;

		display: block;

	}

	#questionnaire a {

		text-indent: -3000px;

		background: url(../_img/questionnaire_btn.gif) no-repeat 0px 0px;

		text-decoration: none;

		width: 248px;

		height: 53px;

		display: block;

	}

	#questionnaire a:hover {

		background-position: 0px -53px;

	}

/* --------------------------------------- */

/* --( Footer )-- */

/* --------------------------------------- */



	#footer {

		clear: both;

		display: block;

		width: 911px;

		background-image: url(../_img/footer_bg.gif);

		background-repeat: no-repeat;

		background-position: 0px 0px;

		padding: 36px 0 0 0;

		margin: 0 auto;

	}

	#footer p {

		text-align: center;

		font-weight: bold;

		color: #6DA67D;

		font-size: .95em;

		margin: 0;

		padding: 8px 0 0;

	}

	#footer p a {

		color: #6DA67D;

		text-transform: uppercase;

		text-decoration: none;

	}

	#footer p a:hover {

		text-decoration: underline;

	}

	#footer p.credit {

		color: #6DA67D;

	}

	#footer p.credit a {

		color: #6DA67D;

		text-decoration: underline;

		text-transform: none;

	}

	

	/* self clearing rules */

#boxContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#boxContainer { display: inline-block; _height: 1%; }

/* Hides from IE-mac \*/

#boxContainer { display: block; }

/* End hide from IE-mac */



.productContainer {

	width: 90%;

	background-color: #F2F2F2;

	color: #000000;

	text-align: left;

	margin: 0 auto;

}



.productContainer .heading {

	background: #68C3B6;

	height: 25px;

}



.productContainer h4 {

	margin: 0;

	font-size: 14px;

	font-weight: bold;

	padding-bottom: 5px;

	text-align:center;

}

.productContainer h5 {

	margin: 1em 0 0 10px;

	text-align: left;

	font-size: 12px;

	color: #000;

}

.productContainer h4 a:link, .productContainer h4 a:visited {

	color: #FFFFFF;

	text-decoration: none;

}



.productContainer p {

	margin: 10px;

}



.productContainer p img {

	float: left;

	margin: 0 10px 0 0;

}



.productContainer .boxContent {

	margin: 0;

	float: left;

	width: 354px;

}



.productContainer p.more a:link, .productContainer p.more a:visited, .productContainer .boxContent a:link, .productContainer .boxContent a:visited {

	display: block;

	margin: 5px;

	text-align: right;

	text-decoration: none;

	color: #5E9189;

}



.productContainer p.more a:hover, .productContainer .boxContent a:hover {

	text-decoration: underline;

}



.productContainer p.more img {

	float: none;

}



.productsTop { 

	background: url(../_img/bcg_box_corner_tr.gif) no-repeat top right;

}



.productsBottom {

	background: url(../_img/bcg_box_corner_br.gif) no-repeat top right;

	clear: left;

}



img.corner {

   width: 4px;

   height: 4px;

   border: none;

   display: block !important;

}