#content img {
  padding: 2px;
  margin: 15px;
  border: 1px solid #ccc;
}
#content img.noborder {
  border: 0 solid #fff;
}
body {
  margin:      0;
  padding:     0;
  background:  #64cb88; 
  color:       #333;
  font-family: arial, sans-serif;
  font-size:   84%;
}
#my_body {
  padding:    0;
  background: #64cb88 url('images/green.jpg'); 
}
#navi, #builder {
  float: left;
}
#navi {
  width:  35ex;
  margin: 0 0 2ex 0;
}
#navi li.level2 a {
  font-size: 86%;
}
p {
  line-height: 150%;
}
#company {
  background: #fff url('images/headerbg.gif') repeat-x;
}
#company_name {
  margin:     0;
  padding:    0;
  background: transparent url('images/header.jpg') no-repeat;
  height:     127px;
  width:      100%;
}
#company_name a {
  display:  block;
  position: absolute;
  top:      15px;
  left:     32px;
  height:   79px;
  width:    134px;
}
#company_name span {
  display: none;
}
#breadcrumb {
  margin-bottom: 1ex;
  padding-left:  22px;
}
#breadcrumb p {
  font-size: 85%;
  margin: 0;
}
#breadcrumb p, #breadcrumb p a {
  color: #b2e5c4;
  text-decoration: none;
}
#breadcrumb p a:hover {
  text-decoration: underline;
}
#content, #breadcrumb {
  margin-left: 31ex;
  max-width:   120ex;
}
#footer {
  max-width:   150ex;
}
* html #content, * html #breadcrumb {
  width:expression(document.body.clientWidth > (840/12) * parseInt(document.body.currentStyle.fontSize) ? "120ex" : "auto" );
}
* html #footer {
  width:expression(document.body.clientWidth > (1050/12) * parseInt(document.body.currentStyle.fontSize) ? "150ex" : "auto" );
}
#iefix2 { /* IE fix under #content */
  font-size: 1%;
  height: 1%;
}
#footer {
  background-color:  #b2e5c4;
  background-image:  url('images/footerbg.jpg');
  background-repeat: repeat-x;
  clear:             both;
  margin:            3ex 1ex 0 1ex;
  padding:           1ex;
  border-top:        1px solid #b2e5c4;
}
#footer, #footer a {
  color: #13836b;
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .footer1 {
  font-size:     85%;
  margin-top:    0;
  margin-bottom: 0;
  float:         left;
}
#footer .footer2 {
  font-size:     85%;
  margin-top:    0;
  margin-bottom: 0;
  text-align:    right;
}


.clear {
  clear: both;
}

















/* set the image to use and establish the lower-right position */ 
div.contentbox, div.contentbox_body, div.contentbox_head, div.contentbox_head h1.contentbox_heading { 
  background: #fff url('images/contentbox.gif') no-repeat right bottom; 
  overflow:   hidden;
} 
div.contentbox { 
  padding-right: 2ex; /* the gap on the right edge of the image (not content padding) */ 
  text-align:    center;
}
/* set the top-right image */ 
div.contentbox_head { 
  margin:              0;
  padding:             0;
  display:             block;
  background-position: right top; 
  margin-right:        -2ex; /* pull the right image over on top of border */ 
  padding-right:       4ex; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
div.contentbox_head h1.contentbox_heading { 
  display:             block;
  background-position: left top; 
  margin:              0; /* reset main site styles*/ 
  border:              0; /* ditto */ 
  padding:             1ex 0 .5ex 2ex;
  /* padding-left = image gap + interior padding ... no padding-right */ 
  height:              auto !important;
  letter-spacing:      0;
  color:               #085645;
  background-color:    inherit;
  text-decoration:     none;
  font-weight:         normal;
} 
  
* html div.contentbox_head h1.contentbox_heading {
 height: 1%; /* IE Holly Hack */ 
}
div.contentbox_body { 
  /*border-top:          1px solid blue; /* IE fix */
  display:             block;
  text-decoration:     none;
  background-position: left bottom; 
  margin:              0 15px 0 0;/* interior-padding right */ 
  padding:             0 2ex 2ex 6ex; /* mirror .contentbox_head right/left */ 
  margin:              0 15px 0 0;
  padding:             0 2ex 0 6ex;
  background-color:    #fff;
  text-align:          left;
}
/* class dedicated for IE fix */
div.contentbox_body_content {
  margin-bottom: 3ex;
  border-bottom: 1px solid #fff;
}
div.contentbox_body .iefix1 {
  padding: 0;margin: 0; height: 1%; font-size: 1%;
}
div.contentbox_body {
  #margin-bottom: -1px; /* IE fix */
}







/* set the image to use and establish the lower-right position */ 
div.navibox, div.navibox_body, div.navibox_head, div.navibox_head div.navibox_heading { 
  background: #fff url('images/navibox.gif') no-repeat bottom right; 
  overflow:   hidden;
} 
div.navibox { 
  padding-right: 2ex; /* the gap on the right edge of the image (not content padding) */ 
  margin:        0 0 0 0; /* use to position the box */ 
  text-align:    center;
}
/* set the top-right image */ 
div.navibox_head { 
  display:             block;
  background-position: top right; 
  margin-right:        -2ex; /* pull the right image over on top of border */ 
  padding-right:       4ex; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
div.navibox_head div.navibox_heading { 
  display:             block;
  background-position: top left; 
  margin:              0; /* reset main site styles*/ 
  border:              0; /* ditto */ 
  padding:             2ex 0 .5ex 2ex;
  /* padding-left = image gap + interior padding ... no padding-right */ 
  height:              auto !important;
  letter-spacing:      0;
  background-color:    inherit;
  text-decoration:     none;
} 
* html div.navibox_head div.navibox_heading {
 height: 1%; /* IE Holly Hack */ 
}
/* set the lower-left corner image */ 
div.navibox_body { 
  display:             block;
  text-decoration:     none;
  background-position: bottom left; 
  margin:              0 15px 0 0;
  padding:             .5ex 0 4.5ex 4ex; /* mirror .navibox_head right/left */ 
  text-align:          left;
} 


h3.navibox {
  /*font-style:          italic;*/
  letter-spacing:      .17ex;
  color:               #033625;
  font-weight:         normal;
  text-align:          center;
  margin:              0;
  padding:             1.5ex 0 1ex 0;
  background-image:    url('images/infoheadbg.jpg');
  background-repeat:   no-repeat;
  background-position: center top;
  font-size:           105%;
}

.navibox_body ul {
  padding:         0;
  margin:          0;
  list-style-type: none;
  font-size:       105%;
  text-align:      left;
}
.navibox_body ul.frontpage {
  text-align: center;
}
.navibox_body li, .navibox_body a {
  margin:  0;
  padding: 0;
}
.navibox_body li, .navibox_body a {
  border-bottom: 1px solid #fff;
}
.navibox_body ul li {
  background-image:    url('images/fadeline.jpg');
  background-repeat:   no-repeat;
  background-position: center top;
}
.navibox_body ul li.active ul {
  background-image:    url('images/submenubg.jpg');
  background-repeat:   repeat-y;
  background-position: center top;
  border-bottom:       1px solid #fff;
  padding-left:        1em;
  font-size:           95%;
}
.navibox_body ul a  {
  text-decoration: none;
  display:         block;
  color:           #085645;
  padding:         .5ex .33ex .5ex .5ex;
}
.navibox_body ul li.active a,
.navibox_body ul li.active ul li.active a {
  font-weight: bold;
}
.navibox_body ul li.active ul li a { /* IE fix */
  font-weight: 400;
}
.navibox_body ul li.active ul li.active a { /* counter-IE fix */
  font-weight: bold;
}
/*
.navibox_body ul li.active ul li a {
  background-image: url('images/submenubg.jpg'); 
}
*/
.navibox_body ul a:hover, 
.navibox_body ul li.active a, 
.navibox_body ul li.active ul li a:hover  {
  color:               #044635;
  background-image:    url('images/hoverline.jpg');
  background-repeat:   no-repeat;
  background-position: center 3px;
}
.navibox_body ul li.active {
  border-bottom: 2px solid #fff; /* IE fix */
}
.navibox_body ul li.active ul li.active a,
.navibox_body ul li.active ul li.active a:hover,
.navibox_body ul li.active ul li,
.navibox_body ul li.active ul li a {
  background-image: none;
  border-bottom: 0;
}
.navibox_body ul li.active ul li.active a,
.navibox_body ul li.active ul li.active a:hover,
.navibox_body ul li.active ul li a {
  #background-image: url('images/submenubg.jpg');
  #border-bottom: 1px solid #fff; /* IE fix */
}





/* set the image to use and establish the lower-right position */ 
div.builderbox_container {
  width: 40ex;
}
div.builderbox, div.builderbox_body, div.builderbox_head, div.builderbox_head h3.builderbox_heading { 
  background: #fff url('images/puherakennusmestari.gif') no-repeat bottom right; 
} 
div.builderbox { 
  padding-right: 14px; /* the gap on the right edge of the image (not content padding) */ 
  margin:        0 0 0 3ex; /* use to position the box */ 
  text-align:    center;
/*  width:         40ex;*/
/*border: 1px solid red;*/
}
/* set the top-right image */ 
div.builderbox_head { 
  margin:              0;
  padding:             0;
  display:             block;
  background-position: top right; 
  margin-right:        -14px; /* pull the right image over on top of border */ 
  padding-right:       45px; /* right-image-gap + right-inside padding */ 
  height:              119px;
/*border: 1px solid yellow;*/
} 
/* set the top-left image */ 
div.builderbox_head h3.builderbox_heading { 
  display:             block;
  background-position: top left; 
  margin:              0; /* reset main site styles*/ 
  border:              0; /* ditto */ 
  padding:             0;
  /* padding-left = image gap + interior padding ... no padding-right */ 
  height:              119px !important;
  letter-spacing:      0;
  color:               #13836b;
  background-color:    inherit;
  text-decoration:     none;
  font-weight:         normal;
/*border: 1px solid cyan;*/
} 
div.builderbox_head h3.builderbox_heading span { 
  display: none;
}
* html div.builderbox_head h3.builderbox_heading {
 height: 1%; /* IE Holly Hack */ 
}
/* set the lower-left corner image */ 
div.builderbox_body { 
  display:             block;
  text-decoration:     none;
  background-position: bottom left; 
  margin:              0 28px 0 0;/* interior-padding right */ 
  padding:             0px 0 25px 25px; /* mirror .builderbox_head right/left */ 
  background-color:    #fff;
  text-align:          center;
  color:               #666;
  overflow:            visible;
/*border: 1px solid blue;*/
}
div.builderbox_body p {
  font-size: 90%;
  margin-bottom: 5ex;
  border: 1px solid white;
}
div.builderbox_container div.builderbox_body p {
  width: 30ex;
}
.miniclear {
  clear: both;
  height: 1%;
  padding: 0;
  margin: 0;
  font-size: 1pt;
}
.ie6miniclear {
  margin: 0;
}

div.builderbox_body_content { 
  margin-top: -20px;
  float:      left;
  /*width:      23ex;*/
  /*width:         35ex;*/
  margin:     -20px 0px -20px 0px;
  overflow:   visible;
/*border: 1px solid green;*/
}
#navi div.builderbox_body_content {
  width: 23ex;
}