body { width:100%; height:100%;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#8993a0, #2461a8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8993a0, #2461a8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8993a0, #2461a8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8993a0, #2461a8); /* Standard syntax */
	  background-attachment: fixed;
	margin: 0 !important;
    padding: 0 !important;
}
hr { background-color: #ffff00; height: 1px; border: 0;}
#sitebody {width:1000px; height:900px;  position:absolute; top:250px;}
#map { width: 500px ; height: 300px; position:realitive; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px;  }
#contactinfo {  width: 500px ; height: 300px; position:realitive; text-align:center; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; }

#ismobile { position:absolute; top:0px; left:0px; width:10px; height:10px;  ;	
}
#contain { position:relative; border-top:none; border-left: solid 1px #000000; border-bottom: none; border-right: solid 2px #21a122; background-color: #8d988e;
width:1000px; height:1450px;  margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px;	overflow: none;
}
#logo1 { background-image: url('pics/logo.png'); position:absolute; top: 15px; left: 10px; width:182px; height:69px; 
	
}
#logo2 { background-image: url('pics/logo2.png'); position:absolute; top: 50px; left: 200px; width:729px; height:140px; 
	
}
#home { background-image: url('pics/home.png'); position:absolute; top: 5px; left: 464px; width:116px; height:51;}
#home:hover { background-image: url('pics/home_h.png');}
#homeactive:hover { background-image: url('pics/home_h.png');}
#homeactive { background-image: url('pics/home_a.png'); position:absolute; top: 5px; left: 464px; width:116px; height:51;}
#services { background-image: url('pics/services.png'); position:absolute; top: 5px; left: 570px; width:116px; height:51;}
#services:hover { background-image: url('pics/services_h.png');}
#servicesactive:hover { background-image: url('pics/services_h.png');}
#servicesactive { background-image: url('pics/services_a.png'); position:absolute; top: 5px; left: 570px; width:116px; height:51;}
#products { background-image: url('pics/products.png'); position:absolute; top: 5px; left: 676px; width:116px; height:51;}
#products:hover { background-image: url('pics/products_h.png');}
#productsactive:hover { background-image: url('pics/products_h.png');}
#productsactive { background-image: url('pics/products_a.png'); position:absolute; top: 5px; left: 676px; width:116px; height:51;}
#about { background-image: url('pics/about.png'); position:absolute; top: 5px; left: 782px; width:116px; height:51;}
#about:hover { background-image: url('pics/about_h.png');}
#aboutactive:hover { background-image: url('pics/about_h.png');}
#aboutactive { background-image: url('pics/about_a.png'); position:absolute; top: 5px; left: 782px; width:116px; height:51;}
#contact { background-image: url('pics/contact.png'); position:absolute; top: 5px; left: 888px; width:116px; height:51;}
#contact:hover { background-image: url('pics/contact_h.png');}
#contactactive:hover { background-image: url('pics/contact_h.png');}
#contactactive { background-image: url('pics/contact_a.png');  position:absolute; top: 5px; left: 888px; width:116px; height:51;}
#line {width:1000px; height:20px; position:absolute; top:390px; background-image: url('pics/line.png'); background-repeat: repeat-x;}
#line2 {width:1000px; height:20px; position:absolute; top:200px; background-image: url('pics/line.png'); background-repeat: repeat-x;}
#img1 { background-image: url('pics/img1.png'); width:250px; height:250px; position:absolute; top: 145px; left:0px;     background-repeat: no-repeat; background-position: center;}
#img2 { background-image: url('pics/img2.png'); width:250px; height:250px; position:absolute; top: 145px; left:250px;     background-repeat: no-repeat; background-position: center;}
#img3 { background-image: url('pics/img3.png'); width:250px; height:250px; position:absolute; top: 145px; left:500px;     background-repeat: no-repeat; background-position: center;}
#img4 { background-image: url('pics/img4.png'); width:250px; height:250px; position:absolute; top: 145px; left:750px;     background-repeat: no-repeat; background-position: center;}
#thumb1 { background-image: url('pics/thumb1.png'); width:164px; height:114px; position:absolute; top: 430px; left:50px;}
#thumb2 { background-image: url('pics/thumb2.png'); width:164px; height:114px; position:absolute; top: 430px; left:234px;}
#thumb3 { background-image: url('pics/thumb3.png'); width:164px; height:114px; position:absolute; top: 430px; left:418px;}
#thumb4 { background-image: url('pics/thumb4.png'); width:164px; height:114px; position:absolute; top: 430px; left:602px;}
#thumb5 { background-image: url('pics/thumb5.png'); width:164px; height:114px; position:absolute; top: 430px; left:786px;}
#text1 { position:absolute; top: 550px; font-size:18px; color:#402100; padding-left:50px; padding-right:50px;}
#text2 { position:absolute; top: 225px; font-size:18px; color:#402100; padding-left:50px; padding-right:50px;}
#cylindericon { background-image: url('pics/cylindersicon.png'); position:absolute; top: 780px; left:35px;  width:125px; height:125px; background-size: 125px 125px;}
#pumpicon { background-image: url('pics/pumpicon.png'); position:absolute; top: 780px; left:195px;  width:125px; height:125px; background-size: 125px 125px; }
#valveicon { background-image: url('pics/valvesicon.png'); position:absolute; top: 780px; left:355px;  width:125px; height:125px; background-size: 125px 125px; }
#hosesicon { background-image: url('pics/hoseicon.png'); position:absolute; top: 780px; left:515px;  width:125px; height:125px; background-size: 125px 125px;}
#hammericon { background-image: url('pics/hammericon.png'); position:absolute; top: 780px; left:675px;  width:125px; height:125px; background-size: 125px 125px; }
#motoricon {  background-image: url('pics/motoricon.png'); position:absolute; top: 780px; left:835px;  width:125px; height:125px; background-size: 125px 125px;}
#cylinder {  background-image: url('pics/cylinders.png'); position:absolute; top: 910px; left:35px;  width:125px; height:55px; background-size: 125px 55px;}
#cylinder:hover {  background-image: url('pics/cylinders_a.png'); }
#pump { background-image: url('pics/pumps.png'); position:absolute; top: 910px; left:195px;  width:125px; height:55px; background-size: 125px 55px;}
#pump:hover { background-image: url('pics/pumps_a.png'); }
#valve { background-image: url('pics/valves.png'); position:absolute; top: 910px; left:355px;  width:125px; height:55px; background-size: 125px 55px;}
#valve:hover { background-image: url('pics/valves_a.png'); }
#hose {background-image: url('pics/hoses.png'); position:absolute; top: 910px; left:515px;  width:125px; height:55px; background-size: 125px 55px; }
#hose:hover {background-image: url('pics/hoses_a.png'); }
#hammer {background-image: url('pics/hammes.png'); position:absolute; top: 910px; left:675px;  width:125px; height:55px; background-size: 125px 55px; }
#hammer:hover {background-image: url('pics/hammes_a.png'); }
#motor { background-image: url('pics/motors.png'); position:absolute; top: 910px; left:835px;  width:125px; height:55px; background-size: 125px 55px;}
#motor:hover { background-image: url('pics/motors_a.png'); }
#footer { position:absolute; top: 1370px; left:0px;  width:1000px; height:55px; }
#war { position:absolute; top: 125px; left:0px;  width:1000px; }