* {margin: 0; padding: 0; border: 0; border-spacing: 0;
  font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

html {height: 100%; background-color: #99CCFF; overflow: hidden;}
body {width: 784px; height: 95%; margin: 0 auto; margin-top: 50px; overflow: hidden;
      background-image: url(bkgrnd.jpg); background-repeat: repeat;}

#header {height: 156px; background-color: #99CCFF;
         background-image: url(main_header.gif); background-repeat: no-repeat; background-position: left;}
#container {height: 80%; overflow-x: hidden; overflow-y: scroll; border: 2px solid #3366CC; padding-left: 5%; padding-right: 5%;}

#menu {width: 150px; position: absolute; top: 126px; right: 5%; display: none; background: #FFFFFF;}
.button, .sr {background-color: #3366CC; padding: 2px; text-align: center;
         border: 4px solid #99CCFF; border-right-color: #003399; border-bottom-color: #003399;
         font-size: 12px; font-weight: bold; color: #FFFFFF;}

/* button links */
  a.blink {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
  a.blink:link {color: #FFFFFF;}
  a.blink:visited {color: #FFFFFF;}
  a.blink:hover {color: #FFFF00;}

/* defaults */
p, h1, h2, h4 {text-align: left; color: #000000; margin: 0 16px 0 16px;}

/* body text */
p, ul {font-size: 15px; line-height: 18px; margin-bottom: 12px;}

/* general subheading */
h2 {font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;}

/* property subheading */
h2.property, h2.pricesold {margin-top: 0px; margin-bottom: 4px;}
h2.property {color: #FFFFFF;}
h2.pricesold {font-size: 22px;}
span.price {color: #FFFF00;}
span.sold {color: #DD0000; font-weight: bold;}

/* property info */
div.bluebanner {background-color: #3366CC; margin: 0; padding-left: 16px;
    background-image: url(loading_picture.gif); background-repeat: no-repeat; background-position: right;}
div.thumbbox {width: 700px; height: 66px; background-color: #3366CC; overflow-x: scroll; overflow-y: hidden;}
img.thumb {width: 60px; height: 40px; border: 3px solid #3366CC; cursor: pointer;} /* margin: 4px 0 4px 4px; */
img.photo {float: right; margin-left: 16px; margin-bottom: 4px; border: 2px solid #3366CC;}

/* footer text - control bold and ital manually */
h4 {font-size: 16px; color: #3366CC;}

/* prudential address */
div.logobox {width: 152px; float: right;}
h5 {text-align: center; font-size: 10px; color: #3366CC; margin-left: 38px;}

/* links text */
h6 {text-align: center; font-size: 12px; color: #000000;}

/* text links */
  a.tlink {text-decoration: none;}
  a.tlink:link {color: #003399;}
  a.tlink:visited {color: #77AADD;}
  a.tlink:hover {text-decoration: underline;}

/* home page - want to buy or sell */
h1 {text-align: center; font-size: 24px; font-weight: bold; font-style: italic; color: #3366CC;}

b {font-weight: bold;}
i {font-style: italic;}
.indent {text-indent: 24px;}
.blue {color: #3366CC;}
.red {color: #990033;}
.yellow {color: #FFFF00;}
.center {text-align: center;}
.left, .right, .bdleft, .bdright {margin: 0 16px 4px 16px;}
.border, .bdleft, .bdright {border: 2px solid #000000;}
  .left, .bdleft {float: left;}
  .right, .bdright {float: right;}
.clleft {clear: left; margin: 0;}
.clright {clear: right; margin: 0;}

.caption {margin-bottom: 8px; font-style: italic;}

hr {border: 1px solid #3366CC; margin-top: 8px; margin-bottom: 0px; clear: right;}