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;
}