@charset "utf-8";

/* CSS Document */





body  {



	background-color:#0066cc;

    background-image:url(images/bg2.jpg);

	background-repeat:repeat;

	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;

}

#container { 

	width: 822px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background-image:url(images/container-bg.jpg);

	background-repeat:repeat-y;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

	font-family:Arial, Helvetica, sans-serif;

} 

#header { 

	background-image:url(images/header.jpg);

	width:822px;

	height:140px;

	background-repeat:no-repeat;

	} 

	

#nav {

    background-image:url(images/nav-bg2.jpg);

	width:822px;

	height:38px;

	background-repeat:no-repeat;

	float:left;}

	

	

#navlist

{

 background-image:url(images/nav-bg2.jpg);

 background-repeat:no-repeat;

 padding-bottom:0px;

 padding-left:35px;

 padding-top:12px;

 padding-right:20px;

 font-size:14px;

 }

 

#navlist ul

{list-style-type:none;}



#navlist li

{display:inline;

 padding:5px;

 font-family:Arial, Helvetica, sans-serif;

 font-weight:bold;

 font-size:12px;}

 

#navlist li a:link

{color:#ffffff;

 text-decoration:none;

 font-family:Arial, Helvetica, sans-serif;

}

 

#navlist li a:hover

{color:#FFFFFF;

 text-decoration:underline;}

 

#navlist li a:visited

{color:#ffffff;

 text-decoration:none;}

 

 #navlist li a:active

{color:#ffffff;

 text-decoration:none;}

	

#middle1 {

     

	  width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/home-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	

	

#middle2 {



	 width:822px;

	 height:312px;



	 float:left;

	 }

	 

#industrial {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/industrial-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#interior {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/interior-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#commercial {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/commercial-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#residential {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/residential-banner-2.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#stationary {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/stationary-banner-2.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#portable {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/portable-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#stabalized {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/stabalized-material-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#transportation {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/transportation-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#concrete {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/concrete-removal-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#contact {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/contact-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }

	 

#projects {

     

	 width:822px;

	 height:210px;

	 float:left;

	 background-image:url(images/residential-banner.jpg);

	 background-repeat:no-repeat;

	 overflow:hidden;

	 }



#sidebar1 {

	float: right; /* since this element is floated, a width must be given */

	

	width: 297px; 

	height: 239px;

	background-image:url(images/montagu-bg.jpg);

	background-repeat:no-repeat;

	

	 

}



#sidebar1 p {

   padding-top:130px;

   padding-left:40px;

   padding-right:50px;

   padding-bottom:0px;

   color:#FFFFFF;

   font-family:Arial, Helvetica, sans-serif;

   font-size:12px;

   font-weight:bold;}

   

 

#sidebar2 {

	float: right; /* since this element is floated, a width must be given */

	width:450px;}

	

#sidebar2  p {

	padding-top:125px;

	padding-left:50px;

	padding-right:50px;

	font-size:14px;}





	

#mainContent { 

    background-image:url(images/home-left.jpg);

	width:525px;

	background-repeat:no-repeat;

	float:left;

	clear:left;

	

}



#mainContent  p {

	padding-top:0px;

	padding-left:50px;

	padding-right:0px;

    font-size:14px;

    font-family:Arial, Helvetica, sans-serif;}

	

	

#mainContent2 {

  background-image:url(images/sub-bg2.jpg);

  width:872px;

  background-repeat:no-repeat;

  float:left;

  clear:left;}

  

#mainContent2  p {

	padding-top:0px;

	padding-left:50px;

	padding-right:95px;

	font-size:14px;

	

	font-family:Arial, Helvetica, sans-serif;}

	





	

 .heading {

	padding-top:0px;

	padding-left:50px;

	padding-right:50px;

	font-size:14px;

	line-height:30px;

	font-family:Arial, Helvetica, sans-serif;

	color:#000099;

	font-weight:bold;}

	

.link   {color:#FF9900;

         padding-top:0px;

		 padding-left:40px;

		 font-family:Arial, Helvetica, sans-serif;

		 font-size:10px;

		 font-weight:bold;

		}

	

#footer { 

	clear:both;

	

	background-image:url(images/footer-bg.jpg);

	height:39px;





} 

#footer p {

	padding-top:25px;

	padding-left:560px;

	padding-right:50px;

	padding-bottom:0px;

	font-size:10px;

	font-family:Arial, Helvetica, sans-serif;}

	

	

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.style1 {

	color: #000099;

	font-weight: bold;

	padding-top:20px;

}



.style2 {

	color: #000099;

	font-weight: bold;

	font-style:italic;

}





   h3 {

	color: #000099;

	font-weight: bold;

	text-decoration:underline;

	

	padding-left:50px;

	padding-right:0px;

	

    font-size:14px;

    font-family:Arial, Helvetica, sans-serif;

}



h4 {

  font-size:14px;

  font-family:Arial, Helvetica, sans-serif;

  color:#000099;

  font-weight:bold;

  }



.style4 {

	color: #000099;

	font-weight: bold;

	font-size:16px;

}



h1  

{color:#000099;

 font-size:20px;

 padding-left:50px;

 font-family:Arial, Helvetica, sans-serif;

 padding-bottom:10px;

 padding-top:0px;}

 

.hometext {

	padding-top:25px;

	padding-left:50px;

	padding-right:50px;

	padding-bottom:20px;

	font-size:14px;

	

	font-family:Arial, Helvetica, sans-serif;}

	

	

	

 ul

{

list-style-type: none;

padding-left: 65px;

padding-top:10px;

padding-right:95px;

margin: 0;

font-size:14px;

color:#000000;

font-family:Arial, Helvetica, sans-serif;

}



li

{

list-style-image:url(images/bullet.jpg);

padding-bottom:20px;

}





.table{

padding-top:0px;}



.table2{

padding-top:0px;

padding-left:50px;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;}



a:link {

color:#FF6600;

font-size:11px;

text-decoration:underline;}



a:visited {

color:#FF6600;

font-size:11px;

text-decoration:underline;}



a:hover {

color:#FF6600;

font-size:11px;

text-decoration:none;}



.news {

padding-left:0px;}



.news a:link {

color:#FF6600;

font-size:14px;

text-decoration:underline;}



.news a:visited {

color:##FF6600;

font-size:14px;

text-decoration:underline;}



.news a:hover {

color:##FF6600;

font-size:14px;

text-decoration:underline;}



.news a:active {

color:##FF6600;

font-size:14px;

text-decoration:underline;}



.projects2 {

padding-left:50px;

}



.projects2 a:link {

color:#FF6600;

font-size:14px;

text-decoration:underline;}



.projects2 a:visited {

color:##FF6600;

font-size:14px;

text-decoration:underline;}



.projects2 a:hover {

color:##FF6600;

font-size:14px;

text-decoration:underline;}



.projects2 a:active {

color:##FF6600;

font-size:14px;

text-decoration:underline;}





.form {

padding-left:50px;

font-size:14px;

}