body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #325C3C;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;}

h1 {
    position: absolute;
    left: -999em;}

h2 {
    margin: 0;
    padding: 0;}

h3 {
    font-family: "Palatino Linotype", palatino, "Times New Roman", times, serif;
    color: #ffffff;
    font-size: 150%;
    font-weight: normal;
    background: #994416 url(/images/header_bullet.gif) 10px center no-repeat;
    padding: 0.2em 0.2em 0 50px;
    letter-spacing: -0.03em;}
    
    .residences h3 {
        background-color: #255043;
        background-image: url(/images/header_bullet_green.png);}
        
    .contact h3 {
        background-color: #a48b78;
        background-image: url(/images/header_bullet_beige.png);}
        
h4 {
    padding-bottom: 0;}
    
.suites h4, .gallery h4 {
    color: #994416;}
    
a {
    color: #325C3C;
    text-decoration: underline;}
    
    a:hover {
        text-decoration: none;}
        
.suites a, .gallery a {
    color: #994416;}
    
.contact a {
    color: #994416;}
    
img {
    border: none;
    margin: 0;
    padding: 0;}
    
img.inline {
    float: right;
    margin: 0.5em;}

#content ul.menu {
    font-family: "Palatino Linotype", palatino, "Times New Roman", times, serif;
    font-size: 1.5em;
    margin:0;
    padding: 0;
    list-style-type: none;}
    
    #content ul.menu li {
        margin: 0.5em 0;
        width: 100%;}
    
    #content ul.menu a {
        color: #994416;
        text-decoration: none;
        background: url(/images/bullet.gif) left top no-repeat;
        padding-left: 33px;
        display: block;
        letter-spacing: -0.03em;}
        
    #content ul.menu a:hover {
        color: #325C3C;
        background-image: url(/images/bullet_hover.gif);}
            
    #content ul.menu li ul {
        color: #325C3C;
        list-style-type: disc;}
        
        #content ul.menu li ul a {
            background: transparent;
            padding-left: 0;}
            
        #content ul.menu li ul a:hover {
            background: transparent;}
            
ul.amenities li {
    list-style-image: url(/images/smallBullet.gif);
    list-style-type: inherit;
    margin: 0.3em 0;}
    
    ul.amenities h5 {
        font-size: 110%;
        margin: 0;
        padding: 0;
        font-weight: normal;
        color: #994416;}
        
    ul.amenities p {
        margin-top: 0.2em;}
        
table {
    border: 2px solid #255043;
    color: #255043;
    border-collapse: collapse;
    background: #ffffff;}
    
    th {
        background: #D8E8DF;
        text-align: center;
        padding: 0.2em 0.5em;}
        
        .contact th {
            background: #E8E2D9;
            color: #994416;}
        
    .suites th {
        background-color: #F6EBE6;}
        
        th.type {
            text-align: left;}
    
    td {
        padding: 0.5em 1em;
        vertical-align: top;}
        
    td.sqft {
        text-align: center;}
        
    tfoot {
        border-top: 1px solid #255043;}
        
        tfoot td {
            padding: 0.5em;}
        
    .contact table, .contact tfoot {
        border-color: #a48b78;}
    
    .suites table, .suites tfoot {
        color: #994416;
        border-color: #994416;}

p.pricing {
    text-align: right;
    color: #255043;}
    
.suites p.pricing {
    color: #994416;}
    
#content {
    width: 700px;
    background: #ffffff;
    margin: 0 auto;}
    
#content.home {
        background: #ffffff url(/images/home_flower.png) right bottom no-repeat;
        padding-bottom: 80px;}
        
#content.secondary {
        background: #ffffff url(/images/secondary_flower.png) 10% bottom no-repeat;}
    
    #main {
        padding: 15px 26px;
        overflow: hidden;}
        
    #header {
        margin-bottom: 15px;}
        
    #nav {
        float: left;
        width:185px;
        margin-right: 10px;}
        
    #mainContent {
        overflow: hidden;
        padding: 2px;}
        
        #ie6 #mainContent {
            float: left;}
        
p.contact {
    color: #994416;
    text-align: center;}   
    
    .contact p.contact {
        float: right;
        text-align: left;}

div.floorplans {
    text-align: center;}
    
div.floorplans img {
    max-width: 630px;}
    
div.floorplans p {
    margin-bottom: 2em;
    background: #ffffff;}
    
div.floorplans h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    background: #ffffff;}
    
.suites .even {
    border: 2px solid #F6EBE6;}
    
.residences .even {
    border: 2px solid #D8E8DF;}
    
.floorplans h4.even {
    margin-bottom: 0;
    border-bottom: none;}
    
.floorplans p.even {
    margin-top: 0;
    border-top: none;
    padding: 0.5em 0;}
    
.error, .required {
        color: #A5252A;}
        
.message {
    color: #5672BE;
    font-weight: bold;
    font-size: 120%;}
    
/* Forms */
input.area {
    width: 3em;
    text-align: center;}
    
input.phone {
    width: 6em;}
    
.contact th {
    text-align: right;
    padding: 0 1em 0 0;}
    
table.contact td {
    padding: 0.2em 1em;}
    
/* Popups */

div.popup {
    width: 217px;
    background: #CAD0E6 url(/images/households_flower.png) right 150px no-repeat;
    position: absolute;
    top: 193px;}
    
    div.popup ul {
        margin: 0;
        padding: 0.5em 1em 0.5em 2em;}
        
        div.popup li {
            margin: 0.5em 0;}
            
    div.popup a {
        display: block;
        line-height: 26px;
        padding: 5px 0 0 15px;
        color: #ffffff;
        font-size: 140%;
        background: url(/images/households_grad.png) top repeat-x;
        text-decoration: none;
        font-family: "Palatino Linotype", palatino, "Times New Roman", times, serif;
        cursor: pointer;}
        
        div.popup a:hover {
            text-decoration: underline;}
            
    div.popup a span {
        display: block;
        width: 100%;
        line-height: 26px;
        background: url(/images/households_arrow.png) 85% top no-repeat;}
            
    div.popup h3 {
        margin: 0;
        padding: 0;
        line-height: 59px;
        height: 59px;}

#residences_popup {
    background: #C0D6CF url(/images/residences_flower.png) right 150px no-repeat;}
    
    #residences_popup a {
        background-image: url(/images/residences_grad.png);}
        
    #residences_popup a span {
        background-image: url(/images/residences_arrow.png);}

#suites_popup {
    margin-left: 217px;
    width: 215px;
    background: #EFC4AB url(/images/suites_flower.png) right 150px no-repeat;}
    
    #suites_popup a {
        background-image: url(/images/suites_grad.png);}
        
    #suites_popup a span {
        background-image: url(/images/suites_arrow.png);}
    
#households_popup {
    margin-left: 433px;
    width: 215px;}    
            
a.pop_trigger {
    display: inline-block;
    width: 217px;
    height: 171px;
    position: absolute;
    top: 193px;
    background: url(/images/transparent.png);} /* IE7 won't detect the hover with a background: transparent for some reason */
    
    #suites {
        width: 215px;
        margin-left: 217px;}
        
    #households {
        width: 217px;
        margin-left: 432px;}
        
/* Map */
iframe.google {
    width: 447px;
    height: 400px;
    border: none;
    border: 2px solid #255043;}