@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { font: 62%/180% "Times New Roman", Times, serif; color: #4A5568; text-align: left; background: #DEE2E4 url(images/backer.gif) repeat-x; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

p { font-size: 1.2em; line-height: 160%; margin: 0 0 10px; }
ul { font-size: 1.2em; }
a, a:link, a:active, a:visited { color: #556c84; text-decoration: none; padding: 3px 0;  }
a:hover { color: #3D372D;  }
.bannerimages { border: none; padding: 0; margin: 0 0 10px 0; }
td { font-size: 1.2em; line-height: 160%; margin: 0 0 10px; }

#mastercontainer { background: #FFFFFF; width: 972px; margin: 20px auto 0; }
h1 { background: url(images/logo_naturhd.gif) no-repeat; width: 228px; height: 43px; float: left; text-indent: -10000px; margin: 10px 0 20px 20px; }
h2 { float: right; width: 325px; height: 21px; margin: 29px 18px 0 0; font: 1.2em Georgia, "Times New Roman", Times, serif; font-weight: bold; text-indent: -10000px; background: url(images/h2_2.gif) no-repeat; }
h3 { font: 1.5em Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0 0 15px 0; }

/*** Navigation Styles ***/
#navigatorhome { height: 50px; background: url(images/navigator2.gif) no-repeat; list-style: none; position: relative; width: 972px; overflow: hidden; margin: 33px 0 0; clear: both; border-width: 0 0 8px 0; border-style: solid; border-color: #cdd2c0; }
#navigatorhome li { list-style: none; margin: 0; padding: 0; display: inline; position: absolute; text-indent: -10000px;  }
#navigatorhome li, #navigatorhome a { display: block; height: 50px; padding: 0; }
#linkh1 {left: 0; width: 79px; }
#linkh1 a:hover, .link1on {background: transparent url(images/navigator2.gif) -0px -50px no-repeat;}

#navigator { height: 50px; background: url(images/navigator.gif) no-repeat; list-style: none; position: relative; width: 972px; overflow: hidden; margin: 33px 0 0; clear: both; border-width: 0 0 8px 0; border-style: solid; border-color: #c1c8b2; }
#navigator li { list-style: none; margin: 0; padding: 0; display: inline; position: absolute; text-indent: -10000px;  }
#navigator li, #navigator a { display: block; height: 50px; padding: 0; }

#link1 {left: 0; width: 79px; }
#link2 {left: 81px; width: 92px; }
#link3 {left: 175px; width: 97px; }
#link4 {left: 274px; width: 82px; }
#link5 {left: 358px; width: 94px; }
#link6 {left: 595px; width: 128px; }
#link7 {left: 725px; width: 130px; }
#link8 {left: 857px; width: 115px; }

#link1 a:hover, .link1on {background: transparent url(images/navigator.gif) -0px -50px no-repeat;}
#link2 a:hover, .link2on {background: transparent url(images/navigator.gif) -81px -50px no-repeat;}
#link3 a:hover, .link3on {background: transparent url(images/navigator.gif) -175px -50px no-repeat;}
#link4 a:hover, .link4on {background: transparent url(images/navigator.gif) -274px -50px no-repeat;}
#link5 a:hover, .link5on {background: transparent url(images/navigator.gif) -358px -50px no-repeat;}
#link6 a:hover, .link6on {background: transparent url(images/navigator.gif) -595px -50px no-repeat;}
#link7 a:hover, .link7on {background: transparent url(images/navigator.gif) -725px -50px no-repeat;}
#link8 a:hover, .link8on {background: transparent url(images/navigator.gif) -857px -50px no-repeat;}

#fourcolima { height: 293px; background: url(images/4colbox.gif) no-repeat  0 193px; list-style: none; position: relative; width: 972px; overflow: hidden; margin: 0 0 0 0; clear: both; }
#fourcolima1 {left: 0; width: 243px;  }

/*** 4 Col Navigation Styles ***/
#fourcolnav { height: 293px; background: url(images/4colbox.gif) no-repeat  0 193px; list-style: none; position: relative; width: 972px; overflow: hidden; margin: 0 0 0 0; clear: both; }
#fourcolnav li { list-style: none; margin: 0; display: inline; position: absolute; text-align: center;  }
#fourcolnav a { display: block; height: 293px; color: #FFFFFF; text-decoration: none; font: 1.2em Georgia, "Times New Roman", Times, serif; }
#fourcolnav span { display: block; margin: 255px 0 0 0; height: 50px; cursor: pointer; }


#fourcollargeimg { left: 0; width: 729px; height: 293px; }
#fourcol1 {left: 0; width: 243px;  }
#fourcol2 {left: 243px; width: 243px; }
#fourcol3 {left: 486px; width: 243px; }
#fourcol4 {left: 729px; width: 243px; text-align: center;}

#fourcolfeatured { left: 0; width: 972px; height: 293px; position: relative; margin: 0; clear: both; }
.stylefeaturedbackPurple { background: url(images/featuredpanelback.gif); }
.stylefeaturedbackBrown { background: url(images/featuredpanelback-brown.gif); }
.stylefeaturedbackBlue { background: url(images/featuredpanelback-deli.gif); }
.stylefeaturedbackGreen { background: url(images/featuredpanelback-green.gif); }
.stylefeaturedbackRed { background: url(images/featuredpanelbackred.gif); }
.stylefeaturedback-christmas { background: url(images/featuredpanelback-christmas.jpg); }
#fourcolfeatured li { list-style: none; margin: 0; display: inline; position: absolute;   }
#fourcolfeatured span { display: block; margin: 255px 0 0 0; height: 50px; cursor: pointer; }
#fourcolfeatured .nolinks { margin: 10px 0 0 0;  color: #FFFFFF; text-decoration: none; font: 1.2em Georgia, "Times New Roman", Times, serif; }
#fourcolfeaturedtitle {  font: 1.2em/180% Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding: 15px; font-style: italic; font-weight: normal; width: 220px; height: 243px; text-align: left; left: 0; }
#fourcolfeaturedimg1 { left: 0px; }
#fourcolfeaturedimg2 { left: 243px; }
#fourcolfeaturedimg3 { right: 0px; }

/*--- IMAGE PROFILES ---*/
.gallerie { background: url(images/colimg-deli1.jpg) no-repeat; }
.reference { background: url(images/colimg-autumn2.jpg) no-repeat; }
.boisflotte { background: url(images/colimg1.jpg) no-repeat; }
.apropos { background: url(images/outside2.jpg) no-repeat; }

#fourcol1 a:hover {background: transparent url(images/4colbox.gif) -0px 243px no-repeat;}
#fourcol2 a:hover {background: transparent url(images/4colbox.gif) -243px 243px no-repeat;}
#fourcol3 a:hover {background: transparent url(images/4colbox.gif) -486px 243px no-repeat;}
#fourcol4 a:hover {background: transparent url(images/4colbox.gif) -729px 243px no-repeat;}

#flashpanel { width: 972px; }
#threecolumnpanel { width: 972px; background: url(images/3colback.gif) bottom right no-repeat; padding: 20px 0; }

#content { line-height: 160%; }
#content p { font-size: 1.3em; line-height: 160%; }
#content ul { font-size: 1.3em; margin: 5px 15px; list-style: square; }

#column1 { width: 162px; float: left; margin: 0 20px 0 0; min-height: 100px; }

#column2 { width: 527px; float: left; margin: 0 15px 0 5px; }
#column2 .bodyimgborder { border: #E3DFD4 1px solid; margin: 0 0 5px 0; background: #F2EDE1; padding: 10px; }
#column2 .smallbodyimgborder { border: #E3DFD4 1px solid; margin: 0 10px 10px 0; background: #F2EDE1; padding: 10px; float: left;  }
#column2 .imgdescription { padding: 0; margin: 0 0 20px 0; font: 1.2em Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center;}
#column2 .divbreak { clear: both; }

#column3 { width: 243px; float: left; margin: 0 0 0 0; }
#column3 .rightcolpaddingparagraph { padding: 0 15px; margin: 0 0 15px 0; font: 1.2em Georgia, "Times New Roman", Times, serif; line-height: 140%; }


#column1 ul { margin: 5px 0; padding: 0; border-width: 0 1px 0 0; border-style: dashed; border-color: #999999; font: 1.3em Georgia, "Times New Roman", Times, serif; }
#column1 li { list-style: none;  margin: 0 0 5px 0; }
#column1 li a { display: block; color: #4A5568; text-decoration: none; padding: 8px 15px 8px 20px; }
#column1 li a:hover { border-width: 0 0 0 8px; border-color: #c0c7b2; border-style: solid; padding: 8px 15px 8px 12px; background: #f3ece9;  }

#column2 .twocols1 { width: 500px; margin: 0 20px 0 0; padding: 0; float: left; }
#column2 .twocols2 { width: 500px; margin: 0; padding: 0; float: left; }
#column2 .twocols3 { width: 527px; margin: 0; padding: 0; float: left; }

#column2 ul { margin: 5px 0 10px 0; padding: 0; }

#footer { width: 972px; padding: 0; margin: 0px auto 20px; background: #f3ece9 url(images/bg-footer.gif) top right no-repeat; border-top: 1px solid #e3d4cd; border-bottom: 5px solid #e3d4cd; }
#footer p {margin:0; padding: 0 5px 13px 50px; }
#footer ul { margin: 0; list-style:none; border-top: 1px solid #FFFFFF; padding: 13px 5px 12px 20px; }
#footer li { margin:0; padding:0; list-style:none; display:inline; margin-right:.5em; }
#footer a { color:#4A5568; text-decoration:none; }
#footer a:hover { color:#9F98C5; text-decoration:underline; }
#footer #credits { display: none; }
#footer .first { font: 1.0em Georgia, "Times New Roman", Times, serif; }

#footeri { width: 972px; padding: 0; margin: 0px; background: #f3ece9 url(images/bg-footer.gif) top right no-repeat; border-top: 1px solid #e3d4cd; border-bottom: 5px solid #e3d4cd; }
#footeri p {margin:0; padding: 0 5px 13px 50px; }
#footeri ul { margin: 0; list-style:none; border-top: 1px solid #FFFFFF; padding: 13px 5px 12px 20px; }
#footeri li { margin:0; padding:0; list-style:none; display:inline; margin-right:.5em; }
#footeri #credits { display: none; }
#footeri .first { font: 1.0em Georgia, "Times New Roman", Times, serif; }