*{
margin: 0;
padding: 0;}

body{
background-image: url(images/AmericanFlagBackground.jpg);
width: 800px;
padding-left: 50%;} /*test on ie 6 & 7*/

p{
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;}

a{
color: #9b251d;
text-decoration: none;}

.blueLinks{
color: #5d67f1;
text-decoration: none;}

a:hover{
text-decoration: underline;}

h4{
font-weight: bold;}

.centeredText, #dynHeading{
text-align: center;}

.dynHeading2{
padding: 0 0 0 0;
text-align: center;}

.dynHeading3{
padding: 0 0 10px 0;
text-align: center;}

.centeredImage{
display: block;
margin-left: auto;
margin-right: auto;}

.paddedText{
padding: 0 10px 0 25px;}

 #dynText{
 padding: 10px 10px 0 25px;}
 
 .dynText2{
 font-size: 14px;
 padding: 0 10px 0 25px;}
 
#didYouKnow{
width: 186px;
height: 230px;
margin: 20px 0 0 10px;
padding: 15px 0 0 0;
color: #ffffff;
adding: 20px;
background-image: url(images/timeIsMoney.gif);
background-repeat: no-repeat;
background-color: #ebede8;}

.clientQuote{
font-size: 18px;}

#container{
width: 800px;
height: 770px;
margin-top: 25px;	
margin-right: auto;
margin-left: auto;
margin-left: -400px;  /*test on ie 6 & 7*/
background-image: url(images/tableBg.png);
background-repeat: no-repeat;
background-position: center center;}

#col1{
width: 200px;
height: 770px;
float: left;}

	#logo{
	margin: 30px 0 0 5px;}

	.nav{
	margin: 20px 0 0 15px;}
	
	#dopplerRadar{
	font-size: 16px;
	margin: 20px 0 0 15px;}

	#weather{
	width: 180px;
	height: 150px;
	margin: 0 0 0 12px;}

#col2{
width: 600px;
height: 770px;
float: right;}

	#header{
	width: 537px;
	height: 190px;
	padding: 30px 0 0 25px;}

	#header2{
	width: 537px;
	height: 90px;
	padding: 30px 0 0 35px;}

	#main{
	width: 573px;
	height: 470px;
	order: 1px solid red;
	verflow: scroll;}

	#main2{
	width: 573px;
	height: 570px;
	padding: 0 0 0 15px;
	verflow: scroll;}

	#indexFooter{
	width: 600px;
	height: 100px;
	padding: 0;
	text-align: center;}
	
	#footer{
	width: 600px;
	height: 100px;
	padding: 15px 0 0 0;
	text-align: center;}
	
	
#clear{
clear: both;
padding: 10px 0 0 0;
font-size: 11px;
font-family: "Times New Roman", serif;
text-align: center;}

/**************** INDEX ****************/

#mainCol1{
width: 380px;
height: 470px;
padding: 0 0 0 27px;
float: left;}

	.mainCol1Row{
	width: 370px;
	height: 150px;}

	.mainCol1Img{
	float: left;}

	.mainCol1Text{
	width: 200px;
	float: right;}

	h2{
	font-size: 16px;
	color: #ffffff;
	background-image: url(images/h2Background.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	padding: 5px 0 3px 0;}

#mainCol2{
width: 140px;
height: 470px;
padding: 0 10px 0 0;
float: right;}

	#missionStatement{
	width: 140px;
	height: 129px;
	color: #ffffff;
	background-color: #000000;
	padding: 18px 0 0 0;
	line-height: 20px;
	background-image: url(images/missionStatement.gif);
	background-repeat: no-repeat;
	background-color: #ebede8;}

	#projectHighlight{
	width: 140px;
	height: 230px;
	color: #ffffff;
	background-color: #000000;
	padding: 18px 0 0 8px;
	line-height: 18px;
	background-image: url(images/projectHighlight.gif);
	background-repeat: no-repeat;
	background-color: #ebede8;}

	#projectHighlight h4, #projectHighlight p{
	width: 125px;}
	
	#webBrochure{
	background-image: url(images/pdfIcon.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	color: #9b251d;
	font-size: 15px;
	height: 80px;}
	
	#webBrochure h4{
	padding: 10px 0 0 40px;}

/**************** COMPANY INFO ****************/

#coInfoContent{
width: 570px;
height: 300px;}

#row1Col1{
width: 230px;
margin: 0 0 0 20px;
text-align: justify;
float: left;}

#row1Col2{
width: 290px;
height: 285px;
margin: 0 0 0 260px;
padding: 10px 0 0 0;
color: #ffffff;
background-image: url(images/whyMetroMix.gif);
background-repeat: no-repeat;
background-color: #ebede8;}

#row1Col2 p{
padding: 0 0 0 20px;
width: 240px;}


/**************** CUSTOMER SERVICE ****************/

#csHeading{
font-size: 16px;
font-weight: bold;
padding: 0 0 8px 0;}

#csTips{
width: 500px;
height: 240px;
margin: 10px 0 0 25px;
padding: 20px;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: #cccccc;
overflow: scroll;}

#csTips span{
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;}

span#csh1{
font-size: 16px;
font-weight: bold;}

#nathanAndRaquel{
margin: 0 0 0 60px;}

/**************** QUALITY ASSURANCE ****************/

#qaList{
width: 500px;
height: 410px;
margin: 0 0 0 25px;
padding: 25px;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: #cccccc;
overflow: scroll;}

/**************** EMPLOYMENT ****************/

.paddedText li{
font-size: 14px;}


/**************** CONCRETE RESOURCES ****************/

.resText{
padding: 0 0 0 25px;}

#concreteCal{
font-size: 18px;}

#pdfTable{
width: 500px;
height: 200px;
padding: 20px;
margin: 10px 25px 0 25px;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: #cccccc;
overflow: scroll;}

#pdfContainer{
width: 500px;}

#pdfContainer td{
padding: 0 0 5px 0;}

/**************** PRODUCTS ****************/

#prodInfo2{
margin: 0 0 0 200px;}

/**************** CON. VS. ASPHALT ****************/

span{
font-size: 16px;}

#cvaCol1{
width: 280px;
height: 560px;
background-color: #cccccc;
float: left;
overflow: scroll;}

#cvaCol2{
width: 280px;
height: 560px;
padding: 0 0 0 10px;
background-color: #cccccc;
float: right;
overflow: scroll;}

/**************** CONTACT ****************/

#contactContainer{
margin: 25px 0 0 45px;}