
/* DiThomas Properties Stylesheet */


/* Global */
body {background-color: #C0C0C0; text-align: center; padding: 5px 0 10px 0; margin: 5px 0 10px 0; font: normal 11px/13px arial, helvetica, sans-serif; color: #333;}
td {font: normal 10px/12px arial, helvetica, sans-serif; color: #333;}
#container {width: 650px; margin: auto; background-color: #C8D7EF; text-align: left;}
a {color: #333;}
p  {margin: 0 0 0 0; padding: 0 0 12px 0;}
/* Homepage */
#hp {position: relative; width: 650px; height: 480px; background: #C8D7EF url('../images/hp_background.gif') left bottom no-repeat; border: solid 1px #999999; padding: 0 0 10px 0;}
#hp #main {position: absolute; left: 240px; top: 9px;}
#hp #photo {position: absolute; left: 90px; top: 10px;}
#hp #photo-caption {position: absolute; left: 90px; top: 236px;}
#hp #headline {position: absolute; left: 170px; top: 270px;}
#hp #intro {position: absolute; left: 170px; top: 307px; width: 290px; font: normal 11px/21px arial, helvetica, sans-serif; color: #333; padding-left: 1px;}
#hp #feature-box {position: absolute; left: 10px; top: 271px;}
#hp #feature-photo {position: absolute; left: 90px; top: 346px;}
#hp #box2 {position: absolute; left: 490px; top: 85px;}
#hp #box3 {position: absolute; left: 570px; top: 10px;}
#hp #box4 {position: absolute; left: 570px; top: 85px;}
#hp #nav-list-nyc {position: absolute; left: 10px; top: 160px;}
#hp #nav-list-hud {position: absolute; left: 10px; top: 85px;}
#hp #nav-info {position: absolute; left: 250px; top: 160px;}
#hp #nav-team {position: absolute; left: 490px; top: 160px;}
#hp #tiles {position: absolute; left: 490px; top: 244px; width: 150px; height: 234px; background: url('../images/tile_diag.gif');}


/* Deeper Pages */

#content {padding: 0 164px 150px 81px; background: url('../images/tile_diag_deep.gif') 497px 0 repeat-y;}
#content #hdr {padding: 7px 0 7px 0;}
#content #hdr table td {padding: 3px 0 3px 0;}
#content #hdr td.text {padding: 3px 0 3px 5px; font: bold 14px/12px arial, helvetica, sans-serif; color: #666;}
#content #hdr td.text-dark {padding: 3px 0 3px 5px; font: bold 14px/12px arial, helvetica, sans-serif; color: #555;}

#deep {position: relative; width: 650px; background: #C8D7EF url('../images/hp_background.gif') left bottom no-repeat; border: solid 1px #999999; padding: 0 0 10px 0;}
#deep #logo {padding-bottom: 3px;}
#deep #address {position: absolute; left: 504px; top: 133px;}
#deep #mortgage-calc {position: absolute; left: 507px; top: 278px;}
#deep #nav-list-nyc {position: absolute; left: 10px; top: 52px;}
#deep #nav-list-hud {position: absolute; left: 81px; top: 52px;}
#deep #nav-info {position: absolute; left: 294px; top: 52px;}
#deep #nav-team {position: absolute; left: 365px; top: 52px;}
#deep #box1 {position: absolute; left: 507px; top: 52px;}
#deep #box2 {position: absolute; left: 152px; top: 52px;}


/* Team */

.team {font: normal 11px/13px arial, helvetica, sans-serif; color: #333; padding-bottom: 20px; border-bottom: solid 1px #333; margin-bottom: 25px;}
.team #photo {float: left; padding: 1px 7px 7px 0;}
.team #blurb {clear: left;}
.team #blurb-none {clear: left; margin-bottom: -13px;}
.team .quote {padding: 0 15px 6px 15px;}
.team .quote-author {text-align: right; position: relative; top: -3px; margin: 0 0 0 0; padding: 0 0 12px 0; font-style: italic;}
.team h3 {text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 12px 0; font-size: 11px; font-weight: normal; color: #666;}

/* info */

.info {font: normal 11px/13px arial, helvetica, sans-serif; color: #333; margin: 25px 0 25px 0; height: 300px; text-align: center;}


/* Listings */

.listing {font: normal 10px/12px arial, helvetica, sans-serif; color: #333; padding-bottom: 15px; border-bottom: solid 1px #333; margin: 5px 0 15px 0;}
.listing big {text-transform: uppercase; font-size: 11px;}
.listing #photo {float: left; padding: 1px 7px 7px 0;}
.listing #blurb {clear: left; padding: 2px 0 0 0;}
.listing #blurb b {font-weight: bold; font-size: 11px;}
.listing #photo-big {padding: 12px 0 0 0;}

/* Leftnav */

#leftnav {position: absolute; left: 8px; top: 160px;}
#leftnav div {padding-bottom: 3px;}

