body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #9EC4E6;
}
#container {
position: relative;
width: 747px;
margin: 0 auto; 
background-color:#FFFFFF;
}
#header {
height: 220px;
background-image: url(pictures/header.jpg);
}
#round {
height: 20px;
background-image: url(pictures/round.jpg);
}
#top {
position: relative;
width: 747px;
height: 30px;
border-top: 2px solid #9EC4E6;
border-bottom: 6px solid #9EC4E6;
background-color: #9EC4E6;
}
ul#menu {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu li {
float: left;
}
a#links1 {
display: block;
width: 105px;
height: 30px;
margin: 0 2px 0 0;
background: url(pictures/links1a.jpg);
}
a#links1:hover {
background: url(pictures/links1b.jpg);
}
a#links2 {
display: block;
width: 105px;
height: 30px;
margin: 0 2px 0 0;
background: url(pictures/links2a.jpg);
}
a#links2:hover {
background: url(pictures/links2b.jpg);
}
a#links3 {
display: block;
width: 105px;
height: 30px;
margin: 0 2px 0 0;
background: url(pictures/links3a.jpg);
}
a#links3:hover {
background: url(pictures/links3b.jpg);
}
a#links4 {
display: block;
width: 105px;
height: 30px;
margin: 0 2px 0 0;
background: url(pictures/links4a.jpg);
}
a#links4:hover {
background: url(pictures/links4b.jpg);
}
a#links5 {
display: block;
width: 105px;
height: 30px;
margin: 0 2px 0 0;
background: url(pictures/links5a.jpg);
}
a#links5:hover {
background: url(pictures/links5b.jpg);
}
a#links6 {
display: block;
width: 105px;
height: 30px;
margin: 0 2px 0 0;
background: url(pictures/links6a.jpg);
}
a#links6:hover {
background: url(pictures/links6b.jpg);
}
a#links7 {
display: block;
width: 105px;
height: 30px;
background: url(pictures/links7a.jpg);
}
a#links7:hover {
background: url(pictures/links7b.jpg);
}
#content {
height: 100%;
background-color:#FFFFFF;
}
#content a {
color: #BBD5E4;
text-decoration: none;
}
#content p {
color: #2A5088;
font-size: 1em;
}
#pic {
float: left;
width: 246px;
height: 400px;
}
#text {
width: 501px;
height: 400px;
text-align: justify;
margin: 0 0 0 246px;
padding: 0;
}
#text p {
margin: 15px 30px 0 0px;
padding: 0;
}
#text02 {
width: 501px;
height: 400px;
text-align: justify;
margin: 0 0 0 246px;
padding: 0;
}
#text02 p {
margin: 15px 30px 0 0px;
padding: 0;
}
#text03 {
width: 501px;
height: 400px;
text-align: justify;
margin: 0 0 0 246px;
padding: 0;
}
#text03 p {
margin: 15px 30px 0 0px;
padding: 0;
}
#text04 {
width: 501px;
height: 400px;
text-align: justify;
margin: 0 0 0 246px;
padding: 0;
}
#text04 p {
margin: 15px 30px 0 0px;
padding: 0;
}
#text05 {
width: 501px;
height: 400px;
text-align: justify;
margin: 0 0 0 246px;
padding: 0;
}
#text05 p {
margin: 15px 30px 0 0px;
padding: 0;
}
#text06 {
width: 747px;
height: 400px;
text-align: justify;
margin: 0;
padding: 0;
}
#p2 {
font: bold small-caps 1em/1.7 Arial, Helvetica, sans-serif;
color: #BBD5E4;
text-align: center;
}
#footer {
position: absolute;
width: 747px;
height: 100px;
background-image: url(pictures/footer.jpg);
}
#footer p {
color: white;
font-size: 0.8em;
margin-top: 9px;
margin-left: 40px;
}
#footer a {
color: white;
text-decoration: none;
}
#footer a:hover {
color: white;
text-decoration: underline;
}
p {
margin: 0 0 10px 0;
}
.center {
text-align: center;
}
ul#reproweb {
list-style-type: none;
margin: 30px 0 0 0;
padding: 0;
}
#reproweb li {
float: left;
}
a#resumes {
display: block;
width: 105px;
height: 30px;
margin: 0 46.5px 0 46.5px;
background: url(pictures/resumesa.jpg);
}
a#resumes:hover {
background: url(pictures/resumesb.jpg);
}
a#proposals {
display: block;
width: 105px;
height: 30px;
margin: 0 46.5px 0 0;
background: url(pictures/proposalsa.jpg);
}
a#proposals:hover {
background: url(pictures/proposalsb.jpg);
}
a#websites {
display: block;
width: 105px;
height: 30px;
margin: 0 2px 0 0;
background: url(pictures/websitesa.jpg);
}
a#websites:hover {
background: url(pictures/websitesb.jpg);
}
#quote {
margin: 0px 30px 0 0px;
padding: 0;
color: grey;
}
ul#contell {
list-style-type: none;
margin: 20px 0 0 0;
padding: 0;
}
#contell li {
float: left;
}
a#splashjamaica {
display: block;
width: 200px;
height: 75px;
margin: 0px 100px 20px 100px;
background: url(pictures/splashjamaicalogo.jpg);
}
a#contactus {
display: block;
width: 100px;
height: 28px;
margin: 0px 100px 0px 100px;
background: url(pictures/contactusa.jpg);
}
a#contactus:hover {
background: url(pictures/contactusb.jpg);
}
a#tellafriend {
display: block;
width: 100px;
height: 28px;
margin: 0 0 0 0;
background: url(pictures/tellafrienda.jpg);
}
a#tellafriend:hover {
background: url(pictures/tellafriendb.jpg);
}
#ad p {
text-align: center;
line-height: 5px;
}
#ad  {
margin-bottom: 15px;
}
#ad h1 {
margin: -15px 0 0 0;
font-family: Georgia, sans-serif;
font-weight: none;
font-size: 1.2em;
color: white;
text-align: center;
background-color: #2A5088;
}
#field01 {
display: block;
border: none;
width: 500px;
height: 300px;
padding-top: 15px;
background: url(pictures/field.jpg) no-repeat;
margin-left: 123.5px; 
}
label {
position: absolute;
font-size: 90%;
padding-top: 0.2em;
left: 170px;
}
.input {
width: 250px;
margin-left: 170px;
margin-bottom: 5px;
}
input + input {
margin-left: 1em;
}
#service {
width: 250px;
margin-left: 170px;
margin-bottom: 5px;
color: #2A5088;
}
textarea {
margin-left: 170px;
font: 0.8em "Trebuchet MS", Verdana, sans-serif;
width: 250px;
height: 60px;
}
input[type="submit"], input[type="reset"] {
background: #2A5088;
font: 1.2em Georgia, sans-serif;
color: white;
}
.title {
text-align: center;
}
p#buttons {
margin-top: 10px;
text-align:center;
}