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

@font-face {
  font-family:"MyriadPro-Regular";
  src:url("fonts/MyriadPro-Regular.eot");
  advancedAntiAliasing: true;
}
@font-face {
  font-family:"MyriadPro-Regular";
  src:url("fonts/MyriadPro-Regular.ttf"),
  url("fonts/MyriadPro-Regular.woff"),
  url("fonts/MyriadPro-Regular.svg");
  advancedAntiAliasing: true;
}
@font-face {
  font-family:"MyriadPro-Bold";
  src:url("fonts/MyriadPro-Bold.eot");
  advancedAntiAliasing: true;
}
@font-face {
  font-family:"MyriadPro-Bold";
  src:url("fonts/MyriadPro-Bold.ttf"),
  url("fonts/MyriadPro-Bold.woff"),
  url("fonts/MyriadPro-Bold.svg");
  advancedAntiAliasing: true;
}

#group1_1 a img, #group1_2 a img, #group1_3 a img,  #group1_4 a img, #group2_1 a img, #group2_2 a img, #group3_1 a img, #group3_2 a img, #group3_3 a img, #group4_1 a img, #group4_2 a img, #group4_3 a img, #group4_4 a img, #group5_1 a img, #group5_2 a img, #group6_1 a img, #group6a_1 a img, #group6_2 a img, #group7_1 a img, #group8_1 a img, #group9_1 a img, #group9_2 a img {border: none; }
#group1_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group1_1_O.jpg);
}
#group1_2 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/capabilities/group1_2_O.jpg);
}
#group1_3 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group1_3_O.jpg);
}
#group1_4 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group1_4_O.jpg);
}
#group2_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group2_1_O.jpg);
}
#group2_2 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/capabilities/group2_2_O.jpg);
}
#group3_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group3_1_O.jpg);
}
#group3_2 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/capabilities/group3_2_O.jpg);
}
#group3_3 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group3_3_O.jpg);
}
#group4_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group4_1_O.jpg);
}
#group4_2 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/capabilities/group4_2_O.jpg);
}
#group4_3 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background-image: url(../images/capabilities/group4_3_O.jpg);
}
#group4_4 {
	top: 0px;
	left: 5px;
	position: relative;
	z-index: 0;
	float: left;
	width:343;
	height:135px;
	background-image: url(../images/capabilities/group4_4_O.jpg);
}
#group5_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group5_1_O.jpg);
}
#group5_2 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/capabilities/group5_2_O.jpg);
}
#group6_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group6_1_O.jpg);
}
#group6_2 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/capabilities/group6_2_O.jpg);
	}
#group6a_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group6a_1_O.jpg);
}
#group7_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group7_1_O.jpg);
}
#group8_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group8_1_O.jpg);
}
#group9_1 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/capabilities/group9_1_O.jpg);
}
#group9_2 {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/capabilities/group9_2_O.jpg);
}


#group1_1 img:hover, #group1_2 img:hover, #group1_3 img:hover, #group1_4 img:hover, #group2_1 img:hover, #group2_2 img:hover, #group3_1 img:hover, #group3_2 img:hover, #group3_3 img:hover, #group4_1 img:hover, #group4_2 img:hover, #group4_3 img:hover, #group4_4 img:hover, #group5_1 img:hover, #group5_2 img:hover, #group6_1 img:hover, #group6_2 img:hover, #group6a_1 img:hover, #group7_1 img:hover, #group8_1 img:hover, #group9_1 img:hover, #group9_2 img:hover{
opacity:0;
}

#group1_1 a .title1, #group1_2 a .title1, #group1_3 a .title1, #group1_4 a .title1, #group2_1 a .title1, #group2_2 a .title1, #group3_1 a .title1, #group3_2 a .title1, #group3_3 a .title1, #group4_1 a .title1, #group4_2 a .title1, #group4_3 a .title1, #group4_4 a .title1, #group5_1 a .title1, #group5_2 a .title1, #group6_1 a .title1, #group6_2 a .title1, #group6a_1 a .title1, #group7_1 a .title1, #group8_1 a .title1, #group9_1 a .title1, #group9_2 a .title1 {
	top: 16px;
	left: 22px;
	z-index: 1;
	position: absolute;
	font-family: "MyriadPro-Bold";
	width: 300px;
	height: 25px;
	font-size: 11.5px;
	
	color: #333333;
}
#group1_1 a:hover .title1, #group1_2 a:hover .title1, #group1_3 a:hover .title1, #group1_4 a:hover .title1, #group2_1 a:hover .title1, #group2_2 a:hover .title1, #group3_1 a:hover .title1, #group3_2 a:hover .title1, #group3_3 a:hover .title1, #group4_1 a:hover .title1, #group4_2 a:hover .title1, #group4_3 a:hover .title1, #group4_4 a:hover .title1, #group5_1 a:hover .title1, #group5_2 a:hover .title1, #group6_1 a:hover .title1, #group6_2 a:hover .title1, #group6a_1 a:hover .title1, #group7_1 a:hover .title1, #group8_1 a:hover .title1, #group9_1 a:hover .title1, #group9_2 a:hover .title1 {
	color: #2688C5;
}

#group1_1 a .body1, #group1_2 a .body1, #group1_3 a .body1, #group1_4 a .body1, #group2_1 a .body1, #group2_2 a .body1, #group3_1 a .body1, #group3_2 a .body1, #group3_3 a .body1, #group4_1 a .body1, #group4_2 a .body1, #group4_3 a .body1, #group4_4 a .body1, #group5_1 a .body1, #group5_2 a .body1, #group6_1 a .body1, #group6_2 a .body1, #group6a_1 a .body1, #group7_1 a .body1, #group8_1 a .body1, #group9_1 a .body1, #group9_2 a .body1 {
	top: 50px;
	left: 135px;
	z-index: 2;
	position: absolute;
	font-family: "MyriadPro-Regular";
	width: 178px;
	height: 55px;
	font-size: 12px;
	color:#333333;
}
#group1_1 a:hover .body1, #group1_2 a:hover .body1, #group1_3 a:hover .body1,  #group1_4 a:hover .body1, #group2_1 a:hover .body1, #group2_2 a:hover .body1, #group3_1 a:hover .body1, #group3_2 a:hover .body1, #group3_3 a:hover .body1, #group4_1 a:hover .body1, #group4_2 a:hover .body1, #group4_3 a:hover .body1, #group4_4 a:hover .body1, #group5_1 a:hover .body1, #group5_2 a:hover .body1, #group6_1 a:hover .body1, #group6_2 a:hover .body1, #group6a_1 a:hover .body1, #group7_1 a:hover .body1, #group8_1 a:hover .body1, #group9_1 a:hover .body1, #group9_2 a:hover .body1 {
	color:#FFFFFF;
}
#group1_1 a:hover img, #group1_2 a:hover img, #group1_3 a:hover img,  #group1_4 a:hover img, #group2_1 a:hover img, #group2_2 a:hover img, #group3_1 a:hover img, #group3_2 a:hover img, #group3_3 a:hover img, #group4_1 a:hover img, #group4_2 a:hover img, #group4_3 a:hover img, #group4_4 a:hover img, #group5_1 a:hover img, #group5_2 a:hover img, #group6_1 a:hover img, #group6_2 a:hover img, #group6a_1 a:hover img, #group7_1 a:hover img, #group8_1 a:hover img, #group9_1 a:hover img, #group9_2 a:hover img {
	opacity:0;
}

#hydraulic a img, #engineering a img, #computerized a img, #tab a img, #rivet a img {border: none; }
#hydraulic {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/patented/box_hydraulic_O.jpg);
}
#engineering {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/patented/box_engineering_O.jpg);
}
#computerized {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/patented/box_computerized_O.jpg);
}
#tab {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/patented/box_tab_O.jpg);
}
#rivet {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/patented/box_rivet_O.jpg);
}
#hydraulic img:hover, #engineering img:hover, #computerized img:hover, #tab img:hover, #rivet img:hover{
opacity:0;
}

#hydraulic a .title1, #engineering a .title1, #computerized a .title1, #tab a .title1, #rivet a .title1 {
	top: 16px;
	left: 22px;
	z-index: 1;
	position: absolute;
	font-family: "MyriadPro-Bold";
	width: 300px;
	height: 25px;
	font-size: 11.5px;
	
	color: #333333;
}
#hydraulic a:hover .title1, #engineering a:hover .title1, #computerized a:hover .title1, #tab a:hover .title1, #rivet a:hover .title1 {
	color: #2688C5;
}
#hydraulic a .body1, #engineering a .body1, #computerized a .body1, #tab a .body1, #rivet a .body1 {
	top: 50px;
	left: 135px;
	z-index: 2;
	position: absolute;
	font-family: "MyriadPro-Regular";
	width: 175px;
	height: 55px;
	font-size: 12px;
	color:#333333;
}
#hydraulic a:hover .body1, #engineering a:hover .body1, #computerized a:hover .body1, #tab a:hover .body1, #rivet a:hover .body1 {
	color:#FFFFFF;
}
#hydraulic a:hover img, #engineering a:hover img, #computerized a:hover img, #tab a:hover img, #rivet a:hover img {
	opacity:0;
}
