@charset "utf-8";
/* CSS Document */


body {
	margin:0;
	height:100%;
	min-height:100%;
	width:100%;
	background-image:url(../images/Site-Bkgd.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}


hr {
	height:1px;
	border:1px;
	color:#CCC;
	background-color:#CCC;
}


a {
	text-decoration:none;
}

a:visited {
	color:#36F;
}

a:hover {
	text-decoration:underline;
}


ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

li {
	background-image:url(../images/square-bullet.gif);
	background-position:0 4px;  /* ---  left top ---*/
	background-repeat:no-repeat;
	padding-left:25px;
}


/*------------------------------------------------------------------- Text Styles ---------------*/


.phoneNumberStyle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-align:right;
	vertical-align:bottom;
	letter-spacing:1px;
}

.footerTextStyle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#069;
	text-align:center;
	vertical-align:bottom;
	letter-spacing:1px;
}

.textStyleOrange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFBE92;
	letter-spacing:1px;
}

.flashPlayerNotice {
	position:absolute;
	bottom:0px;
	width:550px;
	text-align:left;
	padding-bottom:5px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}

.flashPlayerNoticeLeft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	text-align:left;
	padding:10px;
}

.textStyle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:justify;
	line-height:18px;
}
	



h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	letter-spacing:1px;
	text-align:center;
	vertical-align:middle;
	padding:7px;
}


h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:Bold;
	color:#6B7889;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:Bold;
	color:#FEA624;
	
}





/*------------------------------------------------------------------- layout styles ---------------*/



  
#centeringContainer {  /*  -----------  container for centering all page content  ---------- */
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:970px;
}


#Header {
	position:relative;
	height:80px;
	width:970px;
}

#logoContainer {
	position:absolute;
	top:0px;
	left:0px;
	width:242px;
	height:80px;
	background-image:url(../images/Matrix-Logo-Top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#phoneContainer {
	position:absolute;
	bottom:14px;
	right:0px;
	height:15px;
	width:400px;
}

#menuTop {
	position:relative;
	width:970px;
	height:39px;
	background-image:url(../images/Menu-Bkgd.png);
	background-repeat:repeat-x;
	background-position:top;
	overflow:visible;
	z-index:50;
}

#flashContainer {
	position:relative;
	width:970px;
	height:332px;
}

#noFlash10 {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Home-Top-Image.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#topContentContainer {
	position:relative;
	width:970px;
	height:332px;
	background-image:url(/images/Home-Top-Image.png);
	background-repeat:no-repeat;
	background-position:center;
}

#bodyContainerHome {
	position:relative;
	width:970px;
	min-height:366px;
	background-image:url(/images/Home-Bottom-Bkgd.png);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#DDE1E6;
	z-index:1;
	padding-bottom:40px;
}

#contentColumnLeft {
	position:relative;
	width:265px;
	margin-left:28px;
	top:75px;
	float:left;
	margin-bottom:80px;
	z-index:3;
}


#contentColumnCenter {
	position:relative;
	width:264px;
	top:75px;
	float:left;
	margin-left:57px;
	margin-bottom:80px;
	z-index:3;
}

#contentColumnRight {
	position:relative;
	width:265px;
	right:29px;
	top:75px;
	float:right;
	margin-bottom:80px;
	z-index:3;
}

#bodyBottomSpacer {       /* -- this div is added to force the background color to fill the container as the columns grow verticaly -- */
	position:relative;
	bottom:0px;
	width:970px;
	height:10px;
	clear:both;
	z-index:2;
}


#footerContainer{
	position:relative;
	width:970px;
	height:36px;
	background-image:url(/images/ActiveTrac-Footer-Image.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFF;
	overflow:hidden;
	clear:both;
	z-index:1;
}


#footerContent {
	position:absolute;
	width:915px;
	height:25px;
	top:10px;
	left:30px;
	z-index:2;
	text-align:center;
}

#truckGraphic {
	background-image:url(../images/ActiveTrac-Footer-Truck.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:210px;
	height:106px;
	bottom:0px;
	right:44px;
	z-index:2;
}


#WLink {
	position:absolute;
	width:205px;
	height:69px;
	top:0px;
	left:385px;
	z-index:2;
}

#bottomBorder{
	position:relative;
	width:970px;
	height:6px;
	background-color:#4C5665;
}

#bottomShadow{
	position:relative;
	width:970px;
	height:118px;
	background-image:url(../images/bottom_shadow.jpg);
	background-repeat:no-repeat;
	background-position:center;
}





/* ------------------------------------------------------------------------------------ Content Page Styles -------------------------------- */

#learnMoreContainer {
	position:absolute;
	top: 300px;
	right:30px;
	width: 265px;
	height:30px;
}

#noFlash10_Features {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(../images/Features-Top-Image.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_Demo {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(../images/Demo-Top-Image.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_Solutions {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Matrix-Solutions-1.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_PartnersResellers {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Partners-Resellers-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_VisionSystem {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Vision-System-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#noFlash10_SmartPrinter {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Smart-Printer-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#noFlash10_WeighLabeling {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Weigh-Labeling-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#noFlash10_Warehouse {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Warehouse-Managment-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_Pallet {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Pallet-Labeling-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_Automation {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Automation-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_Diversion {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Product-Diversion-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_MassScanning {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Mass-Scanning-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#noFlash10_CaseStudies {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Case-Studies-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_ContactMatrix {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/Contact-Matrix-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#noFlash10_About {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(/images/About-Matrix-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#noFlash10_Support {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(../images/Support-Top-Image.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#bodyContainerContent {
	position:relative;
	width:970px;
	min-height:366px;
	background-image:url(/images/Matrix-Content-Body-Bkgd.png);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#DDE1E6;
	z-index:1;
	padding-bottom:40px;
}

#pageTitleContainer {
	position:relative;
	width:375px;
	height:37px;
	left:0px;
	top:18px;
	z-index:9;
}


.AboutTitle {
	background-image:url(/images/Company-Profile-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.caseStudiesTitle {
	background-image:url(/images/Case-Studies-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.casePartnersResellersTitle {
	background-image:url(/images/Partners-Resellers-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.casePartnersVisionTitle {
	background-image:url(/images/Vision-System-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}


.caseSmartPrinterTitle {
	background-image:url(/images/Smart-Printer-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.caseWeighLabelingTitle {
	background-image:url(/images/Weigh-Labeling-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}


.caseContactTitle {
	background-image:url(/images/Contact-Matrix-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.featuresTitle {
	background-image:url(../images/Features-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.demoRegTitle {
	background-image:url(../images/Demo-Title.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.SignUpTitle {
	background-image:url(../images/Service-Registration-Title.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.SupportTitle {
	background-image:url(../images/Support-Title.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.warehouseTitle {
	background-image:url(/images/Wharehouse-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.palletTitle {
	background-image:url(/images/Pallet-Labeling-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.automationTitle {
	background-image:url(/images/Automation-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.diversionTitle {
	background-image:url(/images/Product-Diversion-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}

.massScanningTitle {
	background-image:url(/images/Mass-Scanning-Title.png);
	background-repeat:no-repeat;
	background-position:left;
}
	

#contentColumnLeftWide {
	position:relative;
	width:580px;
	margin-left:28px;
	top:40px;
	float:left;
	margin-bottom:80px;
	z-index:3;
}

#contentColumnRight_2 {
	position:relative;
	width:265px;
	right:29px;
	top:40px;
	float:right;
	margin-bottom:80px;
	z-index:3;
}