
<style type="text/css">
@import url("style.css");  


/******** layout ********/

body{ background-color: #848484; }

#frame {
   width:706px;
   margin-right:auto;
   margin-left:auto;
   margin-top:0px;
   padding:0px;
   text-align:left;
   position: relative;
}

#contentleft {
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}


#contentleft-testi {
   width:170px;
   padding:5px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}



#contentleft-grey {
   top:0px;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA {
   top:11px;
   height:210px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}


#contentleft-greyA-careers {
   top:11px;
   height:420px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-construction {
   top:11px;
   height:630px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-contracting {
   top:11px;
   height:1150px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-customer {
   top:11px;
   height:1250px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-engineering {
   top:11px;
   height:1300px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-facilities {
   top:11px;
   height:330px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-services {
   top:11px;
   height:380px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-products {
   top:11px;
   height:700px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-greyA-contact {
   top:11px;
   height:350px;;
   width:180px;
   padding:0px;
   float:left;
   position: relative;
   left:0px;
   background-color: #D6D6D6;
}

#contentleft-darkgrey {
   height:30px;
   width:180px;
   padding:0px; 
   text-align: center;
   float:left;
   position: relative;
   background-color: #484848;
}



/*** TEMP **/
#contentright-grey {
   height:210px;
   width:526px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-grey-services {
   height:390px;
   width:526px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyAB-middle {
   top: 0px;
   left:10px;
   height:210px;
   width:1px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #D6D6D6;
}

#contentright-greyA {
   top: 10px;
   left:10px;
   height:190px;
   width:240px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyB {
   top: 10px;
   left:20px;
   height:190px;
   width:240px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}


#contentright-greyfull {
   top: 10px;
   left:20px;
   height:430px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyfull-construction {
   top: 10px;
   left:20px;
   height:630px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}


#contentright-greyfull-contracting {
   top: 10px;
   left:20px;
   height:1150px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyfull-customer {
   top: 10px;
   left:20px;
   height:1250px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyfull-engineering {
   top: 10px;
   left:20px;
   height:1300px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyfull-facilities {
   top: 10px;
   left:20px;
   height:330px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyfull-services {
   top: 10px;
   left:20px;
   height:380px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyfull-products {
   top: 10px;
   left:20px;
   height:700px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-greyfull-contact {
   top: 10px;
   left:20px;
   height:350px;      
   width:500px;       
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}


#contentright-products {
   top: 10px;
   left:10px;
   height:100px;
   width:240px;
   padding:0px;
   float:left;
   position: relative;
   xbackground-color: #FFFFFF;
}

#contentright-greyB {
   top: 10px;
   left:20px;
   height:190px;
   width:240px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}


#contentright-readmore1 {
   top: 0px;
   left:10px;
   height:29px;
   width:240px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-readmore2 {
   top: 0px;
   left:20px;
   height:29px;
   width:240px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright-product {
   top: 0px;
   left:0px;
   height:119px;
   width:270px;
   padding:0px;
   float:left;
   position: relative;
   background-image: url(images/block.gif); 
}

#contentright-news {
   top: 0px;
   left:0px;
   height:119px;
   width:250px;
   padding:0px;
   float:left;
   position: relative;
   background-image: url(images/block.gif); 
}



/*** TEMP **/


#contentright {
   width:526px;
   padding:0px;
   float:left;
   position:relative;
   background-color: #FFFFFF;
}

#readmore {
   width:526px;
   height:22px;
   padding:0px;
   float:left;
   position:relative;
   background-color: #FFFFFF;
}

#contentright2 {
   width:260px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright2a {
   width:1px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

#contentright3 {
   width:260px;
   padding:0px;
   float:left;
   position: relative;
   background-color: #FFFFFF;
}

/******** font***********/
.norm-black-text {
   font-family: arial;
   text-indent: 0;
   padding: 8px;
   font-size: x-small;
   color: #000000;
   text-align:center;
}


.norm-black-text2 {
   font-family: arial;
   text-indent: 0;
   padding: 0px;
   font-size: x-small;
   color: #000000;
   text-align:left;
}

.norm-white-text {
   font-family: arial;
   text-indent: 0;
   padding: 8px;
   font-size: x-small;
   color: #FFFFFF;
   text-align:center;
}

.norm-black-main-text {
   top:0px;
   font-family: tahoma;
   padding: 0px;
   font-size: 11px;
   color: #000000;
   text-align:left;
   position:relative;
}

.norm-black-bold-text {
   position: relative;
   font-family: arial;
   text-indent: 0px;
   top: 3px;
   left: 18px;
   font-weight: bold;
   font-size: 75%;
   color: #000000;
   padding:0;
}

.normal-text-bold {
   position: relative;
   font-family: arial;
   text-indent: 0px;
   font-weight: bold;
   font-size: 75%;
   color: #000000;
   padding:0;
}

.norm-black-bold-header {
   position: relative;
   font-family: arial;
   text-indent: 0px;
   top: 0px;
   left:0px;
   font-weight: bold;
   font-size: 75%;
   color: #000000;
   padding:0;
}

.norm-black-bold-header-middle {
   position: relative;
   font-family: arial;
   text-indent: 0px;
   text-align:center;
   top: 0px;
   left:11px;
   font-weight: bold;
   font-size: 75%;
   color: #000000;
   padding:0;
}

.norm-black-bold-header-middle2 {
   position: relative;
   font-family: arial;
   text-indent: 0px;
   text-align:center;
   top: 0px;
   left:18px;
   font-weight: bold;
   font-size: 75%;
   color: #000000;
   padding:0;
}

.norm-red-bold-header {
   position: relative;
   font-family: arial;
   text-indent: 0px;
   top: 0px;
   left: 0px;
   font-weight: bold;
   font-size: 75%;
   color: #B81D00;
   padding:0;
}

.main-menu-text {
   background:#B81D00;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   color: white;
   text-align:center;
   font-weight: bold;
   font-size:small;
}

.testimonial {
   background:#B81D00;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 3px;
   color: white;
   text-align:center;
   font-weight: bold;
   font-size:small;
}


.footer-menu-text {
   xbackground:#000000;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   color: black;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}


.norm-red-text {
   font-family: arial;
   text-indent: 0px;
   padding: 0px;
   font-size: x-small;
   color: #B72325;
   position:relative;
   left:170px;
}



/******** lines *********/
.hr_grey {
   border:0;
   border-top: 2px solid #484848;
   height: 2;
}
.hr_light_grey {
   border:0;
   border-top: 2px solid #D6D6D6;
   height: 2;
   padding: 0px;
   position: relative;
   top: 0px;
}

.hr_light_grey_formenu {
   border:0;
   border-top: 2px solid #AAAAA9;
   width:15px;
}

.hr_white_formenu {
   width:82%;
   border:0;
   border-top: 1px solid #FFFFFF;
   height: 1;
   position: relative;
   padding:0;
}

.hr_red {
   border:0;
   border-top: 2px solid #B81D00;
   height: 2;
}

/******** image *********/
.image_center 
{
   text-align:center;
   padding: 7px;
   position: relative;
}

.image_center_leftnav 
{
   text-align:center;
   top:3px;
   left:17px;
   padding: 3px;
   position: relative;
}

.image_menu_padding
{
   padding-top: 5px;
   padding-bottom: 5px;
   position: relative;
}

.image_menu_padding_forheader
{
   padding-top: 14px;
   padding-left: 18px;
   position: relative;
}

.image-thumbnail-floating
{
   float: left;
   width: 100px;
   height: 70px;
   padding:0px;
}

.image-testimonial-floating
{
   float: left;
   width: 50px;
   height:40px;
   padding:0px;
}

.learn-more-button
{
   bottom:8px;
   padding:0px;
   right:0px;
   position:absolute;
}

.image-custlogo-floating
{
   float: left;
   width: 80px;
   height: 60px;
   padding:0px;
}

.image-products
{
   float: left;
   width: 180px;
   height: 100px;
   padding:0px;
}


/******** menu *********/
.main-menu
{
   width:180px;
   padding:0px;
   position: relative;
   background-color: #D6D6D6;
}



/***************************  link **************************/

a.leftnav:link 
{ 
   color:black;
   text-decoration:none;
   font-family: arial;
   font-weight: bold;
   font-size: 75%;
   top:3px;
   left:17px;
   position:relative;
}

a.leftnav:visited 
{ 
   color:black;
   text-decoration:none;
   font-family: arial;
   font-weight: bold;
   font-size: 75%;
   top:3px;
   left:17px;
   position:relative;
}

a.leftnav:hover 
{ 
   color:red;
   text-decoration:none;
   font-family: arial;
   font-weight: bold;
   font-size: 75%;
   top:3px;
   left:17px;
   position:relative;
}

a.leftnav:active 
{ 
   color:red;
   text-decoration:none;
   font-family: arial;
   font-weight: bold;
   font-size: 75%;
   top:3px;
   left:17px;
   position:relative;
}






a.footernav:link 
{ 
   color: black;
   text-decoration:none;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}

a.footernav:visited 
{ 
   color: black;
   text-decoration:none;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}

a.footernav:hover 
{ 
   color: red;
   text-decoration:underline;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}

a.footernav:active 
{ 
   color: black;
   text-decoration:none;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}





a.topnav:link 
{ 
   color: white;
   text-decoration:none;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}

a.topnav:visited 
{ 
   color: white;
   text-decoration:none;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}

a.topnav:hover 
{ 
   color: white;
   text-decoration:underline;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}

a.topnav:active 
{ 
   color: white;
   text-decoration:none;
   font-family: BankGothic Lt BT;
   text-indent: 0;
   padding: 8px;
   height:16px;
   text-align:center;
   font-weight: bold;
   font-size:small;
}





a.uppertopnav:link 
{ 
   font-family: arial;
   text-indent: 0;
   padding: 0px;
   font-size: x-small;
   color: #000000;
   text-align:center;
   text-decoration:none;
}

a.uppertopnav:visited 
{ 
   font-family: arial;
   text-indent: 0;
   padding: 0px;
   font-size: x-small;
   color: #000000;
   text-align:center;
   text-decoration:none;
}

a.uppertopnav:hover 
{ 
   font-family: arial;
   text-indent: 0;
   padding: 0px;
   font-size: x-small;
   color: #000000;
   text-align:center;
   text-decoration:underline;
}

a.uppertopnav:active 
{ 
   font-family: arial;
   text-indent: 0;
   padding: 0px;
   font-size: x-small;
   color: #000000;
   text-align:center;
   text-decoration:none;
}
</style>
