/*HTML Elements*/

	html {
		font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		color: #000;
	}
	body {
		text-align: center;
		background:#FFF url('../images/content_bg.jpg') repeat-x top;
	}
	a {
	color: #333;
	}
	a:hover {
		
	}
	a:visited {
	color: #666;
	}
	ul {
		
	}
	ul li {
		
	}
	ol {
		
	}
	ol li {
		
	}
	h1 {
		color: #B46935;
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-size: 18px;
		font-weight: normal;
	}
/*DOM Specific*/
	body.sub_page {
		background:#FFF url('../images/content_bg_sub.jpg') repeat-x top;
	}
	body.sub_page ul#navbar {
		margin: 13px 0 0 0;
	}
	body.sub_page img.house_banner {
		display: none;
	}
	div#container {
		text-align: left;
		width: 950px;
		margin: 0 auto;
	}
	ul#navbar {
		width: 900px;
		padding: 0px;
		margin: 0px;
		margin: 23px 0 0 0;
	}
		ul#navbar li {
			float: left;
			margin: 0px;
			padding: 0px;
			display: inline;
			list-style: none;
			margin-right: 2px;
			position: relative;
			display: inline;
			float: left;
			/*background: url('/images/layout/nav_bg_main.jpg') repeat-x;*/

		}
		ul#navbar li a {
			text-decoration: none;
			display: block;
			float: left;
			height: 20px;
			margin: 0px 10px;
			padding: 0px 0px;
			text-indent: -9999999px;
			cursor: pointer;
		}
		ul#navbar li ul li a {
			text-indent: 0px;
		}
		ul#navbar li a.serv {
			width: 77px;
			background: transparent url('../images/services.png') no-repeat top left;
		}
		ul#navbar li a.prod, ul#navbar li a.mainfoldericon {
			width: 91px;
			background: transparent url('../images/products.png') no-repeat top left;
		}
		ul#navbar li a.about {
			width: 65px;
			background: transparent url('../images/about.png') no-repeat top left;
		}
		ul#navbar li.nofloat {
			float: none;
		}
		ul#navbar li.nofloat a {
			float: none;
		}
		ul#navbar li a.contact {
			width: 67px;
			float: right;
			background: transparent url('../images/contact.png') no-repeat top left;
		}
			#navigation ul li ul {
				left: 0;
				width: 188px;
				padding: 22px 0 0 0;
				height: 325px;
				position: absolute;
				top: 1em; /* can't really change */
					z-index: 999;
				margin-top: 0px;
				display: block;
				visibility: hidden;
				background: url('../images/nav_bg.png') no-repeat 0% 40%;
			}
			#navigation ul li ul li {
				display: block;
				margin: 0px 0px 0px -5px;
				width: 180px;
				height: 23px;
				color: #FFF;
				float: left;
				border: none;
				padding: 0px;
			}
			/*3rd level UL's*/
			#navigation ul li ul li ul { 
				left: 159px; /* no need to change, as true value set by script */
				top: 0;
			}
			#navigation ul li ul li a {
				text-indent: 10px;
				display: block;
				color: #E6E6E6;
				width: 178px; /*width of sub menu levels*/
				height: 23px;
				text-decoration: none;
				padding: 4px 0px 0px 0px;
				background-image: none;
			}
			#navigation ul li ul li a:hover {
				color: #FFF;				
				background: transparent url('../images/nav_a_bg.png') repeat;
			}

			#navigation ul li a:hover {
			}

	div#content {
		margin-top: 50px;
		margin-bottom: 20px;
	}
		h1#hdhe {
			width: 336px;
			height: 17px;
			background: #FFF url('../images/hdhe.png') no-repeat top left;
			text-indent: -99999999px;
		}
	div#logos {
		width: 600px;
	}
	div#logos img {
		display: block;
		margin-top: 20px;
	}

div#productList {
	margin-top:35px;
	padding-bottom:20px;
}
	div#productList div.product {
		margin-top:20px;
		float:left;
		clear:left;
	}
	div#productList div.product img {
		float:left;
	}
	div#productList div.product div.productDesc {
		float:left;
		width:600px;
		margin-left:50px;
	}
		div#productList div.product div.productDesc h2 {
			color:#B46935;
		}
			div#productList div.product div.productDesc h2 span {
				font-size:11px;
				color:#999;
				font-style: italic;
			}
			div#productList div.product div.productDesc h2 a {
				color:inherit;
				text-decoration:none;
			}
				div#productList div.product div.productDesc h2 a:hover, div#productList div.product div.productDesc h2 a:active {
					text-decoration:underline !important;
				}
		div#productList div.product div.productDesc p {
			line-height:1.25em;
		}
	div.spacer {
		clear:both;
		height:25px;
	}
/*Other Overrides*/

.right {
	float: right;
}
img.logo {
	margin-top: 20px;
}
img.side_img {
	float: right;
	margin: 30px 30px 20px 50px;
}
	#flashcontent {
		border: none;
		width: 271px;
		height: 238px;
		float: right;
		margin: 30px 30px 20px 50px;
	}

a img {
	border-style: none;
}