<style type = "text/css">
<!-- blue faded background effect -->
h2 { background: yellow }
body {background: #d9eeff url(images/drawings/background_gradient.jpg) repeat-x scroll}

<!-- company logo -->
#pdlogo { 
display: block;
background-attachment: scroll;
background-image: url(images/drawings/pdholidays_logo.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 153px;
padding-left: 486px;
margin-top: 0px;
margin-left: -440px;
}

<!-- 2 images -->
#pic1 { 
display: block;
background-attachment: scroll; 
background-image: url(images/drawings/pool1.png);
background-repeat: no-repeat; 
background-position: center top; 
padding-top: 153px;
padding-left: 220px;
margin-top: -153px;
margin-left: 290px;
} 

#pic2 { 
display: block;
background-attachment: scroll;
background-image: url(images/drawings/pdbuilding2.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 153px;
padding-left: 220px;
margin-top: -153px;
margin-left: 750px;
}

</style>
