body { text-align: center; font-family: verdana, Helvetica, "Times New Roman"; font-size: 13px; line-height: 150%; } li { float: left; list-style-type: none; font-family: verdana, "sans serif"; font-weight: bold } li a { text-decoration: none; color: black; margin-left: 29px } h1 { color: black; font-weight: bold; font-family: verdana, Helvetica, "Times New Roman"; font-size: 18px; text-align: left; padding-top: 17px } h2 { font-weight: bold, font-family: verdana, Helvetica, "Times New Roman"; font-size: 17px; color: #f477ff } h3 { font-style: italic; font-weight: bold; color: #f477ff; font-size: 12px } p.footer { font-weight: bold; } p { text-align: left } p.links { text-align: center } #video { text-align: left } #party1 { width: 265px; border: 0px solid blue; float: left; height: 450px } #partycars { margin-left: 20px; margin-top: 0px } /* to do with testimonials, Skyhe Anderson's van */ #van2 { padding-top: 40px } #van1 { margin-top: 26px } #van1z { margin-top: 15px } /* main centered div that contains site */ #site { margin-left: auto; margin-right: auto; border: 0px solid black; width: 952px; text-align: left } /* index page has it's own site div for the drag car background pic, which wouldn't fit in the text div */ #siteindex { margin-left: auto; margin-right: auto; border: 0px solid black; width: 952px; text-align: left; background-image: url(../images/pete.jpg); background-repeat: no-repeat; background-position: 230px 580px } /* these two are the same on all pages */ #header { width: 952px; height: 132px; border-bottom: 0px solid black; text-align: left; background-image: url(../images/fastheader.jpg); background-repeat: no-repeat; } #widemenu { position: relative; width: 950px; margin-top: 5px; float: left; background: white; text-align: center; font-size: 13px; } #sixbunns { width: 100px; float: left; padding-top: 30px; border: 0px solid red; clear: both } /* text sections, next to 6 vertical machines. Some pages have different widths of this div */ #textindex { width: 550px; height: 690px; text-align: left; float: left; background-image: url(../images/); background-repeat: no-repeat; background-position: 200px 400px } #textmachines { width: 550px; text-align: left; float: left; border: 0px solid black } #textconcentrates { width: 550px; text-align: left; float: left; border: 0px solid red; } #textwhyiceslushee { width: 530px; height: 380px; text-align: left; float: left; } #texttestimonials { text-align: left; float: left; padding: 0px 10px 0px 10px; border: 0px solid red; width: 400px } #textvideos { width: 550px; height: 380px; text-align: left; float: left;} #texttraining { width: 550px; text-align: left; float: left; padding 0px 10px 0px 10px; border: 0px solid red; } #textcontact { width: 550px; height: 390px; border: 0px solid black; text-align: left; float: left; } #textpartyhire { width: 550px; height: 100%; border: 1px solid blue; text-align: left; float: left; } #textlinks { font-size: 12px; width: 840px; height: 700px; text-align: center; float: left; border: 0px solid black; background-image: url(../images/boyfade2.png); background-repeat: no-repeat; background-position: 100px 160px } #sublinks1 { width: 275px; height: 350px; padding-left: 0px; padding-right: 2px; float: left; border: 0px solid red; font-size: 12px; text-align: left } #sublinks2 { width: 275px; height: 350px; padding-left: 0px; padding-right: 2px; float: left; border: 0px solid red; font-size: 12px; text-align: left } #sublinks3 { width: 275px; height: 350px; padding-left: 0px; padding-right: 2px; float: left; border: 0px solid red; font-size: 12px; text-align: left } #subtraining { width: 260px; text-align: center; float: left; border: 0px solid blue } /* column to right of text div, containing the "Bunn" logo. Some rightpic divs have different widths */ #rightpicindex { width: 270px; height: 380px; float: right; text-align: center; border: 0px solid black } #rightpicmachines { width: 270px; float: right; text-align: center; border: 0px solid black } #rightpicconcentrates { width: 270px; float: right; text-align: center; border: 0px solid black; margin-bottom: 5px } #rightpicwhyiceslushee { width: 270px; height 320px; border: 0px solid black; float: right; text-align: center} #rightpictestimonials { width: 377px; border: 0px solid black; float: left; text-align: center } #rightpicvideos { width: 270px; height 320px; border: 0px solid black; float: right; text-align: center } #rightpictraining { width: 270px; height 320px; border: 0px solid black; float: right; text-align: center; } #rightpiccontact { width: 270px; border: 0px solid black; float: right; text-align: center } #rightpiclinks { width: 270px; height: 600px; text-align: center; float: right; border: 0px solid black } #rightpicparty { width: 270px; height: 500px; text-align: center; float: right; border: 1px solid black } /* tables */ #concentratetable { width: 800px; text-align: center; border: 3px solid black; border-collapse: collapse; background-image: url(../images/3.jpg); background-repeat: no-repeat; background-position: center; horizontal-align: left; float: left } #concentratetable td { width: 200px; vertical-align: top; border: 1px solid black; padding-bottom: 15px } #contacttable { width: 550px; border: 0px solid black; padding-top: 0 } #contacttable td { padding-top: 0px; width: 275px } #trainingtable { width: 550px; padding-top: 0px } #trainingtable td { padding-top: 0px; vertical-align: top; width: 275px; text-align: left } /* to do with horizontal menu */ #widemenu li a:hover { color: #f477ff } #widemenu li:hover { background-color: white } /* url text in header */ #mactext { position: relative; margin-top: 30px } #hooters { float: right; padding: 10px 10px 10px 10px } #flashing { color: white; background-color: black; padding: 5px 0px 5px 0px; width: 200px; margin-left: 50px; margin-top: 40px; text-align: center; border: 1px solid black } #footer { position: relative; width: 950px; border: 0px solid red; text-align: center; padding-top: 30px; clear: both; font-weight: bold; margin-right: auto; margin-left: auto }