@charset "utf-8";
/* CSS Document */

body {background-image:url(images/page_bg.gif); background-repeat: repeat-x;	margin:0;padding:0;	font-family: Arial, Helvetica, sans-serif;	font-size: 80%;	font-weight: normal; line-height:150%;}

h1,h2,h3,h4,h5,h6{font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
h1{color: #00914c;padding-bottom:5px; font-size: 150%; background-image:url(images/h1_broder.gif); background-position:bottom left; background-repeat:repeat-x}
h2{color: #fff; font-size:120%; text-shadow:#333; border-bottom:1px solid #666}

sup{font-size:70%;}

img{border:none}
p a:link{text-decoration:none; color:#cc0000}
p a:visited{text-decoration:none;color:#cc0000 }
p a:hover{text-decoration:none; color:#00914c}

li a:link{text-decoration:none; color:#cc0000}
li a:visited{text-decoration:none;color:#cc0000 }
li a:hover{text-decoration:none; color:#00914c}


#outerwrapper{margin:auto; text-align:center; width:960px; }
#innerwarpper{width:960px; margin:auto}

#header{height: 120px; width:960px; float:left}
#logo{width:200px; float:left; margin:25px 0}
#toplinks{float:right; height:35px; clear:right; background-image:url(images/top_link_bg.gif); background-repeat:repeat-x; background-position:top left; padding:0 20px 10px 20px}
#toplinks p a:link{text-decoration:none; color:#333}
#toplinks p a:visited{text-decoration:none;color:#000 }
#toplinks p a:hover{text-decoration:none; color:#cc0000}

.contact{font-size:120%; color:#333; text-align:left; margin-top:25px;}


#navigation{ width:100%; padding:12px 0 0 0; margin:0; background-image:url(images/nav_bg.jpg); background-repeat:repeat-x; height:40px; text-align:left; float:left}
#navigation ul{display:inline}
#navigation ul li{display:inline; list-style:none; padding:0 25px 0 0; font-size:110%; text-transform:uppercase; font-weight:bold}
#navigation ul li a:link{text-decoration:none; color:#ffcccc}
#navigation ul li a:visited{text-decoration:none; color:#ffcccc}
#navigation ul li a:hover{text-decoration:none; color:#fff}
.activetab{color:#fff}


#banner{}
#banner h1{float:left} 
#banner h1 a:link{text-decoration:none; color:#00}
#banner h1 a:visited{text-decoration:none; color:#000}
#banner h1 a:hover{text-decoration:none; color:#fff}
#banner img{display:inline; float:right}

#wrapper{margin:auto; width:960px; display:block; float:left}
#slider1{height:275px; width:960px}
.bx-next {
	position:absolute;
	top:40%;
	right:-10px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(images/red_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:-10px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(images/red_prev.png) no-repeat 0 -30px;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(images/red_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(images/red_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(images/red_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;  text-decoration:none
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px; 
}

.bx-auto a {
	color: #666;
	font-size: 12px;  
}


#banner{height:100px; float:left; width:960px; background-color:#00914c}
#banner h1{border:none; margin-top:40px; background-image:none; text-align:left; padding-left:25px; color:#fff}

#content{ width:960px; float:left; text-align:left; margin-top:25px; padding:0 10px 0 10px}
#who{ width:300px; float:left; margin-right:20px}
#why{ width:300px; float:left; margin-right:20px}
#news{ width:300px; float:left;}
#leftcol{ width:600px; float:left; margin-right:40px}
#leftcol h1{width:600px; float:left; background-image:url(images/h1_broder.gif); background-repeat:repeat-x; background-position:left bottom;}
#leftcol h3{font-size:120%; clear:both; color:#cc0000}
#top{width:100%; height:23px; float:left; text-align:center; background-color:#f5f5f5; text-transform:uppercase; padding-top:5px}
#top a:link{text-decoration:none; color:#cc0000}
#top a:visited{text-decoration:none; color:#cc0000}
#top a:hover{text-decoration:none; color:#00914c}

#application{width:290px; float:left;}
#application ul{padding:0; margin:0}
#application ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}
#product{width:290px; float:right;}
#product ul{padding:0; margin:0}
#product ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}
#fb-root{float:left}

#product2{width:600px; float:left;}
#product2 ul{padding:0; margin:0}
#product2 ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}

#application3{width:150px; float:left;margin-right:20px}
#application3 ul{padding:0; margin:0}
#application3 ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4; }

#product3{width:150px; float:left;margin-right:20px}
#product3 ul{padding:0; margin:0}
#product3 ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}

#product4{width:50px; float:left;margin-right:20px}
#product4 ul{padding:0; margin:0}
#product4 ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}

#nature{width:60px; float:left;margin-right:20px}
#nature ul{padding:0; margin:0}
#nature ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}

#appprop{width:280px; float:right;}
#appprop ul{padding:0; margin:0}
#appprop ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}

#characteristics{width:260px; float:right;}
#characteristics ul{padding:0; margin:0}
#characteristics ul li{list-style:none; padding:5px 0; border-bottom:dotted 1px #c4c4c4}

#rightcol{ width:300px; float:left;}
#rightcol img{margin:1px 0}

#footertop{ width:100%; float:left; text-align:left; margin-top:30px; color:#fff; background-image:url(images/sitemap_bg.gif); background-repeat:repeat-x; background-position:center top; height:221px; padding-top:30px}
#footertopwrapper{width:960px; margin:auto}
#sitemap1{ width:240px; float:left;}
#sitemap2{ width:240px; float:left; }
#sitemap3{ width:230px; float:left; margin-right:10px}
#sitemap4{ width:230px; float:left; margin-right:10px}
#sitemap ul{}
#footertopwrapper li{color:#ccc; text-decoration:none}
#footertopwrapper li a:link{color:#ccc; text-decoration:none}
#footertopwrapper li a:visited{color:#ccc; text-decoration:none}
#footertopwrapper li a:hover{color:#fff; text-decoration:none}

#footer{text-align:left;font-size: 85%;	float:left; width:100%; background-color:#fff; margin:0; padding:0; }
#footerwrapper{width:960px; margin:0 auto; padding:0;}
#copyright{text-align:center;}
#copyright p{text-align:center}