/* CSS Document */

* { 
margin:0;
padding:0;
border:0;
}
body {
margin:0;
padding:0;
border:0;
background:#FFFFFF;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
text-align:center;
}

/*
** Elements
*/
h2,h3,h4 {
margin-top:.5em;
margin-bottom:.5em;
}
a {
color:#D08A13;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:hover img {
text-decoration:none;
}
p {
font-size:11px;
line-height:20px;
letter-spacing: inherit;
}
p.seoHack strong {
font-weight:normal;
}

ul {
margin-left:1.5em;
}

ul li {
font-size:11px;
line-height:20px;
letter-spacing:inherit;
list-style-type:disc;

}

big {
font-size:150%;
line-height:150%;
}
.error {
color:#F00;
font-weight:bold;
}

/* Temp Element Logic */

div h2, div h3, div h4, div h5 {
text-align:center;
padding:0.25em 1em;
margin:0.5em 1em;
}

div h2 {
margin:10px 10px;
padding:0;
padding-top:5px;
color:#44571F;
font-size:16px;
text-align:left;
}


/*
** Alternative Styles
*/


.bgWhite {
background:#FFF;
color:#000;
}
.bgBlack {
background:#000;
color:#FFF;
}
.bgBrown {
background:#4C171A;
color:#FFF;
}
.bgLightCream {
background:#FCEFD5;
color:#000;
}
.bgMedCream {
background:#F9E1BF;
color:#000;
}

.times {
font-family:"Times New Roman", Times, serif;
}
.white {
color:#FFF;
}

/*
** Basic Layout Styles
*/


#wrapper {
width:758px;
margin:10px auto;
text-align:left;
background:#FFF;
}


table#pageBody {
width:100%;
margin:0;
padding:0;
border:0;
}
table#pageBody td.navCol {
width:158px;
background:#000;
color:#FFF;
}
table#pageBody td.contentCol {
width:595px;
}


table.twoCol {
}
table.twoCol td {
margin:0;
padding:0;
border:0;
}
table.twoCol .smallLeft, table.twoCol .smallRight {
width:182px;
margin:0;
padding:0;
border:0;
background:#4C171A;
}
table.twoCol .bigLeft, table.twoCol .bigRight {
width:408px;
background:#F9E1BF;
}
table.twoCol .even {
width: 295px;
}
table.twoCol .spacer {
width:5px;
}


table.threeCol {
width:100%;
}
table.threeCol td, table.threeCol .even {
width:33%;
}

div.hr {	/* Nice chunky 5px horizontal line */
clear:both;
width:auto;
height:5px;
margin:0px;
padding:0px;
border:0;
background:#FFF;
color:#FFF;
font-size:4px;
}

/*
** Logo Wrapper
*/
h1 {
display:inline;
margin:0px 20px;
padding:0;
border:0;
}


/*
** Headers, footers, other site-wide layout-ish things
*/
#header {
margin:0;
padding:0;
border:0;
background:url(../img/shared/parts/bg-heading.gif) repeat-x;
border-bottom:6px solid #FFF;
}
#footer {
height:118px;
border-top:5px solid #FFF;
border-bottom:35px solid #000;
}

/*
** Navigation
*/

#nav {
padding-top:15px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-align:right;
}
#nav ul {
margin:0;
padding:0;
}
#nav li {
margin:0;
padding:0;
line-height:26px;
list-style:none;
background:#000;
}
#nav a {
height:20px;
width:129px;
margin:0px 10px;
padding:1px 7px;
border:1px solid #000;
background:#000;
color:#FFF;
text-decoration:none;
}
#nav a:hover {
color:#F7D4A4;
}

#nav ul li#selected {
background:url(../img/shared/parts/bg-nav-line.gif) repeat-x 100% 50%;
}
#nav ul li#selected a {
border:1px solid #FFF;
}


/*
** Bottom Navigation
*/

#bottomNav {
font-size:10px;
}
#bottomNav li {
display:inline;
}
#bottomNav a {
color:#666;
}


/*
** Other Global Styles
*/

#footer #heathwoodLink {
float:left;
width:158px;
}
#footer #quoteBox {
float:right;
width:595px;
font-family:"Times New Roman", Times, serif;
text-align:center;
}

#footer #quoteBox blockquote {
margin:10px auto;
padding:0px 10px;
font-size:24px;
font-style:italic;
line-height:32px;
}

/* Targeted Stylings */

.bigLeft p, .bigRight p {
margin:8px 10px;
}

.smallLeft p, .smallRight p, .smallLeft blockquote{
margin:6px 8px;
color:#FFF;
}
.smallLeft blockquote {
font-size:16px;
line-height:22px;
margin:15px 10px;
}


/* ---------------------------------------------------------------------------- */

/*
** The Difference
*/


#hiAdvantage {
}
#hiAdvantage .blurb {
text-align:center;
padding-bottom:30px;
}
#hiAdvantage .blurb p {
font-size:16px;
line-height:24px;
margin-bottom:8px;
width:90%;
}
#hiAdvantage ul {
margin-top:20px;
}
#hiAdvantage ul li {
margin-left:23px;
width:540px;
padding-bottom:6px;
list-style:none;
line-height:24px;
}
#hiAdvantage ul li span  {
display:block;
float:left;
position:relative;
top:1px;
width:25px;
height:25px;
margin-right:5px;
}
#hiAdvantage ul.numbers li span {
background: #FFF url(../img/the-difference/li-red-dot.gif) no-repeat 1px -1px;
color:#FFF;
text-align:center;
font-size:11px;
font-weight:bold;
}

#hiAdvantage ul.hiLogo li span {
background: #FFF url(../img/the-difference/logo-hi-small.gif) no-repeat 0% 0%;
}


/*
** Floorplan List Page
*/

#flp {
}
#flp .top {
margin-top:20px;
margin-right:5px;
text-align:right;
}
#flp .top a {
color:#666;
font-size:12px;
}
#flp table a {
color:#FFF;
}
#flp table {
margin-bottom:30px;
}
#flp caption {
background:#FF9900;
font-family:'Arial Black','Arial',sans-serif;
font-size:18px;
color:#FFF;
text-align:left;
padding:5px 10px;
letter-spacing:1px;
}
#flp td {
text-align:center;
}
#flp tr.renderings td {
background:#FFF;
border:1px solid #000;
padding:4px;
margin:2px;
}

#flp tr.infoA td {
background:#FF9900 url(../img/floorplans/info-elev-AB.gif) no-repeat 0% 50%;
color:#FFF;
}

#flp tr.info td {
background:#666 url(../img/floorplans/info-elev-a.gif) no-repeat 0% 50%;
color:#FFF;
}
#flp tr td.hidden {
display:none;
}
#flp div.t {
padding-top:8px;
font-family:'Arial Black','Arial',sans-serif;
font-weight:normal;
font-size:13px;
line-height:13px;
text-transform:uppercase;
letter-spacing:1px;
}
#flp div.i {
padding-top:3px;
padding-bottom:7px;
font-size:11px;
}

#flp .red caption, #flp .orange tr.info td {
background-color:#FF9900;
}

#flp .red caption, #flp .red tr.info td {
background-color:#990000;
}

#flp .drkGold caption, #flp .drkGold tr.info td {
background-color:#CC9900;
}

#flp .indianRed caption, #flp .indianRed tr.info td {
background-color:#CC6666;
}

#flp .blue caption, #flp .blue tr.info td {
background-color:#006699;
}


#flp .turquoise caption, #flp .turquoise tr.info td {
background-color:#336666;
}
#flp .purplerain caption, #flp .purplerain tr.info td {
background-color:#8D1C91;
}

/*
** Individual Floorplan Pages
*/

#planRenderings {
}

#planRenderings div.t, #planRenderings div.i {
padding-top:3px;
padding-left:5px;
margin-right:5px;
font-family:'Arial Black',Arial, Helvetica, sans-serif;
}
#planRenderings div.t { 
height:35px;
background:#990000;
color:#FFF;
font-size:21px;
letter-spacing:1px;
}
#planRenderings div.i {
height:85px;
margin-top:5px;
border:1px solid #990000;
}
#planRenderings div.i p {
margin-top:0;margin-bottom:0;
color:#333;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:1px;
}
#planRenderings div.i strong {
display:block;
color:#990000;
font-family:'Arial Black',Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
}

div.planWrapper { 
padding-top:20px;
text-align:center;
}

#planRenderings div.img img {
display:block;
background:#FFF;
padding:3px;
border:1px solid #000;
}

#planRenderings span {
}

.planWrapper {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:5px;
margin-bottom:15px;
}
.planWrapper td {
color:#990000;
font-weight:bold;
}
.planWrapper td.t {
font-size:19px;
}
.planWrapper td.l {
font-size:12px;
}

.planWrapper .plan {
margin-top:20px;
margin-bottom:10px;
}