/*@charset "utf-16"*/ body { text-align:center; font-size:12px; font-family:Verdana, Arial, sans-serif } head+body { font-size:12px } #wrapper {width:780px;margin-left:auto;margin-right:auto;text-align:left;border:1px solid #ccc;position:relative;background:#fff;background:url(images/header_blank.gif) 5px 5px no-repeat} #header {height:100px;margin:60px 0 0 0} #nav {padding:5px;border:1px solid #ccc;margin:5px;font-size:90%} * html #nav {position:relative;top:0;left:0} #content { font-size:1.2em; line-height:1.2; padding: 5px; } * html #content {height:360px} head+body #content {min-height:360px;font-size:12px;line-height:1.2} #footer {border-top:1px solid #ccc;background:#fff;padding:.5em 1em;margin:0 0 1.5em 0;font-size:90%} #footer p {margin:0;padding:0} * html #footer {padding:.5em 1em;} #footer #credit {display:block;float:right} #footer #footer_left {display:block;float:left;width:60%} #footer #footer_right {display:block;float:right;width:38%;text-align:right} * html #footer #credit {margin:-1.5em 1em 0 0} img {border:none} a {text-decoration:none} a:link {color:#F83611} a:visited {color:#999;text-decoration:underline} a:hover {color:#F83611;text-decoration:underline} #nav a {padding:0 1.2em 0 .5em;margin:1px 0;border-left:1.2em solid #eee} #nav a:visited {text-decoration:none;color:#F83611} #nav a:hover {border-left:1.2em solid #F83611;text-decoration:underline} #nav a#home_logo {display:block;height:100px;width:195px;position:absolute;top:60px;left:5px;padding:0;margin:0;border:none;text-indent:-9999px} * html #nav a#home_logo {top:-110px;left:-5px} #nav a#nav_lang {display:block;text-align:right;padding:0 .5em 0 .5em;border:none} #nav a#nav_lang {margin-top:-1.2em} * html #nav a#nav_lang {width:80px;position:absolute;right:1em;top:1.8em} a#index_logo, p#index_logo {display:block;position:absolute;width:237px;height:148px;top:380px;left:30px} body #wrapper #content p#index_logo {margin:0;padding:0} * html a#index_logo, * html p#index_logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index_shield.png',sizingMethod='scale')} head+body a#index_logo, head+body p#index_logo {background:url(images/index_shield.png)} a#index_logo:link, a#index_logo:visited, a#index_logo:hover {border-bottom:none} body.index #content {padding: 0 5px 35px 5px;margin-top:60px} body.home #content {padding:1em 75px 0 110px} #content p {margin:0;padding:.5em 0} body.index #content p {margin:1em 0 0 260px;font-size:1.5em} body.index #content p a, body.index #content p a:link, body.index #content p a:visited, body.index #content p a:hover {text-decoration:none} body.home #content p {position:relative;z-index:10;margin-left:0px;width:560px;padding-bottom:10px;margin-bottom:0} body.home #content p#home_img {background:url(images/home_bkg.jpg) top right;height:448px;width:780px;position:relative;top:/*-140*/-40px;left:-110px;z-index:1;padding:0;margin:0 -135px -40px 0;z-index:1;border-bottom:none} * html body.home #content p#home_img {margin:0 -185px -40px 0} /*body.home h2 {margin-left:260px;width:300px;color:#000;border-top:1px solid #F83611;border-bottom:1px solid #F83611;position:relative;z-index:10;padding:6px;position:absolute;top:2.4em;left:180px;margin-top:240px} */ table {border-collapse:collapse;background:#eee} td, th {vertical-align:top;padding:3px 6px} table.gallery td, table.gallery th {padding:3px} th {text-align:left} td.br {border-right:1px solid #fff} td.bb, th.bb {border-bottom:1px solid #F83611} td.bbr {border-bottom:2px solid #F83611;border-top:2px solid #F83611;background:#f9f9f9} em {font-weight:bold;font-style:normal;color:#444} * html body.system #content {height:600px;padding-right:25px} head+body.system #content {min-height:600px} * html p#links a, * html p#links a:visited {border:1px solid #fff;padding:2px} * html p#links a:hover {border:1px solid #F83611} head+body p#links a img, p#links a:visited img {border:1px solid #fff;padding:2px} head+body p#links a:hover img {border:1px solid #F83611} #system_house {height:466px;width:580px;position:relative;background:url(images/system_house.jpg) bottom left no-repeat;border:1px solid #ddd} #system_house a {position:absolute;height:34px;width:34px;border:1px solid #F83611} #sys_1_house {top: 10px;left:370px;background:#fff url(images/benefits_moisture.gif) center center no-repeat} #sys_2_house {top:245px;left:212px;background:#fff url(images/benefits_durability.gif) center center no-repeat} #sys_3_house {top:388px;left:148px;background:#fff url(images/benefits_termites.gif) center center no-repeat} #sys_4_house {top: 42px;left:500px;background:#fff url(images/benefits_energy.gif) center center no-repeat} #sys_6_house {top:263px;left:492px;background:#fff url(images/benefits_health.gif) center center no-repeat} #sys_7_house {top:362px;left:387px;background:#fff url(images/benefits_fire.gif) center center no-repeat} #system_house h4, .system_desc h4 {margin:0;color:#F83611} #system_1_house, #system_0_house, #system_2_house, #system_3_house, #system_4_house, #system_5_house, #system_6_house, #system_7_house {display:none;border:1px solid #ccc;padding:6px;background:#fff;position:absolute;font-size:90%} #system_0_house {display:block;top:10px;left:10px;width:200px} /* * html #system_1_house, * html #system_2_house, * html #system_3_house, * html #system_4_house, * html #system_5_house, * html #system_6_house, * html #system_7_house {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans.png',sizingMethod='scale')} head+body #system_1_house, head+body #system_2_house, head+body #system_3_house, head+body #system_4_house, head+body #system_5_house, head+body #system_6_house, head+body #system_7_house {background:url(images/trans.png);} */ #system_1_house {top:10px;left:10px;width:260px} #system_2_house {top:10px;left:10px;width:200px} #system_3_house {top:10px;left:10px;width:260px} #system_4_house {top:10px;left:10px;width:200px} #system_5_house {top:10px;left:10px;width:200px} #system_6_house {top:10px;left:10px;width:200px} #system_7_house {top:10px;left:10px;width:200px} div#system_benefits, div#system_stages {display:none;clear:both;padding-top:0} head+body div#system_benefits, head+body div#system_stages {padding-top:2em} div#system_diagram {width:500px;position:relative;height:500px} div#system_diagram a {display:block;width:76px;height:4em;margin:2px 0 2px 0;border:1px solid #fff;position:absolute;top:0;font-size:85%;padding:70px 6px 0 6px;text-align:center;text-decoration:none} div#system_diagram a:visited, div#system_diagram a:hover {text-decoration:none} a#system_1 {left:0;background:url(images/system_1_0.png) top left no-repeat} a#system_2 {left:90px;background:url(images/system_2_0.png) top center no-repeat} a#system_3 {left:180px;background:url(images/system_3_0.png) top center no-repeat} a#system_4 {left:270px;background:url(images/system_4_0.png) top center no-repeat} a#system_5 {left:360px;background:url(images/system_5_0.png) top center no-repeat} a#system_6 {left:450px;background:url(images/system_6_0.png) top center no-repeat} a#system_7 {left:540px;background:url(images/system_7_0.png) top center no-repeat} div#system_diagram a:hover {border:1px solid #F83611;text-decoration:none} a:hover span.large, a#system_1 span.large {display:block;width:356px;height:340px;border:1px solid #ccc;position:absolute;top:80px;margin:40px 0 0 0;padding:6px 0} a#system_1 span.large {left:-1px;background:url(images/system_1_1.png) center center no-repeat} a#system_2:hover span.large {left:-91px;background:url(images/system_2_1.png) center center no-repeat} a#system_3:hover span.large {left:-181px;background:url(images/system_3_1.png) center center no-repeat} a#system_4:hover span.large {left:-271px;background:url(images/system_4_1.png) center center no-repeat} a#system_5:hover span.large {left:-361px;background:url(images/system_5_1.png) center center no-repeat} a#system_6:hover span.large {left:-451px;background:url(images/system_6_1.png) center center no-repeat} a#system_7:hover span.large {left:-541px;background:url(images/system_7_1.png) center center no-repeat} .system_desc {display:none;width:262px;height:340px;border:1px solid #ccc;position:absolute;top:83px;left:356px;margin:40px 0 80px 0;padding:6px;background:#fff;border-left:none} /*.system_desc div {position:absolute;bottom:0}*/ #system_1_desc {display:block}