/**
 * @group Reset
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	background: transparent;
	border: 0px;
	font-size: 100%;
	margin: 0px;
	outline: none;
	padding: 0px;
	vertical-align: baseline;
}

body
{
	line-height: 1;
}

ol, ul, li
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * @group Body
 */

html,
body
{
	background-color: #96CEDC;
	color: #000;
	font: 15px/1.5 Arial, Helvetica, sans-serif;
	text-align: center;
}

a
{
	color: #8EC741;
	text-decoration: none;
}
a:hover
{
	border-color: #8EC741;
	border-style: solid;
	border-width: 0px 0px 1px;
}

	/**
	 * @group Container
	 */

	html body #container
	{
		margin: 0px auto;
		text-align: left;
		min-width: 850px;
		max-width: 1000px;
	}

		/**
		 * @groups Header, Navigation, Content, Footer
		 */

		html body #container #header,
		html body #container #navigation,
		html body #container #content,
		html body #container #footer
		{
			background: #FFF;
			clear: both;
			float: left;
			width: 100%;
		}

		/**
		 * @group Header
		 */

		html body #container #header
		{
			background: #060100 url( '../images/layout/header-bg.jpg' ) no-repeat 0px 0px;
			height: 181px;
			overflow: hidden;
			text-indent: -9999px;
		}

		/**
		 * @group Navigation
		 */

		html body #container #navigation
		{
			background: #8EC741;
			height: 36px;
			overflow: hidden;
		}

			html body #container #navigation ul,
				html body #container #navigation ul li,
					html body #container #navigation ul li a
			{
				height: 36px;
				overflow: hidden;
			}

			html body #container #navigation ul
			{
				/**/
			}

				html body #container #navigation ul li
				{
					float: left;
				}

					html body #container #navigation ul li a
					{
						background-image: url( '../images/layout/navigation-bg.png' );
						background-repeat: no-repeat;
						display: block;
						height: 36px;
					}

						html body #container #navigation ul li a span
						{
							display: none;
						}

				/* Home */
				html body #container #navigation ul li#home
				{
					/*width: 120px;*/
					width: 12.5%;
				}

					html body #container #navigation ul li#home a
					{
						background-position: center 0px;
					}
					html body #container #navigation ul li#home a:hover
					{
						background-position: center -80px;
					}
					html body #container #navigation ul li#home a.active
					{
						background-position: center -40px;
					}

				/* About Us */
				html body #container #navigation ul li#about-us
				{
					/*width: 130px;*/
					width: 13.6%;
				}

					html body #container #navigation ul li#about-us a
					{
						background-position: center -120px;
					}
					html body #container #navigation ul li#about-us a:hover
					{
						background-position: center -200px;
					}
					html body #container #navigation ul li#about-us a.active
					{
						background-position: center -160px;
					}

				/* The ALSI Advantage */
				html body #container #navigation ul li#the-alsi-advantage
				{
					/*width: 205px;*/
					width: 21.4%;
				}

					html body #container #navigation ul li#the-alsi-advantage a
					{
						background-position: center -240px;
					}
					html body #container #navigation ul li#the-alsi-advantage a:hover
					{
						background-position: center -320px;
					}
					html body #container #navigation ul li#the-alsi-advantage a.active
					{
						background-position: center -280px;
					}

				/* Products */
				html body #container #navigation ul li#products
				{
					/*width: 130px;*/
					width: 13.6%
				}

					html body #container #navigation ul li#products a
					{
						background-position: center -360px;
					}
					html body #container #navigation ul li#products a:hover
					{
						background-position: center -440px;
					}
					html body #container #navigation ul li#products a.active
					{
						background-position: center -400px;
					}

				/* News */
				html body #container #navigation ul li#news
				{
					/*width: 105px;*/
					width: 10.9%;
				}

					html body #container #navigation ul li#news a
					{
						background-position: center -480px;
					}
					html body #container #navigation ul li#news a:hover
					{
						background-position: center -560px;
					}
					html body #container #navigation ul li#news a.active
					{
						background-position: center -520px;
					}

				/* Distributor */
				html body #container #navigation ul li#distributor
				{
					/*width: 135px;*/
					width: 14.1%;
				}

					html body #container #navigation ul li#distributor a
					{
						background-position: center -600px;
					}
					html body #container #navigation ul li#distributor a:hover
					{
						background-position: center -680px;
					}
					html body #container #navigation ul li#distributor a.active
					{
						background-position: center -640px;
					}

				/* Contact Us */
				html body #container #navigation ul li#contact-us
				{
					/*width: 130px;*/
					width: 13.6%;
				}

					html body #container #navigation ul li#contact-us a
					{
						background-position: center -720px;
					}
					html body #container #navigation ul li#contact-us a:hover
					{
						background-position: center -800px;
					}
					html body #container #navigation ul li#contact-us a.active
					{
						background-position: center -760px;
					}

		/**
		 * @group Content
		 */

		html body #container #content
		{
			padding: 25px 0px 15px;
		}

			/* Content left */

			html body #container #content-left
			{
				float: left;
				text-align: center;
				width: 362px;
			}

				html body #container #content-left-inner
				{
					margin: 0px auto;
					text-align: left;
					width: 312px;
				}

					html body #container #content-left-inner #inset-images
					{
						margin: 0px auto;
						text-align: left;
						width: 312px;
					}

						html body #container #content-left-inner #inset-images li
						{
							margin: 0px auto;
							text-align: left;
						}

						html body #container #content-left-inner #inset-images li.caption
						{
							border: 1px solid #CCC;
							font-size: 11px;
							margin: 0px 0px 5px;
							padding: 2px 5px;
							text-align: justify;
						}

				html body #container #content-left-inner #news
				{
					/**/
				}

					html body #container #content-left-inner #news-inset-title
					{
						background: #00B0DC;
						color: #FFF;
						font-size: 17px;
						padding: 2px 12px;
					}

					html body #container #content-left-inner ul#news-items
					{
						background: #EEE;
						padding: 10px;
					}

						html body #container #content-left-inner ul#news-items li
						{
							background-image: url( '../images/layout/news-item-bg.gif' );
							background-position: bottom left;
							background-repeat: no-repeat;
							margin: 0px 0px 10px;
							padding: 0px 0px 10px;
						}

							html body #container #content-left-inner ul#news-items li .news-item-date
							{
								font-size: 14px;
								font-style: italic;
							}

							html body #container #content-left-inner ul#news-items li .news-item-title
							{
								font-weight: bold;
							}

							html body #container #content-left-inner ul#news-items li .news-item-summary
							{
								font-size: 14px;
							}

							html body #container #content-left-inner ul#news-items li#news-more
							{
								background: none;
								font-weight: bold;
								margin: 0px;
								padding: 0px;
							}

			/* Content main */
			html body #container #content-main
			{
				margin: 0px 24px 0px 362px;
			}

				html body #container #content-main #breadcrumbs
				{
					font-size: 11px;
					margin: 0px 0px 5px;
				}

					html body #container #content-main #breadcrumbs a
					{
						font-weight: bold;
					}

				html body #container #content-main h2
				{
					font-size: 19px;
					margin: 0px 0px 5px;
				}

				html body #container #content-main h3
				{
					font-size: 17px;
					margin: 20px 0px 5px;
				}

				html body #container #content-main h4
				{
					font-size: 15px;
					margin: 15px 0px 5px;
				}

				html body #container #content-main h5
				{
					font-size: 13px;
					margin: 10px 0px 5px;
				}

				html body #container #content-main h6
				{
					font-size: 12px;
					margin: 10px 0px 5px;
				}

					html body #container #content-main h1 em,
					html body #container #content-main h2 em,
					html body #container #content-main h3 em,
					html body #container #content-main h4 em,
					html body #container #content-main h5 em,
					html body #container #content-main h6 em
					{
						color: #8EC741;
						font-style: normal;
					}

					html body #container #content-main h1 a,
					html body #container #content-main h2 a,
					html body #container #content-main h3 a,
					html body #container #content-main h4 a,
					html body #container #content-main h5 a,
					html body #container #content-main h6 a
					{
						color: #00B0DC;
						border-color: #00B0DC;
					}

				/* Graphic titles */
				html body #container #content-main h2.graphic
				{
					background-position: 0 0;
					background-repeat: no-repeat;
					height: 30px;
					overflow: hidden;
					text-indent: -9999px;
				}

				/* Home title */
				html body #container #content-main h2#home-title
				{
					background-image: url( '../images/layout/home-title-bg.gif' );
				}

				/* About Us title */
				html body #container #content-main h2#about-us-title
				{
					background-image: url( '../images/layout/about-us-title-bg.gif' );
				}

				/* The ALSI Advantage title */
				html body #container #content-main h2#the-alsi-advantage-title
				{
					background-image: url( '../images/layout/the-alsi-advantage-title-bg.gif' );
				}

				/* Products title */
				html body #container #content-main h2#products-title
				{
					background-image: url( '../images/layout/products-title-bg.gif' );
				}

				/* News title */
				html body #container #content-main h2#news-title
				{
					background-image: url( '../images/layout/news-title-bg.gif' );
				}

				/* Distributor title */
				html body #container #content-main h2#distributor-title
				{
					background-image: url( '../images/layout/distributor-title-bg.gif' );
				}

				/* Contact Us title */
				html body #container #content-main h2#contact-us-title
				{
					background-image: url( '../images/layout/contact-us-title-bg.gif' );
				}

				html body #container #content-main .content-text
				{
					/**/
				}

					html body #container #content-main .content-text p
					{
						margin: 0px 0px 1em;
					}

				html body #container #content-main ul#home-gallery
				{
					float: left;
					margin: 120px 0px 0px;
				}

					html body #container #content-main ul#home-gallery li
					{
						float: left;
						font-weight: bold;
						text-align: center;
					}

						html body #container #content-main ul#home-gallery li a
						{
							border: none;
							display: block;
							padding: 0px 7px;
						}
						html body #container #content-main ul#home-gallery li a:hover
						{
							background-color: #8EC741;
							color: #FFF;
						}

							html body #container #content-main ul#home-gallery li a img
							{
								margin: 5px 0px 0px;
								opacity: .85;
								filter: alpha(opacity=85);
								-ms-filter: "alpha(opacity=85)";
								-khtml-opacity: .85;
								-moz-opacity: .85;
							}

							html body #container #content-main ul#home-gallery li a:hover img
							{
								opacity: 1.0;
								filter: alpha(opacity=100);
								-ms-filter: "alpha(opacity=100)";
								-khtml-opacity: 1.0;
								-moz-opacity: 1.0;
							}

		/**
		 * @group Footer
		 */

		html body #container #footer
		{
			color: #777;
			font-size: 11px;
			padding: 10px 0px 20px;
		}

			html body #container #footer-copyright
			{
				color: #777;
				float: left;
				font-size: 12px;
				margin: 0px 0px 0px 30px;
			}

			html body #container #footer-links
			{
				color: #777;
				float: right;
				font-size: 12px;
				margin: 0px 30px 0px 0px;
			}

				html body #container #footer-links ul
				{
					/**/
				}

					html body #container #footer-links ul li
					{
						border-right: 1px solid #BBB;
						float: left;
						padding: 0px 10px;
					}
					html body #container #footer-links ul li.first
					{
						border-width: 0px 1px 0px 0px;
						padding: 0px 10px 0px 0px;
					}
					html body #container #footer-links ul li.last
					{
						border-width: 0px;
						padding: 0px 0px 0px 10px;
					}

						html body #container #footer-links ul li a,
						html body #container #footer-links ul li a:hover
						{
							color: #777;
							border-color: #777;
						}

/**
 * @group Products
 */

.inset-product-data
{
	float: right;
	width: 275px;
	margin: 0px 0px 10px 15px;
}

	.inset-product-data p
	{
		/**/
	}

		.inset-product-data p a
		{
			border-color: #00B0DC;
			color: #00B0DC;
			font-weight: bold;
		}

html body #container #content-main h3.product-back
{
	margin-top: 0px;
}

html body #container #content-main h2.product-title
{
	font-size: 30px;
	margin: 20px 0px;
	color: #8EC741;
}

a.product-file-link
{
	color: #00B0DC;
	font-weight: bold;
}
a.product-file-link:hover
{
	border-color: #00B0DC;
}

/**
 * @group Form
 */

form
{
	float: left;
}

	form .form-field
	{
		clear: both;
		float: left;
	}

		form .form-field label
		{
			float: left;
			text-align: right;
			width: 100px;
		}

		form .form-field input,
		form .form-field textarea,
		form .form-field select
		{
			margin: 0px 0px 10px 10px
		}

/**
 * @group News
 */

.news-date
{
	color: #AAA;
	font: italic 13px Times New Roman, Georgia, serif;
	margin: 0px 0px 10px;
}

.news-more
{
	font: italic 13px Times New Roman, Georgia, serif;
	margin: 10px 0px 0px;
}

.news-hr
{
	border-top: 1px solid #CCC;
	margin: 10px 0px;
}

	.news-hr hr
	{
		display: none;
	}

/**
 * @group Miscelaneous
 */

.success
{
	color: #050;
	font: bold 12px/1.4 Tahoma, Verdans, sans-serif;
}

.error
{
	color: #F00;
	font: bold 12px/1.4 Tahoma, Verdans, sans-serif;
}

.floatR
{
	float: right;
}

.inset-left,
.inset-right
{
	background: #EEE;
	border: 1px solid #CCC;
	font: 11px Tahoma, Verdana, sans-serif; 
	padding: 5px;
}

.inset-left img,
.inset-right img
{
	display: block;
	margin: 0px 0px 5px 0px;
}

.inset-left
{
	float: left;
	margin: 12px 15px 12px 0px;
	padding: 5px;
}

.inset-right
{
	float: right;
	margin: 12px 0px 12px 15px;
}

ul.list
{
	margin: 20px 30px;
}

ul.list,
	ul.list li
{
	list-style: disc;
}