.on {background-color: #204167; }
.off {background-color: #475D76; }

/*
.on {background-image: url(/images/menu_on.jpg); }
.off {background-image: url(/images/menu_off.jpg);}
*/

BODY {
font-family: Tahoma;
font-size: 100%;
text-align: center; 
background-image: url(/images/bg1.jpg);
background-repeat: repeat-x;
background-color: #475D76;
}


/*header_en contains the main background image*/
.header_en {
    width:800px;
    height: 316px;
    text-align:left;
    vertical-align:top;
    background-image:url(/images/top5.jpg);
}

.header_en TD {
    vertical-align:top;
}

#banner_gallery {
    width:800px;
    height: 91px;
    text-align:left;
    vertical-align:top;
    background-image:url(/images/banner_gallery.jpg);
}

#banner_gallery TD {
    vertical-align:top;
}

#banner_galleryf {
    width:800px;
    height: 91px;
    text-align:left;
    vertical-align:top;
    background-image:url(/images/banner_galleryf.jpg);
}

#banner_galleryf TD {
    vertical-align:top;
}

/*header_fr contains the main background image*/
.header_fr {
    width:800px;
    height: 316px;
    text-align:left;
    vertical-align:top;
    background-image:url(/images/top5f.jpg);
}

.header_fr TD {
    vertical-align:top;
}

#callus {
  background-image: url(/images/callus.jpg);
  width: 345px;
  height: 34px;
  position: relative;
  top: 0px;
  z-index: 102;
}

#midMenu {
    
    width:800px;
    height: 24px;
    z-index: 100;
    position: relative;
    text-align: left;
    top: 7px;

}

#menuBar {
  padding-top: 1px;
  padding-left: 4px;
  
}


#menuBar A, #menuBar A:link, #menuBar A:visited, #menuBar A:active {
  font-family: Tahoma;
  font-size: 9px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;

}

#menuBar A:hover {

  color: #FFFFFF;

}

#menuBar TD {

  vertical-align: middle;
  text-align: center;
  height: 24px;

}


/*navigation table due to FireFox width and text-align bugs*/
.navbar_en TD {
   padding-top:40px; 
   text-align:center;
}
.navbar_en A {
    font-size: 70%; 
    margin:0px auto; 
    color: White; 
    margin: 0px auto; 
    text-decoration:none;
}

.navbar_en A:visited {
    color: White;
}
.navbar_en A:active {
    color: White;
}
.navbar_en A:hover {
    color: #ffcc00;    
    text-decoration: none;
}


/*content area*/
.content_en {
    font-size: 70%;    
    /* color: #336699; */
    color: #333333;
    background-color:white;
    border: 0px;
}
.content_en H1 {
    font-size: 145%;
    font-family: Arial;
    color: #336699;
}
.content_en H2 {
    font-size:115%;
    line-height: 10%;
}
.content_en H3 {
    font-size: 125%;
}
.content_en H4 {
    font-size: 115%;
}
.content_en H5 {
    font-size: 105%;
}
.content_en H6 {
    font-size: 103%;
}

/*content side area*/
.content_side {
    font-size: 70%;    
    color: White;    
    background-image:url(/images/page_bg1.gif); 
}
.content_side H1 {
    font-size: 145%;
}
.content_side H2 {
    font-size:135%; border-bottom:solid 1px White;
}
.content_side H3 {
    font-size: 125%;
}
.content_side H4 {
    font-size: 115%;
}
.content_side H5 {
    font-size: 105%;
}
.content_side H6 {
    font-size: 103%;
}

.content_en UL {
   font-size: 11px;
   line-height: 135%;
   vertical-align: top;
   display:block;
   list-style-image: url(/images/arrow.gif);
}

.main  {
   font-size: 11px;
   line-height: 135%;
   color: #336699;
}


/*footer area*/
.footer_en {
  font-size: 55%;  color: #666666; background-color: #FFFFFF;
}





.cerca	{
	font-size: 9px;
	font-family: Tahoma;
	color: #666666;
	text-decoration: none;
	}
	
.cerca a:link	{
	font-size: 9px;
	font-family: Tahoma;
	color: #666666;
	text-decoration:none;
	}

.cerca a:visited	{
	font-size: 9px;
	font-family: Tahoma;
	color: #666666;
	text-decoration:none;
	}
.cerca a:hover	{
	font-size: 9px;
	font-family: Tahoma;
	color: #000000;
	text-decoration:none;
	}

.mainBlue	{
	font-size: 11px;
	font-family: Tahoma;
	color: #333399;
	text-decoration: none;
	}

#contentArea {
  position: absolute;
}

#rightSide {
  width: 345px;
  height: 259px;
  background-image: url(/images/right_machine2.jpg);
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}	

#rightSideTruck {
  width: 345px;
  height: 259px;
  background-image: url(/images/right_truck.jpg);
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

#rightSideGrading {
  width: 345px;
  height: 259px;
  background-image: url(/images/right_grading.jpg);
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

#rightSideBackhoe {
  width: 345px;
  height: 259px;
  background-image: url(/images/right_backhoe.jpg);
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

#rightSideSnow {
  width: 345px;
  height: 259px;
  background-image: url(/images/right_snow2.jpg);
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

#rightSideclearing {
  width: 345px;
  height: 259px;
  background-image: url(/images/right_clearing.jpg);
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

#mapsection {
  width: 514px;
  height: 312px;
  background-image: url(/images/bg1.jpg);
  background-repeat: repeat-x;
  background-color: #475D76;
  padding-top: 6px;
  padding-left: 7px;
}

#flashcontent {
   float: left;
   clear: both;
   height: 206px;
   top: 10px;
   z-index:1;
   position:relative; 
}