@charset "utf-8";
body{
   width:100%;
   margin:0px;
   padding:0px;
 }

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#348db7;
	margin:0px;
	padding:0px;
	} 
	
 
 #main_contr{
   width:981px;
   margin-left:auto;
   margin-right:auto;
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   color:#585858;
  }
 #header{
   width:973px;
   padding:0 5px 5px 5px;
   background:#d2d2d2;
   height:430px;
 }
 .banner{
   width:972px;
   background:url(../images/banner.gif) no-repeat;
   height:429px;
   padding-top:94px;
   }
 .logo{
   background:url(../images/logo.gif) no-repeat;
   width:227px;
   height:196px;
}
#navigation{
   width:981px;
   background:url(../images/nav_bg.gif) repeat-x;
   height:67px;
   }
.inner_navg{
   width:630px;
   margin-left:25px;
   padding-top:27px;
   float:left;
  }
.home{
  width:77px;
  height:22px;
  float:left;
 }
 .loft_converson{
   width:157px;
   float:left;
   height:22px;
  }
.roofing{
  width:87px;
  float:left;
  height:22px;
 }  
.builders{
  width:89px;
  height:22px;
  float:left;
 }
 .contact{
   width:112px;
   height:22px;
   float:left;
  }
#main_content_contr{
  width:972px;
  margin-left:auto;
  margin-right:auto;
  padding-top:15px;
 } 
 .heaging{
   background: url(../images/heading.gif) no-repeat;
   width:100%px;
   height:39px;
  }
   .heaging_2{
   background: url(../images/loft_conversion_hd.gif) no-repeat;
   width:451px;
   height:39px;
  }
.left_pannel{
   width:353px;
   float:left;
  }
  .right_txt{
    width:610px;
	float:right;
}
.border_bottom{
  background:url(../images/border.gif) no-repeat;
  width:976px;
  height:20px;
 }
#left_pannel1{
  width:322px;
  float:left;
 }
 
.heading1{
  background:url(../images/loft_img1.gif) no-repeat;
  width:376px;
  height:136px;
}
 #middle_pannel{
    width:320px;
	float:left;
}
.heading2{
  background:url(../images/heading_img2.gif) no-repeat;
  width:317px;
  height:134px;
  }
 .heading3{
   width:300px;
   background:url(../images/heading3.gif) no-repeat;
   height:123px;
   }
#right_pannel{
  width:305px;
  float:right;
  } 
.text_img{
   background:url(../images/text_img.gif) no-repeat;
   width:302px;
   height:182px; }
 
#left_pannel_2{
   width:654px;
   float:left;
   background:url(../images/right_bg.gif) right no-repeat;
   height:322px;
}
.our_exce{
  background:url(../images/our_excellence.gif) no-repeat;
  width:195px;
  height:35px;
  }
.gallery_div{
   width:617px;
   border:1px solid #dbdbdb;
   margin-top:20px;
   }
 .gallery_dummy_img{
    background:url(../images/gallery_img.gif) no-repeat;
	width:601px;
	height:252px;
	}  
.roofing_heading{
   background:url(../images/roffing_hd.gif) no-repeat;
   width:600px;
   height:34px;
   } 
.builder_heading{
   background:url(../images/builders_hd.gif) no-repeat;
   width:710px;
   height:38px;
  }   
 .contact_heading{
    background:url(../images/contact_hd.gif) no-repeat;
	width:141px;
	height:41px;
	}  
   
   
   
/*form css*/

.registration_contr{
   width:302px;
  }
 .form{
   margin:0px;
   padding:0px;
   }
   
.form_text{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
.label_text{
 width:80px;
 margin-right:20px;
 text-align:left;
 vertical-align:middle;
 display:block;
 float:left;
 color:#585858;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
}
.label_text1{
 width:110px;
 margin-right:20px;
 text-align:left;
 vertical-align:middle;
 display:block;
 float:left;
 color:#ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
}
.input_text{
   width:190px;
   margin:0px;
   padding-top:4px;
   height:15px;
   font-size:12px;
   color:#000000;
   border:1px solid #cfcfcf;
  } 
 .input_text2{
   width:190px;
   margin:0px;
   padding-top:4px;
   height:80px;
   font-size:12px;
   color:#000000;
   border:1px solid #cfcfcf;
  } 
#fotter{
  background: url(../images/fotter_bg%7B.gif) repeat;
  width:981px;
  height:234px;
  }   
   
.fotter_left{
  width:372px;
  float:left;
/*  background:url(../images/fotter_logo.gif) no-repeat;*/
  height:75px;
  margin-top:54px;
  font-size:22px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
 }
.fotter_right{
   width:410px;
   float:right;
   margin-top:54px;
  } 
  
.fotter_link{
   color:#FFFFFF;
   font-size:14px;
   text-decoration:none;
   }  
  
  
  
/*other css*/
.clear{
  clear:both;
  font-size:1px;}
  .mLeft23{margin-left:23px;}
  .mTop10{margin-top:10px;}
  .mLeft15{margin-left:15px;}
  .tAlignr{text-align:right;}
  .pTop10{padding-top:10px;}
  .mTop20{margin-top:20px;}
  .mRight{margin-right:27px;}
  .mLeft10{margin-left:10px;}
  .tAlignc{text-align:center;}
  
  
/*text css*/
.green_txt{
  color:#69b022;
  text-decoration:none;
 }
 .white_txt{
   color:#FFFFFF;
   }
.text_big{
   font-size:14px;}
.txt_class
{
	font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   color:#585858;
}
.fRight
{
float:right;
}
.callus
{
margin-top:10px;
background:url(../images/callus.gif) no-repeat;
width:270px;
height:50px;
float:right;
}