#gator {width: 145px; height: 100px; position: absolute; top: 25px; left: 35px;}
#go4gator {width: 275px; height: 100px; position: absolute; top: 25px; left: 210px;}
#menubox {width: 140px; height: 310px; position: absolute; top: 145px; left: 30px;}
#story {display: block; width: 100px; height: 35px; background: url(gif/story1.gif) no-repeat; position: absolute; left: 50px; top: 169px;}
#story:hover {background: url(gif/story2.gif) no-repeat;}
#products {display: block; width: 90px; height: 60px; background: url(gif/product1.gif) no-repeat; position: absolute; left: 55px; top: 213px;}
#products:hover {background: url(gif/product2.gif) no-repeat;}
#info {display: block; width: 110px; height: 60px; background: url(gif/info1.gif) no-repeat; position: absolute; left: 46px; top: 283px;}
#info:hover {background: url(gif/info2.gif) no-repeat;}
#contact {display: block; width: 110px; height: 30px; background: url(gif/contact1.gif) no-repeat; position: absolute; left: 45px; top: 356px;}
#contact:hover {background: url(gif/contact2.gif) no-repeat;}
#home {width: 80px; height: 60px; position: absolute; top: 385px; left: 60px;}
#copybox {width: 140px; height: 60px; position: absolute; top: 460px; left: 31px;}
#gatorade {width: 300px; height: 375px; position: absolute; top: 50px; left: 575px;}
#tagline1 {width: 360px; height: 80px; position: absolute; top: 165px; left: 195px;}
#tagline2 {width: 360px; height: 40px; position: absolute; top: 260px; left: 195px;}
#tagline3 {width: 365px; height: 75px; position: absolute; top: 320px; left: 195px;}
#learn {display: block; width: 155px; height: 90px; background: url(gif/learn1.gif) no-repeat; position: absolute; left: 450px; top: 415px;}
#learn:hover {background: url(gif/learn2.gif) no-repeat;}
.hiddenPic {display: none;}