* {
	margin: 0;
	}

html, body {
	height: 100%;
	}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #002C6a; 
	font-family: "trebuchet ms", arial, verdana, sans-serif; 
	font-size: 62.5%; 
	text-align: center;
	background-color: #ffffff;
	}

a {
	text-decoration: none;
	}

a:link { 
	font-weight: bold; 
	color: #589228;
	}

a:visited {
	font-weight: bold; 
	color: #589228;
	}

a:hover { 
	font-weight: bold; 
	color: #005778;
	text-decoration: underline;
	}

#wrapper {
	width: 1023px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -346px;
	}

#headerText {
	width: 130px;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 415px;
	padding-top: 18px;
	}

	.header_green {
		color: #589228;
	}
	
#navBar {
	width: 100%;
	height: 34px;
	color: #ffffff;
	background-color: #002C6a;
	}
	
	#navBar ul li a {
		display: block;
		text-decoration: none;
		padding: 8px;
		}

ul#navigation {
	list-style: none;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

	ul#navigation li {
		float: left;
		width: 204px;
		}
	
	ul#navigation li:hover {
		background-color: #005778;
		}
	
	ul#navigation a {
		color: #ffffff;
		text-decoration: none;
		}
	
#content {
	text-align: left;
	width: 993px;
	padding: 15px 15px 320px 15px;
	font-size: 1.3em;
	background: url('images/bar.jpg') no-repeat bottom left;
	}
	
	#left {
		float: left;
		width: 420px;
		padding: 10px 20px 0 0;
		text-align: right;
		}

	#right {
		float: right;
		width: 553px;
		padding-top: 10px;
		}
	
	.clear {
		clear: both;
		}
	
#footer {
	width: 1023px;
	height: 346px;
	margin: 0 auto;	
	}
	
#text {
	width: 745px;
	margin: 0 0 0 124px;
	}
	
	#text a {
		padding: 0;
		margin: 0;
		}
	
	#text h2.q {
		font-size: 1.4em;
		padding: 0 0 7px 0;
		border-bottom: 1px dashed #cccccc;
		}

	#text h2.p {
		width: 60%;
		padding: 0 0 7px 0;
		border-bottom: 1px dashed #cccccc;
		}
		
	#text p.a {
		font-size: 13px;
		margin: 10px 0 20px 0;
		}
	
	#text .anchor {
		margin: 0 0 20px 0;
		}
	
	#text img.product {
		float: right;
		margin: 0 0 10px 10px;
		}
		
	#text img.egl {
		float: left;
		margin: 0 10px 10px 0;
		padding: 7px;
		background: #ddd;
		border: 1px solid #ccc;
		}
		
	#text img.egr {
		float: right;
		margin: 0 10px 10px 0;
		padding: 7px;
		background: #ddd;
		border: 1px solid #ccc;
		}
		
	#text .contact {
		width: 85%;
		margin: 0 auto;
	}
	
		#text .contact td {
			width: 50%;
			vertical-align: top;
		}

/*
--------------------------------------------------------------------------
Contact Toggle
--------------------------------------------------------------------------
*/
		
	#text h2.trigger {
		font-size: 1.1em;
		line-height: 1.1em;
		height: 1.1em;
		margin: 0 0 3px 0;
		padding: 0 0 3px 0;
		background: none;
		border: none;
		width: 95%;
		}
	
	#text h2.trigger a {
		color: #005678;
		text-decoration: none;
		display: block;
		}

	#text h2.trigger a:hover {
		color: #589228;
		}
		
	#text .toggle_container {
		clear: both;
		margin: 0 0 5px;
		padding: 0;
		background-color: #f0f0f0;
		overflow: hidden;
		width: 95%;
		}
	
	#text .toggle_container img {
		float: left;
		margin: 0 10px 10px 0;
		padding: 7px;
		background: #ddd;
		border: 1px solid #ccc;
		}

	#text .toggle_container img.big {
		margin: 10px 0 12px 40px;
		padding: 7px;
		background: #dddddd;
		border: 1px solid #cccccc;
		}

	#text .toggle_container .block {
		padding: 12px;
		}
	
	#text .toggle_container h3 {
		margin: 0 0 10px;
		padding: 0 0 5px 0;
		border-bottom: 1px dashed #cccccc;
		}

h1 {
	padding: 15px 0 7px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #cccccc;
	}

h2.trigger {
	float: left;
	width: 95%;
	height: 28px;
	margin: 0 0 6px 0;
	padding: 0 0 0 30px;
	background: url(images/togglebg.png) no-repeat;
	line-height: 28px;
	font-size: 1.2em;
	font-weight: bold;
	}
	
	h2.active {
		background-position: left bottom;
	}
	
	h2.trigger a {
		color: #005678;
		text-decoration: none;
		display: block;
		}

	h2.trigger a:hover {
		color: #589228;
		}

.toggle_container {
	clear: both;
	margin: 0 0 5px;
	padding: 0;
	background-color: #f0f0f0;
	overflow: hidden;
	width: 95%;
	}
	
	.toggle_container img {
		float: left;
		margin: 0 10px 10px 0;
		padding: 7px;
		background: #ddd;
		border: 1px solid #ccc;
		}

	.toggle_container img.big {
		margin: 10px 0 12px 66px;
		padding: 7px;
		background: #dddddd;
		border: 1px solid #cccccc;
		}

	.toggle_container .block {
		padding: 12px;
		}
	
	.toggle_container h3 {
		margin: 0 0 10px;
		padding: 0 0 5px 0;
		border-bottom: 1px dashed #cccccc;
		}
		
.hoverContainer {
	width: 78%;
	margin: 0 auto;
	}
	
ul.thumb {
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 10px;
	width: 100%;
	}

	ul.thumb li {
		margin: 0;
		padding: 5px;
		float: left;
		position: relative;
		width: 110px;
		height: 110px;
		}

	ul.thumb li img {
		width: 100px;
		height: 100px;
		padding: 5px;
		background: #ddd;
		border: 1px solid #ccc;
		position: absolute;
		left: 0;
		top: 0;
		-ms-interpolation-mode: bicubic; 
		}
		
	ul.thumb li img.hover {
		background:url(images/thumb_bg.png) no-repeat center center;
		border: none;
		}