/* CSS Document */
.mainbody {
margin: 0;
padding: 0;
background: url(../images/bodybg.jpg) repeat-x;
background-color: #282c2f;
}


.childbody {
margin: 0;
padding: 0;
background: url(../images/bodybg.jpg) repeat-x;
background-color: #ffffff;
}


#header {
margin: 0px;
background: url(../images/headerbg.jpg) repeat-x;
padding-left: 0px;
width: 930px;
height: 124px;
}


.logo {
margin: 0px;
padding-top: 19px;
padding-bottom: 11px;
float: left;
}


.banner {
width: 509px;
height: 124px;
float: right;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */


/*ul#menutab{
margin: 0;
padding: 0;
display: block;
position:relative;
list-style-type: none;
width: 930px;
height: 48px;
background: url("../images/menubg.jpg") repeat-x top left;
font: normal 15px arial;
color: #FFFFFF;
float: left;
}


ul#menutab li{
display: block;
float: left;
margin: 0;
pading: 0;
}


ul#menutab li a{
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
padding: 12px 29px 0 28px;
height: 36px;
background: url("../images/menubg.jpg");
}


ul#menutab li a:hover{
background: url("../images/menubg_hover.jpg");
color: #FFFFFF;
}


ul#menutab li a.current,ul#menutab li a.current:hover{
color: #FFFFFF;
background: url("../images/menubg_hover.jpg");
}
*/
.chromestyle{
width: 930px;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
margin: 0px;
padding: 0;
display: block;
position:relative;
list-style-type: none;
width: 930px;
height: 36px;
background: url("../images/menubg.jpg") repeat-x top left;
font: bold 14px verdana;
color: #FFFFFF;
float: left;
}

.chromestyle ul li{
display: block;
float: left;
margin: 0;
pading: 0;
}

.chromestyle ul li a{
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
padding: 9px 23px 8px 22px;
height: 19px;
background: url("../images/menubg.jpg");
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url("../images/menubg_hover.jpg");
color: #FFFFFF;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #C9C9C9; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
text-transform: uppercase;
font:normal 13px arial;
line-height:18px;
z-index:100;
background-color: #111113;
width: 140px;
visibility: hidden;
text-align: left;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #4d4d4d; /*THEME CHANGE HERE*/
padding: 3px 3px;
text-decoration: none;
font-weight: normal;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #4d4d4d;
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */


.blankdiv_v {
height: 5px;
}


.clear {
clear:both;
}

#home_content {
width: 100%;
background-color: #fff;
}


.home_banner {
width: 930px;
margin: 0;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE feature ^^^^^^^^^^ */

.features {
width: 930px;
margin: 0;
}

.features_box_shadow {
width: 9px;
float: left;
}


.features_box {
background: url(../images/home_box_bg.jpg) repeat-x;
width: 227px;
border-top: solid 1px #c9c9c9;
float: left;
}


.features_box_heading1 {
width: 214px;
height: 35px;
font: bold 19px verdana;
letter-spacing: -0.5px;
color: #FF0000;
padding: 5px 0 0 13px;
border-bottom: solid 1px #c9c9c9;
text-align: left;
}

.features_box_heading2 {
width: 214px;
height: 35px;
font: bold 19px verdana;
letter-spacing: -0.5px;
color: #040c6e;
padding: 5px 0 0 13px;
border-bottom: solid 1px #c9c9c9;
text-align: left;
}

.features_box_heading3 {
width: 214px;
height: 35px;
font: bold 19px verdana;
letter-spacing: -0.5px;
color: #646464;
padding: 5px 0 0 13px;
border-bottom: solid 1px #c9c9c9;
text-align: left;
}

.features_box_heading4 {
width: 214px;
height: 35px;
font: bold 19px verdana;
letter-spacing: -0.5px;
color: #969696;
padding: 5px 0 0 13px;
border-bottom: solid 1px #c9c9c9;
text-align: left;
}

.features_box_arrow {
margin-top: 3px;
padding-left: 15px;
padding-top: 5px;
float: left;
height: 5px;
}


.features_box_text {
font: normal 13px verdana;
color: #414141;
margin-top: 3px;
padding-left: 25px;
text-align: left;
}

.contact_box_text {
font: normal 13px verdana;
color: #414141;
margin-top: 3px;
padding-left: 15px;
text-align: left;
}

.contact_box_text a {
color: #414141;
}

.contact_box_text a:hover {
color: #666;
text-decoration: none;
}

.googlemaps {
margin-top: 7px;
padding-left: 15px;
text-align: left;
}

.home_box_vline {
float: left;
}


.latestnews_date {
font: normal 13px verdana;
color: #040c6e;
margin: 3px 20px 3px 5px;
padding-left: 10px;
text-align: left;
}


.latestnews_text {
font: normal 13px verdana;
color: #414141;
margin: 3px 20px 5px 5px;
padding-left: 10px;
text-align: left;
}

* {
	text-indent:0px;
	margin:0px;
	border:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a {font: normal verdana;color: #414141;text-decoration:none}
a:link    {}
a:visited {}
a:hover   {}
a:active  {}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE feature ^^^^^^^^^^ */

/* ^^^^^^^^ BELOW IS THE CODE FOR THE process equipment ^^^^^^^^^^ */
#pro {
width: 930px;
background-color: #282c2f;
}

.pro_equipment {
width: 930px;
}

.pro_equipment_heading {
height: 15px;
font: bold 18px verdana;
color: #FFFFFF;
padding: 2px 0 10px 0;
text-align: left;
}


.pro_equipment_corner {
width: 13px;
float: left;
}


.pro_equipment_box {
background-image: url(../images/process_equipment_bg.jpg);
width: 226px;
height: 199px;
float: left;
}


.pro_equipment_box_l {
width: 154px;
float: left;
}


.pro_equipment_box_image {
width: 200px;
height: 100px;
float: center;
}


.pro_equipment_box_r {
width: 133px;
padding-top: 40px;
float: left;
}


.pro_equipment_downarrow {
width: 76px;
height: 11px;
padding-left: 78px;
}


.pro_equipment_heading1 {
width: 226px;
font: bold 18px verdana;
color: #ffffff;
text-align: center;
margin: 10px 0 10px 0;
}

.pro_equipment_text {
width: 200px;
font: bold 10px verdana;
color: #ffffff;
text-align: center;
padding-top: 8px;
float: center;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE process equipment ^^^^^^^^^^ */

#footer {
width: 930px;
background-color: #282c2f;

}


#footer_child {
width: 100%;
background-color: #282c2f;
}


.footerlink{
height: 25px;
font: normal 14px verdana;
color: #ffcc00;
padding: 8px 28px 3px 28px;
float: left; 
}

.footernavlink a{
height: 25px;
font: normal 14px verdana;
color: #ffcc00;
text-decoration: none;
padding: 8px 28px 3px 28px;
float: left; 
}

.footernavlink a:hover {
color: #ffffff;
text-decoration: underline;
}



.footer_child_link a{
height: 25px;
font: normal 14px verdana;
color: #ffcc00;
text-decoration: none;
padding: 8px 28px 3px 28px;
float: left;
}


.footer_child_link a:hover{
height: 25px;
font: normal 14px verdana;
color: #ffffff;
text-decoration: underline;
padding: 8px 28px 3px 28px;
float: left;
}


.footerbtm {
width: 930px;
height: 40px;
padding-top: 10px;
font: normal 14px verdana;
color: #FFFFFF;
text-align: center;
}



.partnerlist {
margin: 0;
width: 930px;
height: 60px;
background-color: #FFFFFF;
}


.partnerlist_child {
margin: 0;
width: 930px;
height: 60px;
background-color: #FFFFFF;
}


.partnerlist_corner {
margin: 0;
width: 5px;
height: 5px;
float: left;
}


.partnerlist_blank_inbetween {
background-color: #FFFFFF;
width: 920px;
height: 5px;
float: left;
}


.partnerlist_name {
margin: 0;
height: 43px;
padding: 5px 30px 0 28px;
float: left;
}



.partnerlist_inbetween_line {
margin: 0;
padding-top: 5px;
height: 43px;
border: solid 1px #999999;
float: left;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE content ^^^^^^^^^^ */
#content {
width: 930px;
}


.content_l {
width: 210px;
float: left;
}


.content_r {
width: 690px;
float: left;
text-align: left;
}


.content_m {
width: 30px;
height: 100px;
float: left;
}


.content_smalltext {
font-family: verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
color: #525252;
padding-left: 5px;
text-align: left;
padding-left: 20px;
}

.content_additional {
font-family: verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
color: #525252;
padding-left: 5px;
text-align: left;
}

.content_smalltext a {
color: #525252;
text-decoration: underline;
}

.content_smalltext a:hover {
color: #999;
text-decoration: none;
}


.content_normaltext {
	font-family: verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.3em;
	color: #4B4B4B;
	text-align: left;
	list-style-position: inside;
}


.content_bigtext {
font: bold 20px arial;
color: #4B4B4B;
text-align: left;
}


.H1 {
	font-family: verdana, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: BOLD;
	text-transform: normal;
	letter-spacing: normal;
	color: #4B4B4B;
	text-align: left;
}

.boxH1 {
font-family: verdana, sans-serif;
font-size: 16px;
font-style: normal;
text-transform: uppercase;
font-weight: BOLD;
text-transform: normal;
letter-spacing: normal;
color: #ff0000;
text-align: left;
}

.H2 {
font-family: verdana, sans-serif;
font-size: 14px;
font-style: normal;
text-transform: uppercase;
font-weight: BOLD;
text-transform: normal;
letter-spacing: normal;
color: #4B4B4B;
text-align: left;
padding-left: 30px;
}

.content_normaltext1 {
font-family: verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
color: #4B4B4B;
text-align: left;
padding-left: 30px;
}

.content_normaltext1 a {
font-family: verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
color: #4B4B4B;
text-align: left;
padding-left: 30px;
}

.content_normaltext1 a:hover {
color: #ff0000;
}

.literaturebox {
width: 345px;
float: left;
}

.boxleft {
width: 50px;
float: left;
}

.boxmiddle {
width: 245px;
height: 312px;
background-image: url(../images/boxbg.jpg);
float: left;
}

.boxright {
width: 50px;
float: left;
}

.boxbottom {
width: 345px;
float: left;
}

.img {
width: 250px;
border: 1px solid #999999;
padding: 6px;
margin: 5px 0px 5px 0px;
}

.img1 {
border: 1px solid #999999;
padding: 6px;
margin: 5px 5px 5px 0px;
float:left;
}

.aboutusimg {
padding: 6px;
margin: 5px 5px 5px 0px;
float:left;
}

.img1text {
width: 400px;
padding: 0px 10px 10px 10px;
margin: 5px 0px 5px 0px;
float:left;
vertical-align: top;
}

.img1text1 {
width: 350px;
padding: 0px 10px 10px 10px;
margin: 5px 0px 5px 0px;
float:left;
vertical-align: top;
}

.img1text2 {
width: 380px;
padding: 0px 10px 10px 10px;
margin: 5px 0px 5px 0px;
float:left;
vertical-align: top;
}

.product_img {
margin-right: 10px;
float: left;
}


.productsbox {
PADDING-RIGHT: 3px; 
DISPLAY: none; 
PADDING-LEFT: 3px; 
FLOAT: left; 
PADDING-BOTTOM: 10px; 
PADDING-TOP: 10px
}


.clicklink {
font-family: verdana, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
color: #525252;
}

.clicklink a {
color: #525252;
}

.clicklink a:hover {
color: #999;
text-decoration: none;
}

.hr {
background-color: #525252;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE content ^^^^^^^^^^ */


.latest_equipment {
width: 190px;
margin-left: 20px;
}

.latest_equipment_imgbox {
width: 147px;
margin-left: 1px;
padding: 0 20px 0 20px;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}

.latest_equipment_img {
width: 145px;
height: 90px;
border: solid 1px #cccccc;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE content ^^^^^^^^^^ */

.cssform fieldset {
  padding: 2px 5px 0px 20px;
}


.cssform fieldset legend {
  font: bold 20px verdana;
  color: #000;
  margin: 0 0 0 0;
  padding: 0px 10px 20px 10px;
}


.cssform p{
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
border-top: 1px dashed gray;
height: 1%;
font: normal 12px verdana;
}

.cssform label{
font: bold 12px verdana;
float: left;
width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.label1{
font: bold 12px verdana;
float: left;
width: 400px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.cssform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 0px;
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE content ^^^^^^^^^^ */

.address {
font: bold 15px verdana;
color: #000;
text-align: left;

}

.address1 {
font: normal 12px verdana;
color: #4B4B4B;
text-align: left;
}

.imgcaption
{ 
width:304px;
float:left; 
font-family:verdana, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
margin:5px;
}



.input-box {
	border: 1px solid #E2E2E2;
}
.submit-btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	height: 24px;
	width: 70px;
	margin-top: 5px;
}
.content_r ul {
	list-style-position: inside;
}
.content_r li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.content_r strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}