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

* { margin: 0; padding: 0; }
body { font: 12px Arial, Helvetica, sans-serif; } 

.clear { clear: both; }
.act { background:none; background-color:#000000; color:#FFFFFF; }
.fl {}
.fr {}
.fc {}


#wrp { width: 100%; height: 900px; margin: auto; position: relative; }
#header { width: 900px; height: 209px; margin: auto; }
.logo { width: 293px; height: 134px; position: relative; float: left; margin: 40px 0 0 0; }
.tmenu { width: 330px; height: 20px; position: relative; float: right; margin: 120px 0 89px 0; color:#000; }
	.tmenu ul { list-style: none; }
	.tmenu ul li { width: 80px; position: relative; float: left; }
	.tmenu ul li a { padding:2px; color: #000; background-color:#fff; }
	.tmenu ul li a:link,
	.tmenu ul li a:active,
	.tmenu ul li a:visited { font-size: 16px; color: #000; background-color:#fff; font-weight: 600; text-align: right; text-decoration: none; }
	.tmenu ul li a:hover { font-size: 16px; color: #fff; background-color:#000; font-weight: 600; text-align: right; text-decoration: none; }
	.tmenu ul li a.act { background-color:#000; color:#fff; }
	.tmenu ul li a.act:link,
	.tmenu ul li a.act:active,
	.tmenu ul li a.act:visited { font-size: 16px; color: #fff; background-color:#000; font-weight: 600; text-align: right; text-decoration: none; }
	.tmenu ul li a.act:hover { font-size: 16px; color: #000; background-color:#fff; font-weight: 600; text-align: right; text-decoration: none; }
	
.mwrp { width: 100%; height:168px; background-color: #e5e3e4; }
	.mwrp ul { width: 900px; height:168px;  list-style: none; margin: 0 auto; }
	.mwrp ul li { width: 225px; height:158px;  position: relative; float: left; padding: 10px 0 0 0; text-indent: 20px; }
	.mwrp ul li a,
	.mwrp ul li a:hover { display: block; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; padding: 125px 0 0 0;  }

	.mwrp li.street_home { background-image: url("../img/btn_streetprint.jpg"); }
	.mwrp li.dura_home { background-image: url("../img/btn_duratherm.jpg"); }
	.mwrp li.coat_home { background-image: url("../img/btn_coating.jpg"); }
  .mwrp li.detail_home { background-image: url("../img/btn_details.jpg"); }
	.mwrp li.spec_home { background-image: url("../img/btn_specials.jpg"); }

	.mwrp li.street_home.act { background: url("../img/btn_streetprint-over.jpg") no-repeat; }
	.mwrp li.dura_home.act { background:transparent url("../img/btn_duratherm-over.jpg") no-repeat; }
	.mwrp li.coat_home.act { background:transparent url("../img/btn_coating-over.jpg") no-repeat; }
  .mwrp li.detail_home.act { background:transparent url("../img/btn_details-over.jpg") no-repeat; }
	.mwrp li.spec_home.act { background:transparent url("../img/btn_specials-over.jpg") no-repeat; }

	.mwrp li.street_home:hover { background-image: url("../img/btn_streetprint-over.jpg"); }
	.mwrp li.dura_home:hover { background-image: url("../img/btn_duratherm-over.jpg"); }
	.mwrp li.coat_home:hover { background-image: url("../img/btn_coating-over.jpg"); }
  .mwrp li.detail_home:hover { background-image: url("../img/btn_details-over.jpg"); }
	.mwrp li.spec_home:hover { background-image: url("../img/btn_specials-over.jpg"); }

.mwrp2 { width: 100%; height: 40px; background-color: #e5e3e4; }
	.mwrp2 ul { width: 900px; height: 30px; list-style: none; margin: 0 auto; }
	.mwrp2 ul li { width: 225px; height: 30px; position: relative; float: left; padding: 10px 0 0 0; text-indent: 20px; }
	.mwrp2 ul li a,
	.mwrp2 ul li a:hover { display: block; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none;  }
	.mwrp2 li.street_home { background-image: url("../img/btn_next_streetprint.jpg"); }
	.mwrp2 li.dura_home { background-image: url("../img/btn_next_duratherm.jpg"); }
	.mwrp2 li.coat_home { background-image: url("../img/btn_next_streetprint.jpg"); }
  .mwrp2 li.detail_home { background-image: url("../img/btn_next_details.jpg"); }
	.mwrp2 li.spec_home { background-image: url("../img/btn_next_specials.jpg"); }
	
	.mwrp2 li.street_home.act {display block; background: #000 none; }
	.mwrp2 li.dura_home.act { display block; background: #000 none; }
	.mwrp2 li.coat_home.act { display block; background: #000 none; }
  .mwrp2 li.detail_home.act { display block; background: #000 none; }
	.mwrp2 li.spec_home.act { display block; background: #000 none; }
	
	.mwrp2 li:hover,
         .mwrp2 li a:active { display block; background: #000 none; }
.cwrp { width: 900px; height: 480px; margin: 50px auto; padding-bottom:85px; }
.ctekst { width: 575px; float: left; }
.line {width: 575px; height: 5px; background-color: #000; margin: 40px 0 0 0; }
.rwrp { width: 325px; float: left; }
.rmenu { width: 255px; height: 120px; float:right; padding: 10px; background: url("../img/submenu_box.jpg") no-repeat top right; }
.rwrp ul { list-style: none; margin: 15px 0 0 20px; }
.rwrp ul li { height: 30px;  }
.rwrp ul li a { font-size: 16px; color: #000; text-decoration: none; }
.rwrp ul li a:hover { height: 30px; font-size: 16px; color: #f00; text-decoration: none; }
.radres { width: 240px; float:right; padding: 10px; border: solid 1px #ccc; }
.radres h2 { font-size: 12px; color: #ff0000; line-height: 12px; }
.radres p { font-size: 12px; color: #000000; line-height: 18px; }
.rfoto { width: 230px;  padding: 15px; float:right; border: solid 1px #ccc; }
.rimg { width: 255px; height: 150px; float:right; background: url("../img/tegels.jpg") no-repeat 125px 10px;}
#footer { width: 100%; height: 85px; background-color: #000000; }