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


body {
	margin:0;
	height:100%;
	min-height:100%;
	width:100%;
	background-image:url(../images/ActiveTrac-Site-Bkgd.jpg);
	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;
}

.textStyleOrange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFBE92;
	letter-spacing:1px;
}

.flashPlayerNotice {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	text-align:center;
	padding:10px;
}

.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/ActiveTrac-Logo-Top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#phoneContainer {
	position:absolute;
	bottom:14px;
	right:0px;
	height:15px;
	width:653px;
}

#menuTop {
	position:relative;
	width:970px;
	height:39px;
	background-image:url(../images/ActiveTrac-Menu-Bkgd.jpg);
	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/ActiveTrac-Home-Top-Image.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#topContentContainer {
	position:relative;
	width:970px;
	height:332px;
	background-image:url(../images/ActiveTrac-Home-Top-Image.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#bodyContainerHome {
	position:relative;
	width:970px;
	min-height:366px;
	background-image:url(../images/ActiveTrac-Home-Bottom-Bkgd.jpg);
	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:77px;
	float:left;
	margin-bottom:80px;
	z-index:3;
}


#contentColumnCenter {
	position:relative;
	width:264px;
	top:77px;
	float:left;
	margin-left:57px;
	margin-bottom:80px;
	z-index:3;
}

#contentColumnRight {
	position:relative;
	width:265px;
	right:29px;
	top:77px;
	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:79px;
	background-image:url(../images/ActiveTrac-Footer-Image.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFF;
	overflow:visible;
	clear:both;
	z-index:1;
}


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

#PToolsLink {
	position:absolute;
	width:190px;
	height:69px;
	top:0px;
	left:74px;
	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:#64350B;
}

#bottomShadow{
	position:relative;
	width:970px;
	height:118px;
	background-image:url(../images/bottom_shadow.jpg);
	background-repeat:no-repeat;
	background-position:center;
}





/* ------------------------------------------------------------------------------------ Content Page Styles -------------------------------- */


#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_Videos {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(../images/Videos-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_SignUp {
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:332px;
	background-image:url(../images/Sign-Up-Top-Image.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-Top-Image.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/ActiveTrac-Content-Body-Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#DDE1E6;
	z-index:1;
	padding-bottom:40px;
}


#bodyContainerVideos {
	position:relative;
	width:970px;
	min-height:366px;
	background-image:url(../images/activeTRAC-Video-Body-Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#DDE1E6;
	z-index:1;
	padding-bottom:40px;
}



#pageTitleContainer {
	position:relative;
	width:305px;
	height:37px;
	left:0px;
	top:18px;
	z-index:9;
}

.featuresTitle {
	background-image:url(../images/Features-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.userVideosTitle {
	background-image:url(../images/User-Video-Tours-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.adminVideosTitle {
	background-image:url(../images/Admin-Video-Tours-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;
}

.AboutTitle {
	background-image:url(../images/Company-Profile-Title.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.SupportTitle {
	background-image:url(../images/Support-Title.jpg);
	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;
}

#videoColumn {
	position:relative;
	width:833px;
	height:556px;
	margin-left:66px;
	top:60px;
	float:left;
	margin-bottom:80px;
	z-index:3;
	background-color:#999;
}


#videoCentering {
	position:absolute;
	width:810px;
	height:532px;
	left:12px;
	top:12px;
	background-color:#FFF;
}