#hero-mask { background:url(/images/hero-mask.png) no-repeat left top; width:806px; height:256px; overflow:hidden; }

#hero-image-home { background:url(/images/heroes/manonmountain.jpg) no-repeat -80px -220px; height:256px; width:806px; overflow:hidden; }
#hero-image-about { background:url(/images/heroes/mannearpond.jpg) no-repeat 0px -300px; height:156px; width:806px; overflow:hidden; }
#hero-image-products { background:url(/images/heroes/manandwomenwithpda.jpg) no-repeat 0px -440px; height:156px; width:806px; overflow:hidden;}
#hero-image-clients { background:url(/images/heroes/shakinghands.jpg) no-repeat 0px -620px; height:156px; width:806px; overflow:hidden;}
#hero-image-services { background:url(/images/heroes/meetingtable.jpg) no-repeat 0px -150px; height:156px; width:806px; overflow:hidden;}
#hero-image-contactus { height:256px; width:800px;margin-left:5px; overflow:hidden;}


.heroText1 { color:#fff; font-size: 25px; display:block; overflow:hidden; line-height:27px; }
.heroText2 { color:#fff; font-size: 25px; font-weight:bold; display:block; overflow:hidden; line-height:27px; }
.heroText1.different { color:#cccccc; }
.heroText2.different { color:#cccccc; }
.heroText1.black { color:#000; }
.heroText2.black { color:#000; }

#hero-text1-home { padding: 80px 0px 0px 200px;}
#hero-text2-home { padding: 10px 0px 0px 330px;}
#hero-text1-about { padding: 90px 0px 0px 30px;}
#hero-text2-about { padding: 5px 0px 0px 60px;}
#hero-text1-clients { padding: 90px 0px 0px 410px;}
#hero-text2-clients { padding: 5px 0px 0px 450px;}
#hero-text1-products { padding: 90px 0px 0px 410px;}
#hero-text2-products { padding: 5px 0px 0px 450px;}
#hero-text1-services { padding: 50px 0px 0px 40px;}
#hero-text2-services { padding: 5px 0px 0px 50px;}