@charset "utf-8";
/* CSS Document */

body {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px}

div#background {
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  height: 1190px;
  width: 970px;
  top: 0px; 
  left: 0px;
  position: absolute}

h1.buena-park-real-estate {
  font-family: arial;
  color: #fff;
  font-size: 18px;
  height: 22px;
  width: 220px;
  margin-top: 232px;
  margin-left: 19px;
  position: absolute}

div#slogan1 {
  font-family: arial;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.01cm;
  height: 22px;
  width: 223px;
  margin-top: 114px;
  margin-left: 504px;
  position: absolute}

div#slogan2 {
  font-family: arial;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.01cm;
  height: 22px;
  width: 185px;
  margin-top: 150px;
  margin-left: 542px;
  position: absolute;
  left: 2px}

div#slogan3 {
  font-family: arial;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.01cm;
  height: 22px;
  width: 160px;
  margin-top: 188px;
  margin-left: 568px;
  position: absolute}
  
h2.buena-park-homes {
  font-family: arial;
  color: #555;
  font-size: 18px;
  height: 22px;
  width: 480px;
  margin-top: 290px;
  margin-left: 19px;
  position: absolute}

div#buena-park-homes-information {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 195px;
  width: 480px;
  margin-top: 315px;
  margin-left: 20px;
  position: absolute}

h3.buena-park-homes-for-sale {
  font-family: arial;
  color: #fff;
  font-size: 15px;
  height: 22px;
  width: 220px;
  text-align: center;
  margin-top: 113px;
  margin-left: 740px;
  position: absolute}

div#buena-park-homes-for-sale {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 418px;
  width: 220px;
  text-align: center;
  line-height: 21px;
  margin-top: 145px;
  margin-left: 740px;
  position: absolute}
  
h4.buena-park-real-estate-agent {
  font-family: arial;
  color: #555;
  font-size: 18px;
  height: 22px;
  width: 480px;
  margin-top: 550px;
  margin-left: 19px;
  position: absolute}

div#buena-park-information {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 230px;
  width: 480px;
  margin-top: 575px;
  margin-left: 20px;
  position: absolute}

h5.style {
  font-family: arial;
  font-size: 15px;
  height: 20px;
  width: 220px;
  color: #0aa6d6;
  text-align:left;
  margin-top: 1px;
  margin-left: 1px}
  
ul.partners {
  list-style-type: none;
  font-family: arial;
  color: #555;
  font-size: 12px}

div#home-of-buena-park {
  font-family: arial;
  color: #fff;
  font-size: 30px;
  height: 35px;
  width: 300px;
  margin-top: 47px;
  margin-left: 27px;
  position: absolute}

div#shopping {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 350px;
  width: 185px;
  top: 270px;
  left: 548px;
  line-height: 50px;
  position: absolute}

div#entertainment {
  font-family: arial;
  color: #555;
  font-size: 10px;
  height: 44px;
  width: 170px;
  top: 280px;
  left: 555px;
  position: absolute}
  
div#restaurants {
  font-family: arial;
  color: #555;
  font-size: 10px;
  height: 44px;
  width: 170px;
  top: 280px;
  left: 555px;
  position: absolute}
  
div#events {
  font-family: arial;
  color: #555;
  font-size: 10px;
  height: 44px;
  width: 170px;
  top: 280px;
  left: 555px;
  position: absolute}
  
div#transportation {
  font-family: arial;
  color: #555;
  font-size: 10px;
  height: 44px;
  width: 170px;
  top: 280px;
  left: 555px;
  position: absolute}
  
div#resources {
  font-family: arial;
  color: #555;
  font-size: 10px;
  height: 44px;
  width: 170px;
  top: 280px;
  left: 555px;
  position: absolute}

div#advertise-box1 {
  height: 95px;
  width: 165px;
  top: 588px;
  left: 551px;
  position: absolute}

div#advertise-box2 {
  height: 95px;
  width: 165px;
  top: 688px;
  left: 551px;
  position: absolute}

div#advertise-box3 {
  height: 95px;
  width: 165px;
  top: 788px;
  left: 551px;
  position: absolute}
  
div#buena-park-community {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 110px;
  width: 227px;
  top: 915px;
  left: 9px;
  position: absolute}
  
div#buena-park-community-information {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 80px;
  width: 225px;
  top: 1007px;
  left: 11px;
  position: absolute}
    
div#buena-park-local-schools {
  font-family: arial;
  color: #555;
  font-size: 10px;
  height: 110px;
  width: 227px;
  top: 915px;
  left: 252px;
  position: absolute}
  
div#buena-park-local-schools-information {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 80px;
  width: 225px;
  top: 1007px;
  left: 254px;
  position: absolute}  
  
div#buena-park-directory {
  font-family: arial;
  color: #555;
  font-size: 10px;
  height: 110px;
  width: 227px;
  top: 915px;
  left: 496px;
  position: absolute}  

div#buena-park-directory-information {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 80px;
  width: 225px;
  top: 1007px;
  left: 498px;
  position: absolute}

div#contact-us {
  font-family: arial;
  color: #fff;
  font-size: 15px;
  height: 22px;
  width: 220px;
  text-align: center;
  top: 579px;
  left: 740px;
  position: absolute}

div#contact-form {
  font-family: arial;
  color: #555;
  font-size: 12px;
  height: 150px;
  width: 215px;
  margin-top: 495px;
  margin-left: 743px;
  position: absolute;
  left: 2px;
  top: 115px}

div#partners {
  font-family: arial;
  color: #fff;
  font-size: 15px;
  height: 22px;
  width: 220px;
  text-align: center;
  top: 904px;
  left: 739px;
  position: absolute}

div#partners-list {
  font-family: arial;
  color: #555;
  font-size: 15px;
  height: 200px;
  width: 212px;
  line-height: 150%;
  text-align: center;
  margin-top: 803px;
  margin-left: 740px;
  position: absolute}
  
div#sitemap {  
  font-family: arial;
  color: #fff;
  font-size: 10px;
  height: 30px;
  width: 710px;
  top: 1115px;
  left: 10px;
  position: absolute}

div#css {
  height: 31px;
  width: 88px;
  top: 1150px;
  left: 535px;
  position: absolute}
  
div#xhtml {
  height: 31px;
  width: 88px;
  top: 1150px;
  left: 635px;
  position: absolute}
  
div#copyright {  
  font-family: arial;
  color: #fff;
  font-size: 10px;
  height: 15px;
  width: 250px;
  top: 1169px;
  left: 10px;
  position: absolute}

div#digitalovercast {  
  font-family: arial;
  color: #fff;
  font-size: 10px;
  height: 15px;
  width: 175px;
  top: 1169px;
  left: 305px;
  position: absolute}

div#google-search {
  height: 60px;
  width: 226px;
  top: 46px;
  left: 744px;
  position: absolute}

div#adsense {
  height: 60px;
  width: 468px;
  top: 820px;
  left: 25px;
  position: absolute}

a.main:link {
  color: #555;
  text-decoration: none}
a.main:visited {
  color: #555;
  text-decoration: none}
a.main:hover {
  color: #555;
  text-decoration: underline}

a.content:link {
  color: #555;
  text-decoration: underline}
a.content:visited {
  color: #555;
  text-decoration: underline}
a.content:hover {
  color: #555;
  text-decoration: underline}
  
a.footer:link {
  color: #fff;
  text-decoration: none}
a.footer:visited {
  color: #fff;
  text-decoration: none}
a.footer:hover {
  color: #fff;
  text-decoration: underline}

/* Directory Page CSS */

div#directory-background {
  background-image: url('background.gif');
  background-repeat: repeat-y;
  top: 0px; 
  left: 0px;
  position: absolute}