body{ padding:0px; margin:5px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 70%;/* font sizing in ems, baby. if you want to change anything, just change this.*/}

#ex_body{ padding:0px; margin:0px;}

/* header links and navigation */
#header{width:100%; background:url(/images/header_bg.jpg) repeat-x;}
#header .hdn_links{width:785px; margin:0px auto; text-align:right; padding:10px 0px 0px 0px;}
#header .hdn_links, #header .hdn_links a {text-transform: uppercase; font-weight:bold; font-size:12px; color:#FFFFFF; text-decoration:none; padding:10px;}
#header .hdn_links a:hover{text-decoration: underline;}

#header #logo_ban{width:785px; margin:0px auto;}
	#header #logo_ban a img{ border:none;}

/* Header contact information */
#header #logo_ban .c{  font-family:Arial, Helvetica, sans-serif; font-size:1.4em; text-align:right; font-weight:bold; padding-top:5px;}
#header #logo_ban .c a{color:#333333; text-decoration:underline;}
	#header #logo_ban .c a:hover{ text-decoration:none;}

/* general body structure */
#container{margin:0px auto 0px auto; width:810px; background: url(/images/pg_shdw_01.jpg) no-repeat top; padding: 10px 0px 0px 20px;}
#body, #home, #contact{ width:auto; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1em;}
	#home, #contact{ padding-top:10px;}



/* COMMON PAGE left column */
#body #col_a, #body #col_b{}
#body #col_a {float:left; font-weight:normal;}
	#body #col_a h1{font-size:1.7em; text-transform:uppercase; color:#006227;  border-bottom:1px #006227 solid; font-weight:normal; padding-top:10px;margin:0px;}
	#body #col_a p{font-size:1.1em;}

		#navl h2{color:#333333; padding:0px; margin:10px 0px 0px 0px; font-size:1.4em; font-weight:normal;}
		#navl ul{padding:0px 0px 3px 0px; margin:0px 0px 10px 5px; background:url(/images/nav_fd.jpg) bottom no-repeat;}
		#navl ul li{margin:5px 0px; list-style:none;padding:0px; color:#999999;}
			#navl ul li a{ text-decoration:underline; color: #006600; margin:0px; padding:0px; display:block; display: inline-block; width:180px;}
			#navl ul li a:hover{ text-decoration:none;}
			#navl ul li a.selected{background:#008400 url(/images/nav_lfd.jpg) bottom repeat-x; margin-left:-5px; padding:4px 0px 2px 5px; color:#FFFFFF; text-decoration:none; font-weight:bold; }

/* COMMON PAGE right column */
#body #col_b { float:left; width: 575px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding-left:10px;}
	#body #col_b p{font-size:1.1em; line-height:18px; color:#333333;}
	#body #col_b h2{ text-transform:uppercase; background:#efefef; font-size:1.5em; padding:5px; margin-top:5px; font-weight:inherit;}
#body #col_b a { color: #000; }	
#body #col_b img { border:none; text-decoration:none;	 }


/* COMMON PAGE right column images laid out on page */
.img_cond{margin:0px auto; width:560px; margin:0px auto;}
.img_info{float:left; width:260px; margin:0px 5px;}
.img_info .text{text-align:left; background:#333333; font-size:1.1em; text-align:center; padding:5px 0px; text-transform:uppercase;}
	#body #col_b .img_info .text a:hover{text-decoration:none;}
	#body #col_b .img_info .text a{color:#FFFFFF; text-decoration:underline; display:block;}
.img_info .e{padding:5px 0px 0px 185px;}
#col_b h3, #up1 h3, #up2 h3{font-weight:normal; font-size:1.4em; color:#333333; border-bottom:#666666 1px solid;}

#click_above{width:520px; text-align:center; padding:40px;}
 

/* Listed information for one list */
#order_list li{padding:5px 0px;}
#unorder_list li{padding:5px 0px;}

#features {width:100%; margin-top:15px;}
#features .num{font-weight:normal; font-size:1.8em; padding:10px 5px; text-align:center;}
#features .cc{vertical-align:top; text-align:center; padding:8px;}
#features .red{font-size:1.5em; color:#990000; font-family:sans-serif, serif; font-weight:bold; width:100px;}

#features th{font-family:sans-serif, serif; font-size:1.4em; font-weight:normal;}
tr.ccc, tr.efe{vertical-align:top;}
tr.ccc{background:#CCCCCC;}
tr.efe{background:#EFEFEF;}


/* Listed information two columns */
#col_b .listA {margin-bottom:20px; width:580px; float:left;}
#col_b .listA ul{margin:0px; margin:0px;}
.col {width: 100%;  margin: 1em 0; padding: 0;}
.col li {float: left; margin-left: 5px; padding: 5px; list-style:none; }
.col.two li {width: 45%; margin-left: 1%;}
.col li:hover{ background:#FFFF99;}

/* HOME and CONTACT left column */
#home #col_a, #home #col_b, #contact #col_a, #contact #col_b{background: #fff;}
#home #col_a, #contact #col_a {width:370px; margin:0px 0px 0px 13px; padding:0px 0px 0px 1px; float:left; font-weight:normal;}
	#contact #col_a {width:330px;}
	#home #col_a h1, #contact #col_a h1{font-size:1.7em; text-transform:uppercase; color:#006227;  border-bottom:1px #006227 solid; width:300px; font-weight:normal; padding-top:10px;margin:0px;}
	#home #col_a p, #contact #col_a p{font-size:1.1em;}
	
#intro_image_nav{ position:absolute; z-index:15; border-bottom:#7CA6D6 3px solid; margin:10px 0px 0px 20px; text-decoration:none; border:none;}
	#notes{ position:relative; margin:-60px 0px 0px 0px; width:350px; height:50px; line-height:16px;}
	#notes h1{ padding:0px 0px 5px 0px; margin:0px; font-weight:normal; font-size:1.8em;}

	
/* HOME and CONTACT right column */
#home #col_b, #contact #col_b { float:left; width: 340px; margin: 0px 0px 0px 5px; font: normal 1em Verdana, Arial, Helvetica, sans-serif; padding-left: 10px;}
#home #col_b a, #contact #col_b a { color: #000; }


/* Contact information block */
#address{ width:320px; background:url(/images/contact/phone.jpg) no-repeat bottom right; padding:10px 0px 0px 10px; font-size:1.2em;}
	#address .phone, #address .fax, #address .request, #address .vCard{ float:left; width:280px; padding-left:20px;}
	#address .addr{background:url(/images/contact/mail.gif) no-repeat top left; padding: 5px 0px 5px 30px;}
		.addr h2{
	padding:0px;
	margin:0px;
	/*font-weight:normal;*/
	font-size:large;
}
	#address .phone img, #address .fax img, #address .request img, #address .vCard img{float:left}
	#address .fax {font-size:.9em;}

	#address div div{ padding-top:5px; float:left;}
	
/* Employee contact information */
.contact_box{float:left; width:260px; border:#CCCCCC 1px solid; padding:5px; margin:5px;}
.contact_box h2{ font-size:1.3em; padding:0px; margin:0px; font-weight:normal; color:#006227;}
	.contact_box div{ padding:5px 0px 5px 10px; font-size:1.1em;}
			.contact_box .sm{ font-size:.9em; line-height:16px;}
		
	

/*GOOGLE MAP*/
.node{margin-bottom:10px; text-align: right; width: 420px; text-align:left;}
.node .GMapEZ { float: left; width: 420px; height: 250px; margin-bottom:10px;}
.node h2 { margin-bottom: 10px; }
.node .map{ position: absolute; margin: -8px 0px 0px 100px}

/* copyright information */
#bot{ padding-top:60px; color:#666666; float:left; width:795px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:1em;}


div.spacer {clear: both;}


/* Home page layout of industry and product information */
.knowledge{width:750px; margin:0px auto; float:left;}

.knowledge #nav_tab{ border-bottom:3px #666666 solid;}
		.knowledge .tab a, .knowledge .thover a, .knowledge .tab-l a {display: block; padding:7px 9px; margin:0px 5px; background-position:center; width:140px;}
		
		.knowledge .tab { float: left; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; font-size:1.4em;}
		.knowledge .tab a {color: #666666; background:#EFEFEF; text-decoration:underline;}	
		.knowledge .thover a {color:#000; background:#666666; text-decoration:none; color:#FFFFFF;}

		/*.knowledge .noright { border-right: 0px; }*/
		/*.knowledge .f { border-left: 1px solid #dfdfdf;}*/	
		.knowledge .content h4 {text-align:left; border-bottom:#666666 2px solid; margin-bottom:20px; padding:0px; font-size:1.5em; color:#333333;}
		.knowledge h4.info {background:#ffffff; text-transform:uppercase; font-size:1.5em; padding:5px; margin:0px; text-align:right; border-bottom:#666666 2px solid;}
		
		.knowledge .hide {display: none;}
			.knowledge .text p {font-size:1.1em; line-height:18px; color:#333333; padding:0px; margin:10px 0px;}
			.knowledge .text ul li {font-size:1.1em;}
			.knowledge .text ul li li {font-size:1.1em;}
			.content .text h3 {font-size:1.2em; padding:0px; margin:0px;}


		.knowledge #nav{width:150px; float:left;}
				.knowledge #nav ul{padding:0px; margin:0px; background: #666666;}
				.knowledge #nav ul li { margin:0px; list-style:none; border-bottom:#FFFFFF 1px solid;}
				.knowledge #nav .down{ background:#F9F9F9; color:#333333; text-align:right; padding-right: 5px;}
				.knowledge #nav ul li a{color:#FFFFFF; text-decoration:none; display:block; padding:2px 0px 2px 5px; font-size:1.2em;}
	

		.knowledge .show {display: block;}
		.knowledge .content { margin:0px auto; width: 750px;}
			
		.knowledge .detail{float:left;}
		.knowledge .detail .text{float:left; width:320px;float: left; padding-left:5px; background:#f5f5f5; height:276px;}

#chartA {width:580px; margin:0px auto;}
	#chartA td, #chartA th { border:1px solid #ccc; padding:3px;}
	#chartA th { text-transform:uppercase; text-align:left;}