@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("base.css");
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Berkshire+Swash);

body{background:#fff; font-family: 'Source Sans Pro', sans-serif; font-size:12px; margin:0px; padding:0px; color:#969696;}
p {margin:0px; padding:0px 0px 18px; color:#595551; text-align:justify; line-height:20px; font-size:14px;}
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif; margin:0px; padding:0px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#969696;}
a:hover, a.selected {text-decoration:none; color:#5c9208;}
.dot
{
border-bottom:#ccc dotted 1px;
padding-top:15px;
}
.solid
{
border-bottom:#ccc solid 1px;
}
.header 
{
	height: 134px;
	width: 100%;
	background-image:url(../images/header_bg.png);
	background-position:left;
	background-repeat:repeat-x;
}
h1
{
font-size:22px;
font-weight:normal;
color:#010101;
padding:20px 0px;
font-family: 'Source Sans Pro', sans-serif !important;
}
h2
{
font-size:18px;
font-weight:bold;
color:#000;
padding:10px 0px 10px;
}
h3
{
font-size:21px;
font-weight:normal;
color:#fff;
padding:7px 65px 10px 65px;
}
h4
{
font-size:17px;
font-weight:normal;
color:#548507;
padding:10px 20px 10px 20px;
}
h5
{
font-size:17px;
font-weight:normal;
color:#fff;
padding:5px 12px;
}
a.more 
{
font-weight:bold;
color:#5c9208;
}
a.more:hover
{
font-weight:bold;
color:#345403;
cursor:pointer;
}
.content
{
background-color:#FFFFFF;
width:100%;
}
.footer
{
background-image:url(../images/footer_bg.png);
background-position:left;
background-repeat:repeat-x;
height:134px;
width:100%;
}
.header_wrapper
{
	height:100%;
	width: 980px;
	margin:0px auto;
	padding-top:15px;
}
.content_wrapper
{
	height:100%;
	width: 940px;
	margin:-65px auto 0px;
	background-color:#FFFFFF;
	z-index:100!important;
	position:relative;
	padding:0px 20px;
}
.contactus{background:url(../images/innerbanner/innerbanner9.jpg) no-repeat center top; width:100%; height:317px;}
.aboutus{background:url(../images/innerbanner/innerbanner5.jpg) no-repeat center top; width:100%; height:317px;}
.peb_accessories{background:url(../images/innerbanner/pro_in4.jpg) no-repeat center top; width:100%; height:317px;}
.cz_purline{background:url(../images/innerbanner/pro_in3.jpg) no-repeat center top; width:100%; height:317px;}
.roofing_wall{background:url(../images/innerbanner/pro_in2.jpg) no-repeat center top; width:100%; height:317px;}
.mezzanine_system{background:url(../images/innerbanner/pro_in1.jpg) no-repeat center top; width:100%; height:317px;}
.our_services{background:url(../images/banner5.jpg) no-repeat center top; width:100%; height:317px;}
.electric_services{background:url(../images/innerbanner/innerbanner1.jpg) no-repeat center top; width:100%; height:317px;}
.peb{background:url(../images/innerbanner/innerbanner2.jpg) no-repeat center top; width:100%; height:317px;}
.material_supply{background:url(../images/innerbanner/innerbanner4.jpg) no-repeat center top; width:100%; height:317px;}
.election_commissioming{background:url(../images/innerbanner/innerbanner3.jpg) no-repeat center top; width:100%; height:317px;}
.sky_light_wall_light{background:url(../images/innerbanner/pro_in5.jpg) no-repeat center top; width:100%; height:317px;}
.sliding_doors{background:url(../images/innerbanner/pro_in6.jpg) no-repeat center top; width:100%; height:317px;}
.window_lowers{background:url(../images/innerbanner/pro_in7.jpg) no-repeat center top; width:100%; height:317px;}
.turbo_ridge{background:url(../images/innerbanner/pro_in8.jpg) no-repeat center top; width:100%; height:317px;}
.steel_structure{background:url(../images/innerbanner/pro_in9.jpg) no-repeat center top; width:100%; height:317px;}
.insulation{background:url(../images/innerbanner/pro_in11.jpg) no-repeat center top; width:100%; height:317px;}
.multi_wall_poly_carbonte_sheetv{background:url(../images/innerbanner/pro_in14.jpg) no-repeat center top; width:100%; height:317px;}
.metal_false_ceiling{background:url(../images/innerbanner/pro_in15.jpg) no-repeat center top; width:100%; height:317px;}
.clod_ferming{background:url(../images/innerbanner/pro_in12.jpg) no-repeat center top; width:100%; height:317px;}
.our_strength{background:url(../images/innerbanner/innerbanner10.jpg) no-repeat center top; width:100%; height:317px;}
.projects{background:url(../images/innerbanner/pro_in13.jpg) no-repeat center top; width:100%; height:317px;}
.banner
{
border-bottom:5px #5c9208 solid;
height:430px;
}
.innerbannermain
{
border-bottom:5px #5c9208 solid;
height:317px;
}
.innerbanner
{
width:311px;
background:url(../images/banner_content_bg.png) center top;
position:absolute; 
right:185px;
top:245px;
font-family: 'Berkshire Swash', cursive !important;
font-size:22px !important;
color:#fff;
text-align:center;
padding:20px 0px;

}
.logo
{
background-image:url(../images/logo.jpg);
float:left;
background-position:center;
background-repeat:no-repeat;
width:136px;
height:105px;
margin-left:20px;
}
.navi {
	display: block;
	width: 700px;
	margin: 0px auto;
	float:right;
}
.navi ul
{
display:block;
margin-top:-23px;
}
.navi li
{
display:inline-block;
padding:45px 15px;
color:#000;
font-size:14px;
}


.navi li:hover
{
background-image:url(../images/menu_hover.png);
background-position:left;
background-repeat:repeat-x;
cursor:pointer;
}
.navi li:active
{
background-image:url(../images/menu_hover.png);
background-position:left;
background-repeat:repeat-x;
cursor:pointer;
}
.footer_wrapper
{
	height:100%;
	width: 980px;
	margin:0px auto;
	background-image:url(../images/pointer.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.pro ul
{
display:block;
margin-top:15px !important;

}
.pro li
{
display:inline-block;
color:#000;
font-size:14px;
padding:1px 1px 1px 1px;
width:233px !important;

}
.pro li  div
{
background-color:#e2e2e2;
cursor:pointer;
color:#000;
padding:14px 25px ;
margin-top:-5px;

}
.pro li  div:hover
{
background-color:#f9d34d;
cursor:pointer;
}


.pro2 ul
{
display:block;
margin-top:15px !important;
}
.pro2 li
{
display:inline-block;
color:#000;
font-size:14px;
padding:20px 0px;;
width:233px !important;

}
.pro2 li div
{
background-color:#e2e2e2;
cursor:pointer;
color:#000;
padding:14px 15px ;
background-image:url(../images/bullet_3.png);
background-repeat:no-repeat;
background-position:207px 15px;
content:"";
overflow:visible;
margin-top:-5px;
}

.pro2 li div:hover
{
background-color:#f9d34d;
cursor:pointer;
background-image:url(../images/bullet_3.png);
background-repeat:no-repeat;
background-position:207px -31px;

}

.service_wraper
{
width:300px;
float:left;
margin:10px 10px 15px 0px;
}
.service_wraper2
{
width:300px;
float:right;
margin:10px 0px 15px 0px;
height:260px; border-bottom:2px solid #E2E2E2;
}
.ser ul
{
display:block;

}
.ser li
{
background-image:url(../images/bullet.png);
background-position:left;
padding:10px 10px 10px 18px; ;
border-bottom:#ccc dotted 1px;
background-repeat:no-repeat;
margin: 0px 25px;
font-size:12px;
color:#000;
font-weight:bold;
}
.ser li a
{
color:#272523;
}
.ser li a:hover
{
color:#5c9208;
}
.ser li:last-child
{
background-image:url(../images/bullet.png);
background-position:left;
padding:10px 10px 10px 18px; ;
background-repeat:no-repeat;
border-bottom:none;
margin: 0px 25px;
color:#000;
}
.com_pro_wraper
{
width:300px;
float:left;
margin:10px 10px;

}
.quick_cont_wraper
{
width:280px;
height:246px;
float:right;
margin:27px 17px 0px 0px;
background-image:url(../images/quick_bg.png);
background-position:center 5px;
background-repeat:no-repeat;

}
.address
{
color:#3595551;
background-image:url(../images/address_ico.png);
background-position:0px 8px;
background-repeat:no-repeat;
margin-left:35px;
padding:5px 20px;
font-size:14px;
}
.mob
{
color:#3595551;
background-image:url(../images/mob_ico.png);
background-position:0px 8px;
background-repeat:no-repeat;
margin-left:35px;
padding:5px 20px;
font-size:14px;
}
.email
{
color:#3595551;
background-image:url(../images/mail_ico.png);
background-position:0px 10px;
background-repeat:no-repeat;
margin-left:35px;
padding:5px 20px;
font-size:14px;
}
.email a
{
color:#548507;
text-decoration:none;
}
.email a:hover
{
color:#548507;
text-decoration:underline;
}
.foot ul
{
display:block;


}
.foot li
{
padding:10px 0px ;
margin: 30px 3px;
font-size:12px;
color:#000;
display:inline-block;
}
.foot li a
{
color:#fff;
}
.foot li:hover
{
color:#fad75c;
}
.foot li a:hover
{
color:#fad75c;
}
.foot li.selected a
{
color:#fad75c !important;
}
.copy
{
padding-top:12px;
font-size:12px;
color:#5c5c5c;
}
.detail
{
width:680px;
margin:0px 3px 0px;
padding:0 0px 0 0;
background:#FFFFFF;
float:right;
}
.detail ul{margin:0px; padding:0px;}
.detail ul li{ font-size:14px; color:#595551; padding-left:15px; margin-bottom:5px;}
.detail ul.arrow li{background:url(../images/arrow.jpg) no-repeat left 5px;}
.detail h2
{
font-size:18px !important;
font-weight:normal;
padding-left:0px;
color:#595551;
}
.leftnavi
{
width:222px;
margin:26px 25px 20px 0px;
float:left;
background:#FFFFFF;
border:#e5e5e5 1px solid;
height:auto;
}
.ser2 ul
{
display:block;

}
.ser2 li
{
background-image:url(../images/bullet.png);
background-position:15px 13px;;
padding: 0 10px 0 40px;
border-bottom:#ccc dotted 1px;
background-repeat:no-repeat;
font-size:14px;
color:#272523;

}
.ser2 li:hover
{
background-image:url(../images/bull_4.png);
background-position:16px 14px;
padding:0px 10px 0px 40px; 
background-color:#f9d34d;
background-repeat:no-repeat;
font-size:14px;
color:#272523;
cursor:pointer;
}
.ser2 li a
{
    color: #272523;
    display: block;
    font-weight: bold;
    padding: 10px 0;
}
.ser2 li a:hover
{
color:#272523;
cursor:pointer;
font-weight:bold;
}
.ser2 li:last-child
{
background-image:url(../images/bullet.png);
background-position:15px 13px;;
border-bottom:none;
background-repeat:no-repeat;
font-size:14px;
color:#272523;
font-weight:bold;
}
.ser2 li:last-child:hover
{
background-image:url(../images/bull_4.png);
background-position:16px 14px;;
border-bottom:none;
background-repeat:no-repeat;
font-size:14px;
color:#272523;
cursor:pointer;
font-weight:bold;
}
.ser2 li.selected{background-image:url(../images/bull_4.png);
background-position:16px 14px;;
padding:0px 10px 0px 40px; ;
border-bottom:none;
background-repeat:no-repeat;
background-color:#f9d34d;
font-size:14px;
color:#272523;
cursor:pointer;
font-weight:bold;}
.abt ul
{

}
.abt li
{
background-image:url(../images/bullet.png);
background-position:left 4px;
padding-left:25px;
border-bottom:none;
background-repeat:no-repeat;
margin:5px 0px;
color:#595551;
font-size:14px;
}
.abt img
{
margin:1px;
}
.divTable
    {
        display:  table;
        width:auto;
		margin:0px 25px;
        border:1px solid  #e2e2e2;
		font-size:14px;
		color:#595551;
        
    }

    .divRow
    {
       display:table-row;
       width:auto;

    }

    .divCell
    {
        float:left;
        display:table-column;
        width:120px;
        background-color:#fff;
		border:1px solid #e2e2e2;
		border-collapse:collapse;
		padding:0px 10px;
    }
	.divCell2
    {
        float:left;
        display:table-column;
        width:10px;
        background-color:#fff;
		border:1px solid #e2e2e2;
		border-collapse:collapse;
		text-align:center;

    }
	
	
	
.divTable2
    {
        display:  table;
        width:auto;
		margin:0px 25px;
        font-size:14px;
		color:#fff;
		background-color:#ccc;
		padding-bottom:1px;
		padding-top:1px;
        
    }
	.headRow2
	{
	background-color:#5c9208;
	width:157px;
	display:inline-block;
	height:35px;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
	}

    .divRow2
    {
       display:inline-block;
       width:auto;
	   background-color:#e2e2e2;
	   width:630px;
	   margin-left:1px;

    }

    .divCell3
    {
  	 float:left;/*fix for  buggy browsers*/
     display:inline-block;
     width:157px;
     background-color:#fff;
	 color:#000;
	height:111px;
	padding-top:5px;
}
.gray
{
	background-color:#f7f5f5;
}

.portfolio li {
	list-style-type: none;
	margin-left: 0;
}



.fourcol-portfolio {margin-right: -10px; margin-top: -10px;}
.fourcol-portfolio .one-portfolio-item {
	width: 100%;
	height: 100%;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
    position: relative;
}


.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
	background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}


.fourcol-portfolio .portfolio-hover {
    background-image: url(../images/4-col-hover.png);
	width: 150px;
    height: 150px;
}
a {
	outline: none;
}

a img {
	border: 1px solid #BBB;
	padding: 2px;
	vertical-align: top;
}

a img.last {
	margin-right: 0;	
}
.button
{
background-color:#006600;
color:#FFFFFF;
font-size:13px;
border:none;
padding:5px 10px;
font-weight:bold;

background: -moz-linear-gradient(top, #5c9208, #4b7804) !important;
background: -webkit-linear-gradient(top, #5c9208, #4b7804) !important;
background: -o-linear-gradient(top, #5c9208, #4b7804) !important;

}
.button:hover
{
cursor:pointer;
color:#f9d34d;
}
.inq
{

background: -moz-linear-gradient(top, #f8f8f8, #f8f8f8) !important;
background: -webkit-linear-gradient(top, #f8f8f8, #f8f8f8) !important;
background: -o-linear-gradient(top, #f8f8f8, #f8f8f8) !important;
-moz-box-shadow: inset 0 5px 10px #ececec;
-moz-border-radius: 5px;
border-radius: 5px;
outline:none;
padding:5px 10px;
resize:none;
    
}
.bgnone{background:none;}
.cf ul{ margin:0px; padding:0px;}
.cf li{ margin:0px; }
.cf li span.num{background:url(../images/cfbg.png) no-repeat left top;list-style:none; color:#FFFFFF; height:25px !important; width:25px!important;float:left; display:block; padding-top:4px; text-align:center;}
.cf li span.cnt{width:620px; float:right; padding-bottom:10px; padding-top:5px;}
.bxslider li div div h1{padding-left:25px; padding-bottom:5px!important;}
.martop0{margin-top:0px;}
.padtop0{padding-top:0px;}
.projectsdtl{margin:0px; padding:0px;}
ul.projectsdtl{margin:0px; padding:0px;}
ul.projectsdtl li{margin:0px 10px 30px; padding:0px; float:left; list-style:none;}
ul.projectsdtl li .proname{  display: block;  line-height: 20px;
    padding: 10px 0;
    text-align: center;}
.width900{width:935px;}
.btninquiry{margin-left:35px; margin-top:0px;}
.btninquiry a, .btninquiry img{border:none!important;}
.red{color:#FF0000;}
.textred{font-size:11px; color:#FF0000;}
.pebimg .gallery_in img{width:230px; height:auto;}
.pebimg .gallery_in ul li{width:240px; height:auto;}
.pebimg a{border:none!important; height:490px;}
.pad10{padding-bottom:10px;}
table.table{margin-bottom:30px; padding:0px;}
table.table th{background:#858585; padding:5px; font-size:14px; color:#fff; text-align:left;}
table.table td{background:#d7d7d7; padding:5px; font-size:14px; color:#646464; text-align:left;}

.info, .success1, .warning, .error2, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success1 {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error2 {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}