body{background:#fff; font-family:Arial;} /* background:#DDD; */

#whole {width:1000px; height:auto; margin-left:auto; margin-right:auto; margin-top:-8px; margin-bottom:-8px;}
#header{float:left; width:1000px; height:100px; background-color:pink; background-image:url(../images/header.png);}

/* TOP MENU START */

#topmenuarea{float:left; margin:7px 0 5px 0; width:1000px; height:35px; background-color:; }

#topmenu1{float:left; margin:0; width:300px; height:35px; background-color:; }
#topmenu1 a{float:left; margin:0; padding:7px 28px; color:white; text-decoration:none; font-size:15px; background-color:#45B145; 
border:1px solid purple; border-radius:7px; background-image:url(../images/button-04.png); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.90);
box-shadow: 0px 3px 7px 3px rgba(0, 0, 0, 0.15);}
#topmenu1 a:hover{opacity:0.85;}

#topmenu2{float:left; margin:0 0 0 20px; width:680px; height:35px; background-color:; }
#topmenu2 a{float:left; margin-left:23px; padding:7px 17px; color:white; text-decoration:none; font-size:15px; background-color:#007AAE; 
border:1px solid #007AAE; border-radius:7px; background-image:url(../images/button-03.png); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.90);
box-shadow: 0px 3px 7px 3px rgba(0, 0, 0, 0.15);}
#topmenu2 a:hover{background-image:url(../images/button-07.png); border:1px solid purple; opacity:0.75;}

/* TOP MENU END */

#content{float:left; width:1000px; height:auto; background-color:white;}
#contentleft{float:left; margin:0; width:280px; height:auto; background-color:; border: 0px solid #E0E0E0;}
#contentright{float:right; margin:0; width:700px; height:auto; background-color:; border: 0px solid #E0E0E0;}

#contactarealeft{float:left; margin:0; width:280px; height:auto; background-color:#F7F7F7; border:0px solid #E0E0E0;}
/* box-shadow: inset 0 0 20px 7px #DDD; */
#contactinfoleft{float:left; padding:15px 7px 15px 15px; font-size:13px; color:#111;}
.heading9{font-size:17px; color:#333}
.heading7{font-size:22px; color:#0782C6}
.heading5{font-size:24px; color:#0A0}
.contactinfo{margin:10px 0 0 0}
.contactinfo img{width:20px; height:20px}
.contactinfo tr{margin:15px 0 10px 0}
.contactinfo a{text-decoration:none; color:#111;}
.contactinfo a:hover{text-decoration:underline; color:#f11; opacity:0.85}

.topicsarea{margin:0 0 15px 0; padding:15px 20px; width:auto; height:auto; color:#111; font-size:15px; text-align:justify; background-color:#F7F7F7; border: 0px solid #E0E0E0;}
.topicsarea a{}
.topicsarea a:hover{}


#topicsarea{float:left; width: 540px; height: auto; margin: 18px 0 0 0; background-color:#fcfcfc; border: 1px solid #CCC;}
#topicsarea:hover{background-color:#fff; border: 1px solid #DDD;}

#topicsarea2{float:left; width: 540px; height: auto; margin: 18px 0 0 0; background-color:#fcfcfc; border: 1px solid #CCC;}
#topicsarea2:hover{background-color:#fff; border: 1px solid #DDD;}

.topicsplace2{float:left; margin:15px 0 0 15px; width:46px; height:46px; background-color:red; border:2px solid #ccc;}
.topicsplace2 img{width:46px; height:46px;}
.topicsplace2 img a{border:0;}
.topicsplace2:hover{opacity:0.75; border:2px solid #999;}

#topicsplace{float:left; margin:20px; width:auto; height:auto; color:#333; font-size:100%;}
#topicsplace3{float:left; margin:15px; width:440px; height:auto; color:#333; font-size:100%;}

#topicsheading{float:left; width:540px; height:25px; background-color:green; background-image:url(../images/topmenubk.jpg);}
.topicsheading{margin-top:4px; font-size:80%; text-align:center;}
.topicsheading a{margin-left:0px; text-decoration:none; color:#DDD; font-size:100%; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
.topicsheading a:hover{text-decoration:underline; color:#fff; text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.5);}



#leftcontact{float:left; margin:20px 5px 0px 20px; width:auto; height:auto; font-size:90%;}

#leftlist{float:left; width:auto; height:auto; margin:20px 5px 0px 15px; color:#333; font-size:80%;} /* width:130px; */
#leftlist a{text-decoration:none;}
#rightzone{float:left; width:240px; height:520px; background-image:url(../images/clients-links-bk.png);}
#contentarea{float:left; margin:20px; width:540px; height:auto; color:#333; font-size:83%;}

.title {font-size: 85%;	font-weight: normal; color: #8F3FB2; text-decoration: none;} /* color: #3D77CB; */
.title:hover{color: red; text-decoration: none;}
/* .title  a{font-size: 100%; font-weight: normal; color: #333333; text-decoration: none;} */
.line {height: 1px; width: 135px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #C8C8C8; border-right-color: #C8C8C8; border-bottom-color: #C8C8C8; border-left-color: #C8C8C8;}

.line2 {height: 1px; width: 215px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #C8C8C8; border-right-color: #C8C8C8; border-bottom-color: #C8C8C8; border-left-color: #C8C8C8;}

.blueheading{font-size:22px; color:#3D77CB; text-decoration:none;}
.blueheading a{color:#3D77CB; text-decoration:none;}
.blueheading a:hover{color:#ff7518; text-decoration:underline;}
.blueheading:hover{color:#ff7518; text-decoration:underline;}

.blueheading2{font-size:20px; color:#3D77CB; text-decoration:none;}
.blueheading2 a{color:#3D77CB; text-decoration:none;}
.blueheading2 a:hover{color:#ff7518; text-decoration:underline;}
.blueheading2:hover{color:#ff7518; text-decoration:underline;}

.customerslisting{font-size:15px; margin-left:35px}
.contacttable{float:left; margin-left:50px; font-size:15px;}

.orangeheading{font-size:100%; color:#f28621; text-decoration:none;}
.orangeheading a{font-size:100%; color:#f28621; text-decoration:none;}
.orangeheading a:hover{font-size:100%; color:#f00; text-decoration:underline;}
.orangeheading:hover{color:#f00; text-decoration:underline;}

.readdetails{float:right; font-size:87%; font-family:Arial, Helvetica, sans-serif; color:#0b87bb;}
.readdetails a{text-decoration:none; float:right; font-size:100%; font-family:Arial, Helvetica, sans-serif; color:#0b87bb;}
.readdetails a:hover{text-decoration:underline; color:green;}

.welcome{float:left; padding:20px 20px 0 20px; width:auto; height:auto; text-align:justify; font-size:95%;}
.heading1{font-size:125%; color:#F28621;}
.listing{float:left; margin-left:35px;}
.hyper{text-decoration:none; color:#333;}
.hyper:hover{text-decoration:underline; color:#00f;}

#homegallery{float:left; margin:25px 10px; width:527px; height:183px; background-image:url(../images/har-products.jpg); 
border:1px solid #AAA;} /*  -moz-border-radius: 20px; */
#homegallery2{float:left; margin:25px 0px; width:527px; height:60px; background-image:url(../images/agbrickslink1.jpg); 
border:1px solid #CCC;}
.homegallery2{width:527px; height:60px; border:0;}
.homegallery2 a{width:708px; height:60px; border:0;}
.homegallery2 a:hover{width:708px; height:60px; border:0;}
/*
#harproductsphotos{float:left; margin:20px 130px 20px 160px; width:420px; height:110px; background-image:url(../images/har-products.jpg); 
border:1px solid #AAA; -moz-border-radius: 20px;}
*/

.companyinfo{float:left; margin-left:0px; width:220px; height:48px; background-color:#fff;} /* .companyinfo:hover{opacity:0.85;} */
.companyinfo:hover{background-image:url(../images/companyinfobk.jpg);}
.companylogo{float:left; margin-left:0px; width:60px; height:48px; }
.companylogo img{float:left; margin:4px 10px 4px 10px; width:40px; height:40px; border:0; background-color:#777; background-image:url(../images/wt.png);}
.companylogo img a{border:0; background-image:url(../images/wt.png);}
.nameandurlarea{float:left; margin-left:0px; width:160px; height:48px;}
.nameandurl{float:left; margin:3px 7px 0px 0px; width:auto; height:auto;}
.companyname{color:#333; font-size:85%;}
.companyname a{text-decoration:none; color:#006F9D; font-size:100%;}
.companyname a:hover{text-decoration:underline; color:#A91B50;}
.companyurl{color:#333; font-size:75%;}
.companyurl a{text-decoration:none; color:#3AA2F0; font-size:100%;}
.companyurl a:hover{text-decoration:underline; color:#3CAD05;}
.bottomline{float:left; margin-left:0px; width:220px; height:1px; background-color:#E0E0E0;}

/*
#sliderhome{float:left; width: 540px; height: 180px; margin: 12px 0px 0px 20px; border: 1px solid #CCC;} 
.sliderhome{width:auto; height:180px; border:0;}
.sliderhome a{width:auto; height:180px; border:0;}
.sliderhome a:hover{width:auto; height:180px; border:0;}
*/

#footer{float:left; margin:50px 0 35px 0; width:1000px; height:25px; color:#777; font-size:13px; text-align:center; background-color:;}
#footer a{text-decoration:none; color:#777;}
#footer a:hover{text-decoration:underline; color:#333;}

.footerleft{float:left; margin-left:15px; margin-top:4px; color:#DDD; font-size:75%;}
.footerleft a{text-decoration:none; color:#DDD; font-size:100%;}
.footerleft a:hover{text-decoration:underline; color:#fff;}
.footerright{float:right; margin-right:15px; margin-top:4px; color:#DDD; font-size:75%;}
.footerright a{text-decoration:none; color:#DDD; font-size:100%;}
.footerright a:hover{text-decoration:underline; color:#fff;}