body { margin: 0; padding: 440px 32px 0; background: #fff url(background.gif); font: 13px/1.5em Georgia, "New York", Palatino, "Times New Roman"; } h1 { position: absolute; top: 38px; left: 50%; margin: 0 0 0 -350px; width: 700px; height: 405px; background: url(title.png) no-repeat; text-indent: -99em; } p, ul { margin: 0 0 20px; } #intro { position: absolute; left: 50%; top: 58px; margin: 0; width: 275px; margin-left: 75px; line-height: 16px; } .big { margin: 0 1px; font: 18px Verdana, Tahoma, Helvetica, Arial, Georgia, "New York", Palatino, "Times New Roman"; } span.red { color: #d54; } span.green { color: #575; } span.blue { color: #579; } a { color: #000; border-bottom: 2px solid #fd0; font-weight: bold; text-decoration: none; } a:hover { background-color: #fd0; } .center { width: 700px; margin: -12px auto 32px; text-align: center; } .box { width: 550px; w\idth: 500px; padding: 24px 24px 0; border: 1px solid #ccc; background: #fff no-repeat; } .left { margin: 0 auto 32px 0; } .right { margin: 0 0 32px auto; } div.red { background-image: url(red.jpg); } div.green { background-image: url(green.jpg); } div.blue { background-image: url(blue.jpg); } h3 { position: relative; left: -53px; top: -51px; margin: 0 -510px -65px 0; padding: 9px 0 0 13px; width: 510px; height: 59px; he\ight: 50px; background: url(star.gif) no-repeat; letter-spacing: -1px; font-size: 2em; font-weight: bold; line-height: 1em; text-transform: lowercase; } .red h3, .red h5 { color: #d54; } .green h3, .green h5 { color: #575; } .blue h3, .blue h5 { color: #579; } .lefthalf { width: 225px; float: left; } .righthalf { width: 251px; float: right; font: 11px Verdana, Tahoma, Helvetica, Arial, Georgia, "New York", Palatino, "Times New Roman"; } .righthalf a { border-bottom: none; } .righthalf img { margin: 2px 0; border: 1px solid #000; clear: both; } .righthalf a img { border: 1px solid #fd0; } ul { margin: 0; padding: 0; list-style: none; } li { margin: 10px 0; padding-left: 16px; background: url(list.gif) 0 4px no-repeat; } h5 { position: relative; left: -230px; top: 0; margin: 0 0 -12px; height: 12px; font-size: .9em; text-transform: lowercase; text-align: right; } .center input { border: none; border-bottom: 1px solid #fea; background-color: #fea; font: 13px Verdana, Tahoma, Helvetica, Arial, Georgia, "New York", Palatino, "Times New Roman"; } .center input:hover { border-color: #999; background-color: #fe6; } .center input:focus { border-color: #000; background-color: #fd0; } .center .box input { width: 251px; } .center .text { width: 550px; } #submit { border: 2px solid #fd0; background-color: transparent; color: #000; font: 13px Georgia, "New York", Palatino, "Times New Roman"; font-weight: bold; } .spacer { clear: both; } input { DISPLAY: NONE; }