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

#dispmenu8 {
	position:relative;
	top: -41em;
	left: 0.3%;
	#top: -41.5em;
	#left: .3%;
	width: 100%;
margin-left: auto; 
margin-right: auto;
z-index:30;
}

#dispmenu9 {
	position:relative;
	top: -41em;
	left: 0.3%;
	#top: -41.5em;
	#left: .3%;
	width: 100%;
margin-left: auto; 
margin-right: auto;
z-index:30;
}

#qnamenu8 {
	position:relative;
	top: -41.5em;
	left: .3%;
	#top: -41.5em;
	#left: .3%;
	width: 100%;
margin-left: auto; 
margin-right: auto;
z-index:30;
}

#loadingmenu {
	position:relative;
	top: -45em;
	left: 0.3%;
	#top: -45em;
	#left: .3%;
	width: 100%;
margin-left: auto; 
margin-right: auto;
z-index:30;
}




#cement-truck {
	position:relative;
	top: -84em;
	left: 44%;
	#top: -85.5em;
	#left: 44%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#cement-truck{
	top: -83.5em;
	left: 44%;
}
} 


#cement-footer {
	position:relative;
	top: -70.9em;
	left: 54%;
	#top: -70.9em;
	#left: 54%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#request {
	position:relative;
	top: -36em;
	left: 25%;
	#top: -36em;
	#left: 25%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}



#branding {
	position:relative;
	top: -27.7em;
	left: 85.5%;
	#top: -28.1em;
	#left: 85.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#branding{
	top: -27em;
	left: 85.5%;
}
} 


#about-branding {
	position:relative;
	top: -94.3em;
	left: 85.5%;
	#top: -94.9em;
	#left: 85.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#about-branding{
	top: -91.7em;
	left: 85.5%;
}
} 




#contact-branding {
	position:relative;
	top: -8.5em;
	left: 85.5%;
	#top: -8.8em;
	#left: 85.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#cobtact-branding{
	top: -8.5em;
	left: 85.5%;
}
} 


#qna-branding {
	position:relative;
	top: -8.5em;
	left: 85.5%;
	#top: -8.5em;
	#left: 85.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#loading-branding {
	position:relative;
	top: -66em;
	left: 85.5%;
	#top: -67.5em;
	#left: 85.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-branding{
	top: -65em;
	left: 85.5%;
}
}




#producer-branding {
	position:relative;
	top: -52.5em;
	left: 85.5%;
	#top: -53.3em;
	#left: 85.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#copyright {
	position:relative;
	top: -44em;
	left: -3%;
	#top: -45em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#copyright{
	top: -43.5em;
	left: -3%;
}
} 





#about-copyright {
	position:relative;
	top: -95.65em;
	left: -3%;
	#top: -96.5em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#about-copyright{
	top: -93.3em;
	left: -3%;
}
}


#contact-copyright {
	position:relative;
	top: -9.75em;
	left: -3%;
	#top: -10.35em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#contact-copyright{
	top: -9.9em;
	left: -3%;
}
} 

#qna-copyright {
	position:relative;
	top: -10em;
	left: -3%;
	#top: -10.5em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#loading-copyright {
	position:relative;
	top: -67.5em;
	left: -3%;
	#top: -69em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-copyright{
	top: -66.5em;
	left: -3%;
}
}


#producer-copyright {
	position:relative;
	top: -54em;
	left: -3%;
	#top: -55em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#notes {
	position:relative;
	top: -40em;
	left: 0%;
	#top: -40em;
	#left: 0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#xxnotes {
	position:relative;
	top: -38em;
	left: 0%;
	#top: -39.5em;
	#left: 0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#notesx {
	position:relative;
	top: -61.5em;
	left: 45%;
	#top: -61.5em;
	#left: 45%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}


#b4nafter {
	position:relative;
	top: -46em;
	left: 19%;
	#top: -47em;
	#left: 19%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#logo {
	position:relative;
	top: -67.45em;
	left: -3%;
	#top: -67.45em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#logo{
	top: -66.5em;
	left: -3%;
}
} 


#about-logo {
	position:relative;
	top: -134em;
	left: -3%;
	#top: -134em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}


@media screen and (-webkit-min-device-pixel-ratio:0){

#about-logo{
	top: -131.2em;
	left: -3%;
}
}


#contact-logo {
	position:relative;
	top: -48.1em;
	left: -3%;
	#top: -48em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#contact-logo{
	top: -47.85em;
	left: -3%;
}
}



#qna-logo {
	position:relative;
	top: -48.1em;
	left: -3%;
	#top: -48em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#qna-logo{
	top: -47.85em;
	left: -3%;
}
}



#loading-logo {
	position:relative;
	top: -105.5em;
	left: -3%;
	#top: -106em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-logo{
	top: -104.5em;
	left: -3%;
}
}

#producer-logo {
	position:relative;
	top: -92.3em;
	left: -3%;
	#top: -92.5em;
	#left: -3%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#producer-logo{
	top: -92em;
	left: -3%;
}
}


#tr-button {
	position:relative;
	top: -103em;
	left: 0%;
	#top: -103em;
	#left: 0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#graybox {
	position:relative;
	top: -120.5em;
	left: -5%;
	#top: -120.5em;
	#left: -5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: -10;
}

#about-truck {
	position:relative;
	top: -130em;
	left: 0%;
	#top: -132em;
	#left: -0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#about-truck{
	top: -127em;
	left: 0%;
}
}





#about-terry {
	position:relative;
	top: -75.9em;
	left: -0%;
	#top: -75.9em;
	#left: -0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#about-terry{
	top: -73em;
	left: 0%;
}
}




#terrybio {
	position:relative;
	top: -43.5em;
	left: 16%;
	#top: -43.5em;
	#left: 16%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#terrybio{
	top: -42.5em;
	left: 16%;
}
}


#toddbio {
	position:relative;
	top: -53.5em;
	left: 65%;
	#top: -53.5em;
	#left: 65%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#toddbio{
	top: -52em;
	left: 65%;
}
}


#about-todd{
	position:relative;
	top: -94em;
	left: 45%;
	#top: -94em;
	#left: 45%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#about-todd{
	top: -91em;
	left: 45%;
}
}


#about-bottom {
	position:relative;
	top: -77em;
	left: -0%;
	#top: -77em;
	#left: -0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 10;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#about-bottom{
	top: -74em;
	left: 0%;
}
}


#truckinfo {
	position:relative;
	top: -100em;
	left: 67.5%;
	#top: -101.5em;
	#left: 67.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#truckinfo{
	top: -100em;
	left: 67.5%;
}
}


#terr {
	position:relative;
	top: -39em;
	left: 63%;
	#top: -39em;
	#left: 63%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#indexcement {
	position:relative;
	top: -82.6em;
	left: 51.5%;
	#top: -82.6em;
	#left: 51.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#graybox-but {
	position:relative;
	top: -115.5em;
	left: 0%;
    #top: -116.5em;
	#left: 0%;

	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}


@media screen and (-webkit-min-device-pixel-ratio:0){

#graybox-but{
	top: -114.9em;
	left: 0%;
}
} 



#sample {
	position:relative;
	top: -35em;
	left: 15%;
	#top: -38em;
	#left: 15%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#divider {
	position:relative;
	top: -130.5em;
	left: 42%;
	#top: -130.5em;
	#left: 42%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#divider{
	top: -127.5em;
	left: 42%;
}
}


#producer-chart {
	position:relative;
	top: -51em;
	left: -3%;
	#top: -51em;
	#left: -2%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#producer-map {
	position:relative;
	top: -40em;
	left: 37%;
	#top: -40em;
	#left: 37%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#producer-notes {
	position:relative;
	top: -92em;
	left: -1%;
	#top: -92em;
	#left: -1%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#producer-notes1 {
	position:relative;
	top: -80em;
	left: 37%;
	#top: -82em;
	#left: 38%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#loading-video {
	position:relative;
	top: -40em;
	left: 0%;
	#top: -41.5em;
	#left: -1%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#loading-pics {
	position:relative;
	top: -39.5em;
	left: 0%;
	#top: -41em;
	#left: -0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#loading-notes {
	position:relative;
	top: -65em;
	left: 36%;
	#top: -66em;
	#left: 36%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#cementpile {
	position:relative;
	top: -86em;
	left: 53%;
	#top: -87.5em;
	#left: 53%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#yynotes {
	position:relative;
	top: -103em;
	left: 0%;
	#top: -103em;
	#left: 0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}


#loading-notes5 {
	position:relative;
	top: -47.5em;
	left: 72%;
	#top: -49.3em;
	#left: 72%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-notes5{
	top: -47em;
	left: 72%;
}
}



#loading-notes4 {
	position:relative;
	top: -51em;
	left: 54.6%;
	#top: -53em;
	#left: 54.6%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-notes4{
	top: -50.5em;
	left: 54.6%;
}
}



#loading-notes3 {
	position:relative;
	top: -54.7em;
	left: 37%;
	#top: -56.8em;
	#left: 37%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-notes3{
	top: -54em;
	left: 37%;
}
}

#loading-notes2 {
	position:relative;
	top: -59em;
	left: 19.5%;
	#top: -61.3em;
	#left: 19.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-notes2{
	top: -58.5em;
	left: 19.5%;
}
}

#loading-notes1 {
	position:relative;
	top: -62.5em;
	left: 0.5%;
	#top: -65em;
	#left: 0.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#loading-notes1{
	top: -62em;
	left: .5%;
}
}
#tech-notes {
	position:relative;
	top: -78em;
	left: 0.5%;
	#top: -79em;
	#left: 0.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#tech-button{
	position:relative;
	top: -80.5em;
	left: 23%;
	#top: -80em;
	#left: 23%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#tech-pic{
	position:relative;
	top: -44em;
	left: 32%;
	#top: -45em;
	#left: 32%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#qna-notes1{
	position:relative;
	top: -47em;
	left: 0%;
	#top: -47em;
	#left: 0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#qna-notes2{
	position:relative;
	top: -46em;
	left:0%;
	#top: -46em;
	#left: 0%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

#qna-notes3{
	position:relative;
	top: -68.5em;
	left: 45%;
	#top: -69em;
	#left: 45%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 30;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#qna-notes3{
	top: -67.7em;
	left: 45%;
}
}



#about-notes1 {
	position:relative;
	top: -50em;
	left: 65%;
	#top: -50em;
	#left: 65%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}


#notes2{
	position:relative;
	top: -41.2em;
	left: 40%;
	#top: -41.2em;
	#left: 40%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}

#msds{
	position:relative;
	top: -80.5em;
	left: 23.5%;
	#top: -80em;
	#left: 23.5%;
	width: 85%;
margin-left: auto; 
margin-right: auto;
z-index: 0;
}




body {
	font: 100% Arial;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.oneColFixCtr #container {
	width: 1028px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

img.resize {
	width:120px;
	height:90px;
	border:1px solid #000000;
	padding:2px;
	position:absolute;
	z-index:1;
	left: 48px;
	top: 785px;
}
img.thumb {
	width:120x;
	height:90px;
	border:1px solid #000000;
	padding:2px;
	position:absolute;
	z-index:2;
}

div#preloader{
   position: absolute;
   top:-9999px;
   left:-9999px; 
   height:1px;
   width:1px;
   overflow:hidden;
   display:none;
}