body{background:#DDD; font-family:Arial;}
#whole {width:1000px; height:auto; margin-left:auto; margin-right:auto; margin-top:-8px; margin-bottom:-8px; background-color:white;}
#header{float:left; width:1000px; height:80px; background-color:#333; background-image:url(images/header.jpg);}
#topmenu{float:left;width:1000px;height:25px; background-color:green; background-image:url(images/topmenubk.jpg);}
.topmenu{margin-top:4px; font-size:80%;}
.topmenu a{margin-left:40px; text-decoration:none; color:#DDD; font-size:100%; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
.topmenu a:hover{text-decoration:underline; color:#fff; text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.5);}

#content{float:left;width:1000px;height:auto;}
#left{float:left; width:239px; height:1200px; background-color:#FFF; background-image:url(images/leftbk.jpg); background-repeat:repeat-x;}
#middle{float:left;width:760px; height:1200px; background-color:white; background-image:url(images/.jpg); text-align:justify;}
#right{float:left; width:0px; height:1200px; background-color:#FFF; background-image:url(images/leftbk.jpg); background-repeat:repeat-x;}
#line{float:left; width:1px; height:1200px;}	/* background-color:#EEE; */

#leftcontact{float:left; margin:20px 5px 0px 20px; width:auto; height:auto; font-size:95%;}
#leftcontact a{text-decoration:none; color:#000; font-size:100%;}
#leftcontact a:hover{text-decoration:underline; color:#03229E; font-size:100%;}
.titleleft{color:#18407E;}

#contentarea{float:left; margin:25px; width:auto; height:auto; font-size:95%;}

.orangeheading{font-size:100%; color:#f28621;}
.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:85%; 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;}

#homegallery{float:left; margin:25px 0px; width:708px; height:183px; background-image:url(images/har-products.jpg); 
border:1px solid #AAA;} /*  -moz-border-radius: 20px; */
#homegallery2{float:left; margin:25px 0px; width:708px; height:60px; background-image:url(images/agbrickslink1.jpg); 
border:1px solid #CCC;}
.homegallery2{width:708px; 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;}
*/

.comingsoon{font-size:75px; color:#DDD;}

#footer{float:left; width:1000px;height:25px; background-color:purple; background-image:url(images/topmenubk.jpg);}
.footerleft{float:left; margin-left:15px; margin-top:5px; 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:5px; color:#DDD; font-size:75%;}
.footerright a{text-decoration:none; color:#DDD; font-size:100%;}
.footerright a:hover{text-decoration:underline; color:#fff;}