@charset "utf-8";
html{
height:100%;
}
img{
border:0 !important;
}
body {
margin: 0px;
padding: 0px;
font-family:arial, sans-serif;
color:#4d4d4d;
font-size:12px;
line-height:20px;
height:100%;
}
h1{
font-family: 'HattoriHanzoLight';
/*font-weight:bold;*/
font-size:22px;
color:#000;
}
h2{
font-family: 'HattoriHanzoLight';
/*font-weight:bold;*/
font-size:18px;
color:#000;
}
h3{
font-family: 'HattoriHanzoLight';
/*font-weight:bold;*/
font-size:16px;
color:#000;
}
h4{
font-family: 'HattoriHanzoLight';
/*font-weight:bold;*/
font-size:14px;
color:#000;
}
a {
text-decoration:none;
color:#b2a144;
}
a:hover {
text-decoration:underline;
}
.page-wrapper{
width:100%;
height:100%;
min-height:100%;
height:auto !important;
margin-bottom:-50px;
}
.main-wrapper{
/*position:relative;*/
margin:0 auto;
width:978px;
}
.bg1{
background:url(../images/bg-page1.jpg) repeat-x bottom #fafafa;
border-bottom:1px solid #dadada;
}
.bg2{
background:url(../images/bg-page2.jpg) no-repeat top center;
}
.bg2b{
background:url(../images/bg-page2.jpg) no-repeat top center #e9e9e9;
}
.bg-top{
background:url(../images/bg-top.png) no-repeat top right;
}
.top-wrapper{
padding:20px 0 20px 0;
}
.top-contact-number{
font-family: 'DroidSansRegular';
font-size:14px;
font-weight:bold;
color:#0e7ba5;
}
.main-nav-wrapper{
border-bottom:1px solid #033950;
}
.main-nav-bg-top{
background:url(../images/main-nav-bg-top.png) no-repeat top;
width:978px;
height:5px;
}
.main-nav-container{
background:url(../images/main-nav-bg-center.png) repeat-y top;
width:978px;
border-bottom:4px solid #065272;
}
ul.main-nav{
margin:0;
padding:0;
list-style:none;
}
ul.main-nav li, ul.main-nav li a{
display:inline;
display:block;
float:left;
font-family: 'DroidSansRegular';
font-size:13px;
line-height:25px;
color:#fff;
}
ul.main-nav li a{
padding:2px 24px 2px 24px;
}
.webkit ul.main-nav li a{
padding:2px 20px 2px 24px;
}
ul.main-nav li a:hover{
margin-bottom:-4px;
border-bottom:4px solid #ffe973;
text-decoration:none;
color:#ffe973;
}
ul.main-nav li a.active{
margin-bottom:-4px;
border-bottom:4px solid #ffe973;
text-decoration:none;
color:#ffe973;
}
ul.main-nav li.home a{
background:url(../images/icon-home.png) no-repeat top;
padding:0 15px 4px 15px;
width:25px;
height:25px;
text-indent:-999999px;
overflow:hidden;
}
ul.main-nav li.home a:hover{
margin-bottom:-4px;
border-bottom:4px solid #ffe973;
background:url(../images/icon-home.png) no-repeat 15px -25px;
}
.webkit ul.main-nav li.home a{
background:url(../images/icon-home.png) no-repeat top;
padding:0 18px 4px 18px;
margin-bottom:-4px;
border-bottom:4px solid #ffe973;
width:25px;
height:25px;
text-indent:-999999px;
overflow:hidden;
}
.webkit ul.main-nav li.home a:hover{
margin-bottom:-4px;
border-bottom:4px solid #ffe973;
background:url(../images/icon-home.png) no-repeat 18px -25px;
}
/*ul.main-nav li.home a.active{
background:url(../images/icon-home.png) no-repeat 13px -25px;
}*/
#home ul.main-nav li.home a{
margin-bottom:-4px;
border-bottom:4px solid #ffe973;
background:url(../images/icon-home.png) no-repeat 15px -25px;
}
.webkit #home ul.main-nav li.home a{
background:url(../images/icon-home.png) no-repeat 18px -25px;
}
#about ul.main-nav li.about a, #product ul.main-nav li.product a, #install ul.main-nav li.install a, #project ul.main-nav li.project a, #certificate ul.main-nav li.certificate a, #contact ul.main-nav li.contact a{
margin-bottom:-4px;
border-bottom:4px solid #ffe973;
color:#ffe973;
}
.subpage-btm-nav-bg{
background:url(../images/main-banner-bg-shadow.png) no-repeat bottom;
padding-bottom:20px;
}
.main-banner-wrapper{
background:url(../images/main-banner-bg-shadow.png) no-repeat bottom;
width:978px;
padding-bottom:20px;
}
.main-banner-container{
background:url(../images/main-banner-bg.jpg) no-repeat top #011d28;
padding:10px;
width:958px;
}
.main-banner-bg-bottom{
background:url(../images/main-banner-bg-bottom.png) no-repeat top;
width:978px;
height:10px;
}
.main-banner-container2{
width:958px;
height:360px;
}
.home-about-wrapper{
float:left;
padding:5px;
/*width:480px;*/
font-size:12px;
}
.home-testimonial-wrapper{
float:left;
margin-top:10px;
padding:5px;
width:100%;
font-size:12px;
}
.testimonial-container{
background:url(../images/testi-icon.png) no-repeat top left;
width:100%;
color:#5b82a1;
}
.testimonial-name{
font-family: 'HattoriHanzoLight';
font-size:16px;
color:#b48025;
}
.testimonial-title{
font-family: 'HattoriHanzoLight';
font-size:14px;
font-style:italic;
color:#999;
}
/*
ul.past-project-list{
margin:0;
padding:0;
list-style:none;
}
.past-project-box{
background:url(../images/past-project-box-bg.jpg) repeat-x bottom #fff;
/*margin-right:10px;
padding:10px;
width:130px;
height:205px;
text-align:center;
font-size:11px;
}
*/
.past-project-pic{
margin-bottom:10px;
width:130px;
height:105px;
}
.past-project-title{
font-family: 'HattoriHanzoLight';
font-size:14px;
color:#024561;
}
.home-feature-wrapper{
float:left;
width:450px;
}
.feature-container{
border-bottom:1px dashed #999;
width:100%;
}
.feature-header{
display:block;
font-family: 'HattoriHanzoLight';
font-size:14px;
color:#000;
height:30px;
line-height:30px;
}
.feature-content{
padding-bottom:10px;
}
.home-contact-wrapper{
margin-left:50px;
width:185px;
}
.home-client-wrapper{
width:240px;
}
.subpage-main-header-wrapper{
line-height:30px;
}
.subpage-header2-container{
background:url(../images/line-grey.jpg) repeat-x center;
width:100%;
height:100%;
}
.left-content{
border-right:1px dashed #CCC;
}
.right-content{
padding-left:35px;
padding-right:15px;
}
.subnav-wrapper{
margin-bottom:20px;
}
ul.subnav{
margin:0;
padding:0;
list-style:none;
font-family: 'HattoriHanzoLight';
font-size:13px;
}
ul.subnav li a{
display:block;
padding:5px 10px 5px 10px;
margin-bottom:5px;
text-transform:uppercase;
color:#000;
}
ul.subnav li a:hover{
background:#bdd0d8;
text-decoration:none;
color:#054a67;
}
#overview ul.subnav li.overview a, #energy ul.subnav li.energy a, #weight ul.subnav li.weight a, #impact ul.subnav li.impact a, #spike ul.subnav li.spike a, #area ul.subnav li.area a, #fireproof ul.subnav li.fireproof a, #waterproof ul.subnav li.waterproof a, #sound ul.subnav li.sound a, #transport ul.subnav li.transport a{
background:#bdd0d8;
text-decoration:none;
color:#054a67;
}
.subnav-project-wrapper{
margin-bottom:15px;
}
.subnav-project-country{
border-bottom:3px solid #2f5ca1;
padding:5px 10px 5px 10px;
font-family: 'HattoriHanzoLight';
font-size:16px;
font-weight:bold;
color:#2f5ca1;
}
ul.subnav2{
margin:0;
padding:0;
list-style:none;
font-family: 'HattoriHanzoLight';
font-size:14px;
font-weight:bold;
}
ul.subnav2 li{
display:block;
padding:5px 10px 5px 10px;
margin-bottom:5px;
text-transform:uppercase;
color:#000;
}
ul.subnav2 li ul{
list-style:none;
padding-top:5px;
}
ul.subnav2 li ul li{
display:block;
background:url(../images/tree-bg.gif) no-repeat center left;
margin:0 !important;
padding:0 !important;
padding-left:30px !important;
padding-bottom:5px !important;
font-size:13px !important;
font-weight:normal !important;
}
ul.subnav2 li ul li:last-child{
background:url(../images/tree-bg-end.gif) no-repeat center left;
}
ul.subnav2 li ul li a{
color:#000;
}
ul.subnav2 li ul li a:hover{
text-decoration:none;
color:#B59A05;
}
/*ul.subnav li a:hover{
background:#bdd0d8;
text-decoration:none;
color:#054a67;
}*/
#overview ul.subnav li.overview a, #energy ul.subnav li.energy a, #weight ul.subnav li.weight a, #impact ul.subnav li.impact a, #spike ul.subnav li.spike a, #area ul.subnav li.area a, #fireproof ul.subnav li.fireproof a, #waterproof ul.subnav li.waterproof a, #sound ul.subnav li.sound a, #transport ul.subnav li.transport a{
background:#bdd0d8;
text-decoration:none;
color:#054a67;
}
.content{
line-height:20px;
}
.content p{
padding-bottom:20px;
text-align:justify;
}
ul.list-check{
padding-left:30px;
list-style:none;
}
ul.list-check li{
background:url(../images/bullet-check.jpg) no-repeat 0 3px;
padding:0 20px 10px 20px;
}
.testimonial-wrapper{
background:#f3f2f2;
border:1px solid #dadada;
margin-right:20px;
padding:12px 8px 12px 8px;
font-size:12px;
}
.testimonial-container2{
background:url(../images/testi-icon.png) no-repeat top left;
/*width:100%;*/
color:#5b82a1;
}
ul.productweight{
margin:0;
padding:0;
list-style:none;
font-family: 'HattoriHanzoLight';
font-size:18px;
}
ul.productweight li{
display:inline-block;
margin-right:20px;
padding:5px 10px 10px 0;
}
ul.productweight li a{
color:#000;
}
ul.productweight li a:hover{
border-bottom:3px solid #b59a05;
text-decoration:none;
color:#b59a05;
}
ul.productweight li a.selected{
border-bottom:3px solid #b59a05;
text-decoration:none;
color:#b59a05;
}
.list-step-no{
padding-right:10px;
width:20px;
font-family: 'HattoriHanzoLight';
font-size:14px;
color:#3374be;
}
.install-pic-container{
float:left;
margin:5px 9px 15px 9px;
width:225px;
font-size:14px;
text-align:right;
color:#2f5ca1;
}
.install-pic-container img{
padding-bottom:5px;
}
.project-pic-large-wrapper{
width:395px;
}
.project-pic-small{
float:left;
margin:5px;
width:115px;
height:115px;
}
.project-column{
border-right:1px dashed #CCC;
width:298px;
}
.project-column2{
border-right:1px dashed #CCC;
margin-left:40px;
width:298px;
}
ul.project-list{
margin:0;
padding:0;
list-style:none;
}
ul.project-list li{
display:block;
padding:5px 10px 5px 10px;
margin-bottom:5px;
min-height:40px;
}
ul.project-list li:hover{
background:#bdd0d8;
color:#054a67;
}
ul.project-list li a{
display:block;
padding-right:20px;
background:url(../images/icon-detail.png) no-repeat top right;
color:#c26818;
}
ul.project-list li a:hover{
background:url(../images/icon-detail-ro.png) no-repeat top right !important;
text-decoration:none !important;
color:#fff !important;
}
.pagination-left{
float:left;
background:url(../images/pagination-left-bg.png) no-repeat top;
height:22px;
width:8px;
}
.pagination-right{
float:left;
background:url(../images/pagination-right-bg.png) no-repeat top;
height:22px;
width:8px;
}
.pagination-container{
float:left;
background:#b0b0b0;
height:22px;
}
ul.pagination{
margin:0;
padding:0;
list-style:none;
}
ul.pagination li{
display:inline-block;
padding:0 5px 0 5px;
font-family: 'HattoriHanzoLight';
font-size:12px;
color:#fff;
}
ul.pagination li a{
color:#fff;
}
ul.pagination li a:hover{
color:#ffe973;
}
ul.pagination li a.active{
color:#ffe973;
}
.project-list-row{
padding-bottom:25px;
}
.project-list-box{
float:left;
width:275px;
font-family: 'HattoriHanzoLight';
font-size:14px;
text-align:center;
}
.project-list-box img{
padding-bottom:5px;
}
a div.project-list-box{
color:#000 !important;
}
a:hover div.project-list-box{
color:#B59A05 !important;
}
.project-list-box2{
float:right;
width:275px;
font-family: 'HattoriHanzoLight';
font-size:14px;
text-align:center;
}
.project-list-box2 img{
padding-bottom:5px;
}
a div.project-list-box2{
color:#000 !important;
}
a:hover div.project-list-box2{
color:#B59A05 !important;
}
.certificate-box-wrapper{
float:left;
margin:0 15px 60px 15px;
}
div.certificate-pic, a div.certificate-pic{
background:#f4fbfe;
border:1px solid #b5dced;
padding:5px;
}
a:hover div.certificate-pic{
background:#f4fbfe;
border:3px solid #b5dced;
margin:-2px;
padding:5px;
}
.certificate-detail-container{
padding-top:5px;
text-align:center;
}
.certificate-type{
font-family: 'HattoriHanzoLight';
font-size:14px;
font-weight:bold;
color:#054a67;
}
.footer-wrapper{
background:#ededed;
border-top:1px solid #e3e3e3;
padding:15px 0 15px 0;
height:50px;
text-align:center;
}
.footer-wrapper2{
background:#ededed;
border-top:1px solid #e3e3e3;
padding:0 0 15px 0;
height:50px;
text-align:center;
}
.footer-links-wrapper{
background:#fff;
border-bottom:1px solid #e3e3e3;
padding:8px 0 8px 0;
}
ul.footer-links{
margin:0;
padding:0;
list-style:none;
font-family: 'HattoriHanzoLight';
text-align:center;
}
ul.footer-links li{
display:inline-block;
padding:0 10px 0 10px;
}
ul.footer-links li a{
color:#999;
}
.footer-copyright{
display:block;
padding:10px 0 0 0;
font-family: 'DroidSansRegular';
color:#000;
}
.push{
height:50px;
}
.readmore a{
font-family: 'HattoriHanzoLight';
font-size:14px;
text-decoration:none;
color:#075779;
}
.readmore a:hover{
color:#b37304;
}
.btn-detail a{
display:block;
background:url(../images/btn-detail.png) no-repeat top;
width:95px;
height:20px;
text-indent:-999999px;
overflow:hidden;
}
.btn-detail a:hover{
background:url(../images/btn-detail.png) no-repeat bottom;
}
.btn-send a{
display:block;
background:url(../images/btn-send.png) no-repeat top;
width:95px;
height:20px;
text-indent:-999999px;
overflow:hidden;
}
.btn-send a:hover{
background:url(../images/btn-send.png) no-repeat bottom;
}
.btn-back-project a{
display:block;
background:url(../images/btn-back-project.png) no-repeat top;
width:155px;
height:20px;
text-indent:-999999px;
overflow:hidden;
}
.btn-back-project a:hover{
background:url(../images/btn-back-project.png) no-repeat bottom;
}
.f-left{
float:left;
}
.f-right{
float:right;
}
.f-13{
font-size:13px;
}
.f-14{
font-size:14px;
}
.f-15{
font-size:15px;
}
.f-hattori{
font-family: 'HattoriHanzoLight';
}
.c-black{
color:#000;
}
.c-lightblue{
color:#567582;
}
.c-blue{
color:#054a67;
}
.c-green{
color:#5f822c;
}
.c-orange{
color:#e33912;
}
.c-brown{
color:#b59a05;
}
.clear{
clear:both;
}
/** base carousel **/
.carousel ul {
position:absolute;
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.no-js .carousel ul {position:static;}
.carousel .mask {
position:relative;
overflow:hidden;
}
.carousel ul li {
float:left;
margin:0 5px 0 5px !important;
width:130px;
height:230px;
}
.carousel .pagination-links {
list-style:none;
margin:0;
padding:0;
}
.carousel .pagination-links li {
display:inline;
}
.carousel .pagination-links li a {
padding:2px 6px;
}
.carousel .pagination-links li a:hover {text-decoration:none;}
.carousel .pagination-links li.current a {
background:#444;
color:#fff;
}
.carousel .disabled {
color:gray;
cursor:default;
}
/** my carousel 2 **/
#my-carousel-2 .mask {
width:480px;
}
.past-project-box{
background:url(images/past-project-box-bg.jpg) repeat-x bottom #fff;
/*margin-right:10px;*/
padding:10px;
/*width:130px;*/
/*height:205px;*/
text-align:center !important;
font-size:11px;
}
.home-past-project-pic{
margin-bottom:8px;
}
.home-past-project-title{
font-family: 'HattoriHanzoLight';
font-size:14px;
font-weight:bold;
color:#054a67;
}
.home-past-project-content{
margin-bottom:8px;
}
a.prev{
display:block;
float:right;
background:url(../images/slider-nav-prev.png) no-repeat top;
width:19px !important;
height:16px !important;
text-indent:-999999px;
overflow:hidden;
}
a.prev:hover{
background:url(../images/slider-nav-prev.png) no-repeat bottom;
}
a.next{
display:block;
float:right;
background:url(../images/slider-nav-next.png) no-repeat top;
margin-right:5px;
width:19px !important;
height:16px !important;
text-indent:-999999px;
overflow:hidden;
}
a.next:hover{
background:url(../images/slider-nav-next.png) no-repeat bottom;
}
ul#project-list {list-style:none;padding:5px;}
ul#project-list li {float:left;width:280px;margin:5px;padding:0;height:220px;}