@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;
}

#administration a img, #receiving a img, #productionmeetings a img, #outsideprocesses a img, #shipping a img {border: none; }
#administration {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/about/box_administration_O.jpg);
}
#receiving {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/about/box_receiving_O.jpg);
}
#productionmeetings {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/about/box_productionmeetings_O.jpg);
}
#outsideprocesses {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:343px;
	height:135px;
	background:url(../images/about/box_outsideprocesses_O.jpg);
}
#shipping {
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 0;
	float: left;
	width:338px;
	height:135px;
	background:url(../images/about/box_shipping_O.jpg);
}
#administration img:hover, #receiving img:hover, #productionmeetings img:hover, #outsideprocesses img:hover, #shipping img:hover{
opacity:0;
}

#administration a .title1, #receiving a .title1, #productionmeetings a .title1, #outsideprocesses a .title1, #shipping 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;
}
#administration a:hover .title1, #receiving a:hover .title1, #productionmeetings a:hover .title1, #outsideprocesses a:hover .title1, #shipping a:hover .title1 {
	color: #2688C5;
}
#administration a .body1, #receiving a .body1, #productionmeetings a .body1, #outsideprocesses a .body1, #shipping a .body1 {
	top: 50px;
	left: 135px;
	z-index: 2;
	position: absolute;
	font-family: "MyriadPro-Regular";
	width: 175px;
	height: 55px;
	font-size: 12px;
	color:#333333;
}
#administration a:hover .body1, #receiving a:hover .body1, #productionmeetings a:hover .body1, #outsideprocesses a:hover .body1, #shipping a:hover .body1 {
	color:#FFFFFF;
}
#administration a:hover img, #receiving a:hover img, #productionmeetings a:hover img, #outsideprocesses a:hover img, #shipping a:hover img {
	opacity:0;
}