/* NOTES 
- all small gallery photos should be 320px tall 
- all large gallery photos should be 800px tall
- browser windows
  ie interior vertical 640px
  safari 678px
  firefox 622px
  chrome 662px
*/

/*@font-face {
    font-family: goudy;
    font-style:  normal;
    font-weight: normal;
    src: url(./GOUDYSC0.eot); }*/

* {margin:0; padding:0}
body {
    width:1000px; margin:auto;
    font-family: arial, sans-serif; font-size:small; line-height:1.25em; color:black;
    background:url(../images/city-view-banner.jpg); 
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position: 50% 60px;
    background-color:#81a1af;
}
p {margin-bottom:1em}

sup {vertical-align:.3em}

/* inside width: 1000 - 2*40(margins) - 2*5(borders) = 910 */
.main-frame {float:left; margin:40px; margin-top:20px; border:5px solid white;}
.main-frame img {border:1px solid white; }
.main-margin {line-height:20px}

/* HEADING */
.heading {display:block; text-align:center; 
          line-height:76px; color:#E5DA98; background-color:#5E1D17;
          font-family: goudy,times,serif; font-size:46px; letter-spacing:4px}
.window {height:250px; background-color:transparent; border-top:5px solid white; }
.window-small {height:125px; border-top:5px solid white; background-color:transparent}
.heading span {font-size:85%}

/* MAIN MENU */
.menu {float:left; width:910px; background-color:#5E1D17; border-top:5px solid white; 
       font-size:13px; font-family: goudy,times,serif; letter-spacing:1px;}
       
.menu ul {list-style: none}
.menu a {text-decoration:none; text-transform:uppercase; text-align:center; 
         display:block; color:#E5DA98; background-color:#5E1D17;}
         
/* top level menu items */
.menu>ul {display:inline; }
.menu>ul>li {display:inline; float:left; position:relative;}
.menu>ul>li:first-child {padding-left:19px}
.menu>ul>li>a {height:32px; line-height:32px; padding-left:18px; padding-right:18px}

/* 2nd level menu items */
.menu ul>li>ul {position:absolute; display:none; top:32px; left:10px}
.menu ul>li>ul>li>a {
        border:1px solid white; border-top:0;
        width:22em; height:20px; font-size:12px; line-height:20px}
.menu ul>li>ul>li:first-child a {border-top:1px solid white}

/* hover actions */
.menu ul li:hover a {color:white; background:#979660;}
.menu ul li:hover ul {display:block}
.menu ul li:hover ul a {color:#E5DA98; background:#5E1D17;}
.menu ul li ul li:hover a {color:white; background:#979660;}

/* CONTENT - GENERAL */
.content {float:left; width:830px; background-color:#DEC17B;
          border-top:5px solid white; padding:40px; padding-top:20px; padding-bottom:20px}

/* general defs - keep at top, as some are redefined for various special cases */
.content h1,
.content h2 {font-family: goudy,times,serif; font-weight:normal}
.content h1 {/*letter-spacing:-1px*/; margin:0; padding:0; text-align:left}
ul.decimal {margin-left:2em; list-style:decimal outside none}
img.lefty {float:left; margin:0; margin-right:5px;}
img.righty {float:right; margin:0; margin-left:5px;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.content a {color: #931A02}


/* HOME PAGE CONTENT */
.home-header {}
.home-left {float:left; width:402px}
.home-mid {margin-left:437px;}

.home-header h1 {font-size:28px; line-height:1em; color:#5E1D17; padding-bottom:20px;}
.home-left img#house-photo {margin:auto; margin-bottom:20px; border:2px solid white;}

/* GENERAL ONE COLUMN PAGE - investment perspective */
.wide {margin-left:60px; margin-right:60px}
.wide h1 {margin-bottom:.75em; color:#5E1D17; }
.wide h2 {margin-top:.75em; margin-bottom:.25em; color:#5E1D17; }
.wide ul {list-style: disc outside none; margin-left:20px;}


/* GENERAL TWO COLUMN PAGES */
/* left heading & pictures */
.content-left-300 {float:left; width:213px}
.content-left-300 img {margin-bottom:0px; /*width:180px*/}
.content-left-300 h1 {font-size:36px; line-height:1em; color:#5E1D17; 
                      margin-bottom:25px; text-align:center;}
.content-left-300 h1#lifestyle-header {margin-bottom:10px;}
.content-left-300 h1#exec-summary {width:180px}
.content-left-300 h2 {font-size:30px; line-height:1em; text-align:center;
                      padding-bottom:19px; color:#5E1D17}
.content-left-300 img#lifestyle-img {width:210px}
.content-left-300 p.caption {margin-bottom:35px; color:#5E1D17;}

/* vertical bar divider */
.content-mid-300 {float:left; height:42px; border-left:1px solid black}

/* right heading & text */
.content-right-300 {margin-left:237px; }
.content-right-300 h1 {font-size:xx-large; line-height:1em; color:#696621; 
                       text-align:left; margin:0; margin-top:.4em; margin-bottom:.4em}
.content-right-300 h1#feature-list-header {font-size:36px; line-height:1em; margin:0}
.content-right-300 h1#align-with-image {margin-top:0; }
.content-right-300 h2 {font-family:arial; margin-top:1em; margin-bottom:1em; 
                       font-weight:bold; font-size:large; line-height:1em; color:#5E1D17;}
.content-right-300 h2:first-child {margin-top:0px;}

.content-right-300 h3 {font-size:medium; line-height:1em; color:#5E1D17;}
.content-right-300 ul {list-style: disc outside none; margin-left:20px;}

/* table elements in exec summary */
table.table-with-bullets ul {list-style: disc outside none; margin-left:15px; margin-right:20px}
table.table-with-bullets li {margin-bottom:2px; margin-right:30px}

/* PHOTO GALLERY PAGES */
.gallery-left {float:left; width:200px;}
.gallery-thumbs {float:left; width:110px}
.gallery-left-two {float:left; width:310px}
.gallery-right {margin-left:310px;}

.gallery-left h1 {font-size:36px; line-height:28px; padding-bottom:15px; color:#5E1D17}
.gallery-left h2 {font-size:22px; line-height:1em; padding-bottom:19px; color:#5E1D17}
p#phrase {font-size:large; line-height:1.3em; padding-right:30px; margin-top:1em;
          font-family: goudy,times,serif; color:#5E1D17;}

.gallery-right span {display:block; margin-top: .5em}
.gallery-right p {margin-top: 0em;}

/* menu */
.feature-menu {}
.feature-menu ul, .feature-menu li {list-style:none outside; margin:0px; padding:0px}
.feature-menu a {display:block; background:#EAE4C0;
                 padding:0; margin:0px; margin-bottom:2px; width:145px; height:22px; 
                 font-family: goudy,times,serif; font-size:14px; line-height:22px;
                 text-decoration:none; text-align:center; color:#5E1D17}
.feature-menu li:hover a {background:#939160; color:white}

/* thumbnails */
.feature-images {}
.feature-images ul, 
.feature-images li {list-style:none; margin:0; padding:0; display:block}
.feature-images li img {display:inline; width:80px; height:65px; margin-bottom:15px}
                        
/* large image */
img#feature-large {height:320px; margin:0; padding:0}

/* current page highlight */
body#p-ext   a#m-ext,
body#p-entry a#m-entry,
body#p-liv   a#m-liv,
body#p-mbed  a#m-mbed,
body#p-mbath a#m-mbath,
body#p-kit   a#m-kit,
body#p-stair a#m-stair,
body#p-upper a#m-upper,
body#p-lower a#m-lower,
body#p-gard  a#m-gard
   {background:#939160; color:white}

/* FOOTER */
.footer-wrap {float:left; width:910px; color:#E5DA98; background-color:#5E1D17;
              line-height:2em;}
.footer-frame {display:block; margin:20px; margin-top:20px; margin-bottom:20px;}
.footer-realtor-logo {float:right; display:block; margin-bottom:20px}
.footer-realtor-contact {display:block; float:right; 
                         width:185px; padding-left:10px; padding-right:20px}
.footer-basic-facts {float:left; width:285px; display:block; padding-right:10px}
.footer-frame p {line-height:1.6em}
.footer-frame a {color: #F6E479}

/* EMBEDDED STUFF */
td {padding-right:20px}
table {margin-bottom:1em}