*{margin:0; padding:0;}
.clr{clear:both; width:0; font:0;}
body{background-color:#bbb4a7;}
#main{ width:1000px; height:950px; margin:0 auto;}
#headerwrap{width:1000px; height:486px; float:left;}
#header{width:1000px; height:424px; float:left; background-image:url(../images/roof_bg.jpg); background-repeat:no-repeat;}

.logo{width:250px; height:141px; margin-left:46px; margin-top:5px; float:left;}
#top_bg{width:1000px; height:12px; background-color:#000000; float:left;}
#menu{width:1000px; height:50px; background-color:#000000; float:left;}

ul.button{width:520px; height:50px; float:left; margin-left:280px;}

ul.button li{width:110px; height:50px; float:left; list-style:none;}

ul.button a{width:84px; height:28px; float:left; list-style:none; font:normal 15px "Arial" ;  color:#FFFFFF; text-align:center; text-decoration:none; text-transform:capitalize; line-height:27px; margin-top:10px;}

ul.button a:hover{width:84px; height:28px; float:left; list-style:none; font:normal 15px "Arial" ;  color:#FFFFFF; text-align:center; text-decoration:none; text-transform:capitalize; background-image:url(../images/menu_hover.png); background-repeat:no-repeat; line-height:27px; }


ul.button a:active{width:84px; height:28px; float:left; list-style:none; font:normal 15px "Arial" ;  color:#FFFFFF; text-align:center; text-decoration:none; text-transform:capitalize; background-image:url(../images/menu_hover.png); background-repeat:no-repeat; line-height:27px; }

#contentwrap{width:1000px; height:auto; float:left;  background-color:#fcf3e2;}
#contentleft{width:686px; height:405px; float:left; background-color:#fcf3e2;}

h1{width:600px; height:40px; font:normal 18px "Arial" ;  color:#963164;  float:left; margin-top:30px; margin-left:30px;}

.home_text{width:497px; height:100px; float:left;  font:normal 12px "Arial" ;  color:#963164; text-align:justify; margin-left:30px;}

.pro_img{ width:99px; height:156px; float:left; margin-left:50px;}
.pro_img_head{width:99px; height:20px; float:left; font:normal 12px "verdana" ; text-align:center;}

#contentright{width:314px; height:388px; float:left; background-color:#98002f;}

h2{width:280px; height:20px; float:left;  font:normal 15px "Arial" ;  color:#ffffff;  margin-top:50px; text-align:center;}
.gray_img{width:232px; height:156px; float:left; background-image:url(../images/right_img.jpg); background-repeat:no-repeat; margin-left:40px; margin-top:30px; border:solid 1px #FFFFFF;}

.text_one{width:300px; height:20px; float:left; font:normal 12px "Arial" ;  color:#ffffff; margin-left:30px; margin-top:30px;}

.text_two{width:300px; height:20px; float:right; font:normal 12px "Arial" ;  color:#ffffff; margin-left:30px; margin-top:30px;}

.text_two a{text-decoration:none; color:#ffffff;}
.text_two a:hover{color:#c9c7ca;}
#footerwrap{width:1000px; height:80px; background-color:#56002f; float:left;}

/*****************************************products************************************************/




#pro_content{width:800px; height:1500px;  margin:0 auto;  margin-top:20px; border-radius:10px; margin-bottom:10px;}


h3{width:300px; height:30px; float:left; font:normal 20px "Bell Gothic Std" ;  color:#000000; margin-top:30px; margin-left:30px; border-bottom:dotted 1px #CCCCCC; }
h4{width:600px; height:20px; float:left;  font:normal 15px "Arial" ;  color:#98012e; margin-left:50px; margin-top:30px; }
.img_head{width:163px; height:20 px; float:left; color:#000000; font:normal 15px "vewrdana" ; text-align:center;}
.cement_img{width:170px; height:199px; float:left; margin-top:30px; margin-left:50px; }
.coreclay_img{width:200px; height:100px; float:left; margin-top:30px; margin-left:50px; }
.coreclays{width:600px; height:180px; float:left; margin-top:30px; margin-left:50px; }

.shingles_imgone{width:200px; height:150px; float:left; margin-top:30px; margin-left:50px; border:solid 1px #CCCCCC;}
.shingles_imgtwo{width:200px; height:150px; float:left; margin-top:30px; margin-left:50px; border:solid 1px #CCCCCC;}



/*...................................................services.......................................*/

#services{width:550px; height:200px;  float:left; margin-top:50px; margin-left:20px; background-color:#FFFFFF; border-radius:10px;  }
.ser_con{ width:500px; height:200px;  float:left;  font:normal 12px "Arial" ;  color:#000000; padding-left:20px; text-align:justify; padding-top:20px; }





/*........................................contactsus.................................................*/


#contact_left{width:400px; height:400px; float:left; margin-left:40px; margin-top:20px; border-right:solid 1px #CCCCCC;}
.contentleft{width:300px; height:500px; margin-left:25px; float:left; font:normal 12px "verdana"; color:#000000; text-align:justify; line-height:25px; }
h6{width:auto; height:30px;  font:normal 15px "Arial" ;  color:#000000;}
h5{width:auto; height:30px;  font:normal 18px "Arial" ;  color:#730000;}
h4{font:normal 15px "verdana";}
#links-other{ padding:5px; margin-left:20px; margin-top:20px; }
.fo{font:normal 12px "verdana";}
#contact_right{width:600px; height:500px; float:left;}

#contact_form { padding: 0; width: 400px;  margin-top:25px; margin-left:50px; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 270px; padding: 5px; color: #000; border: 1px solid #ccc; background: #f3f3f3; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 5px;}
#contact_form form label {display: block; width: 100px;	margin-right: 10px; font-size: 13px;}
#contact_form form textarea {width: 388px; height: 200px; padding: 5px; border: 1px solid #ccc; background: #f3f3f3; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 5px; }
#contact_form form .submit_btn { padding: 5px 14px; color: #000; border: 1px solid #ccc;  background: #f3f3f3;	font-size:14px;	margin: 10px 0px;}