a:link, a:active, a:visited {color: #333333}
a:hover {color: #C12F3D}

body {margin: 10px; background-color: #FFFFFF; background-image: url(../images/background.gif); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; color: #333333}
p, ul, ol, li, td {font-size: 12px}

#main {padding: 10px 0 20px 0}

#left {float: left; width: 200px}

#nav {background-image: url(../images/nav_back.gif); background-repeat: no-repeat}
#nav .bottom {background-image: url(../images/nav_bottom.gif); background-repeat: no-repeat; background-position: bottom; padding: 15px 10px 20px 20px}
#nav ul {margin: 0; padding: 0; list-style: none}
#nav ul li {display: block; float: left; clear: both; padding: 0}
#nav ul li a {display: block; float: left; clear: both; font-weight: bold; text-decoration: none; background-image: url(../images/marker_off.gif); background-repeat: no-repeat; background-position: 0 10px; padding: 8px 0px 8px 20px; width: 150px}
#nav ul li a:hover {background-image: url(../images/marker_on.gif)}

#middle {float: left; width: 523px}

#brochure #middle {width: 723px}

#flash {padding: 0 10px}

#content {padding: 20px}
#content h1 {font-size: 26px; font-weight: normal; letter-spacing: -1px; margin: 0 0 10px 0}
#content p {line-height: 150%; margin-top: 0}
#content h2 {font-size: 18px; font-weight: normal}
#content h3 {font-size: 18px; font-weight: normal; margin: 30px 0 10px 0; padding: 10px; border: 1px solid #CCCCCC}
#content ul {margin: 0 15px; padding: 0; list-style: none}
#content ul li {padding: 4px 0 4px 13px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 7px}

#right {float: left; width: 200px}

#sidebar {background-image: url(../images/side_back.gif); background-repeat: no-repeat}
#sidebar .bottom {background-image: url(../images/side_bottom.gif); background-repeat: no-repeat; background-position: bottom; padding: 20px 10px 20px 23px}
#sidebar p {margin-top: 0; font-size: 11px; color: #FFFFFF}
#sidebar td {font-size: 11px; color: #FFFFFF; padding-right: 20px}

#quote {background-image: url(../images/quote.gif); background-repeat: no-repeat; background-position: 0 22px; padding: 20px 10px 20px 23px; position: relative}
#quote p {margin-top: 0; font-size: 14px}
#quote p.signed {font-size: 11px; font-weight: bold}

#footer {background-image: url(../images/footer.gif); background-repeat: no-repeat; padding: 10px 20px}
#footer p {margin: 10px 0; font-size: 11px; color: #7B7B7B}
#footer a:link, #footer a:active, #footer a:visited {color: #7B7B7B}
#footer a:hover {color: #555555}
#footer p span {color: #CCCCCC; margin: 0 5px}
#footer #logo {float: right; margin: 10px 0 0 0}

.clear {clear: both}

table.contact td {padding: 2px 10px 2px 10px}
table.contact td.label {border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; width: 100px; font-size: 10px; text-transform: uppercase; padding-left: 0; text-align: right}
table.contact td.noborder {border-bottom: 0}
table.contact td input.text {width: 200px}
table.contact td textarea.text {width: 300px}

table.floorplans {border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
table.floorplans td {padding: 5px; border-right: 1px solid #CCCCCC}
table.floorplans thead td {background-color: #C12F3D; color: #FFFFFF; font-weight: bold}
table.floorplans tr.odd td {background-color: #F1F1F1}
table.floorplans td.plan {font-size: 10px; text-transform: uppercase}
table.floorplans td.plan a {text-decoration: none}

table.details {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 20px 0}
table.details td {padding: 5px; vertical-align: top}
table.details td.plan {font-size: 10px; text-transform: uppercase}
table.details td.plan a {text-decoration: none}

div.listings p {padding: 10px; margin: 0}
div.listings p.odd {background-color: #F6F6F6}

div.photo {float: left; border: 1px solid #CCCCCC; padding: 1px; margin: 0 10px 10px 0}
div.photo img {width: 220px; height: 165px}

#printReady {background-color: #FFFFFF; background-image: none}

div.contact {float: right; margin: 0 0 0 20px}

#content h4 {clear: both; font-size: 18px; font-weight: normal; margin: 20px 0 0 0; padding: 20px 0 10px 0; border-top: 1px solid #CCCCCC}

#brochure table.contact td {padding: 2px 20px 2px 0; line-height: 1.3em}

table.contactinfo {margin: 0}
td.number {text-align: right}