body{ background-color: #737d80; font: 12px/14px arial, "Trebuchet MS"; }

#site{  }

a{ color: #502816; text-decoration: underline; }
a:hover{ text-decoration: none; }

#box{ width: 774px; margin: 20px auto; background-color: #737D80; }

/* Shadow */
#tbl-site{ width: 100%; }
    #tbl-site .corner{ width: 5px; height: 5px; background-repeat: no-repeat; }
        #tbl-site .corner.lt{ background-image: url('/htdocs/images/shadow-lt.gif'); }
        #tbl-site .corner.lb{ background-image: url('/htdocs/images/shadow-lb.gif'); }
        #tbl-site .corner.rt{ background-image: url('/htdocs/images/shadow-rt.gif'); }
        #tbl-site .corner.rb{ background-image: url('/htdocs/images/shadow-rb.gif'); }

    #tbl-site .corner-b, #tbl-site .corner-t{ height: 5px; background-repeat: repeat-x; }
        #tbl-site .corner-b{ background-image: url('/htdocs/images/shadow-bottom.gif'); }
        #tbl-site .corner-t{ background-image: url('/htdocs/images/shadow-top.gif'); }

    #tbl-site .corner-s{ width: 5px; background-repeat: repeat-y; }
        #tbl-site .corner-s.l{ background-image: url('/htdocs/images/shadow-left.gif'); }
        #tbl-site .corner-s.r{ background-image: url('/htdocs/images/shadow-right.gif'); }

/* Header */
#header{ padding: 2px 2px 0 2px; }
    #header img{ float: left; }
    #header a{ float: left; }

/* Footer */
#footer{ color: #FFF; padding: 0 10px; font-size: 12px; font-weight: bold; }

/* Navigation */
#navigation-box{ background: #b9652b url('/htdocs/images/nav-bg.gif') repeat-x; text-align: center; margin: 0 2px; }
#navigation{ height: 29px; padding: 0 4px; overflow: hidden; }
    #navigation ul{ height: 29px; background: url('/htdocs/images/nav-ul-bg.gif') repeat-x; width: 596px; padding-left: 3px; *padding-left: 4px; }
    #navigation li{ float: left; text-align: center; margin-right: 2px; *width: 1%; }
    #navigation a{ text-decoration: none; display: block; height: 26px; background: url('/htdocs/images/nav-li-bg.gif') repeat-x; padding: 8px; padding-top: 9px; }
        #navigation a:hover{ background: #b9652b url('/htdocs/images/nav-arrow.gif') 49% 23px no-repeat; }
        #navigation a.over{ background: #b9652b url('/htdocs/images/nav-arrow.gif') 49% 23px no-repeat; }

/* Bottom */
#bottom{ margin: 2px; }
    #bottom a{ color: #FFF; text-decoration: none; }
    #bottom p{ border-top: 2px solid #b7310d; margin-bottom: 1px; }
    #bottom li{ float: left; padding: 5px; padding-top: 7px; color: #FFF; font-weight: bold; font-size: 12px; height: 18px; }
        #bottom li.addr{ background-color: #a9451e; width: 431px; }
        #bottom li.phones{ background-color: #d55a1f; width: 294px; padding-left: 20px; }
    #bottom address{ background: url('/htdocs/images/address.gif') 15px 1px no-repeat; padding-left: 40px; font-style: normal; }

/* Content */
#content{ margin: 2px; margin-bottom: 0; *margin-bottom: -3px; }

#maintable{ width: 100%; }
    #maintable .ark{ width: 402px; background: url('/htdocs/images/body-bg.jpg') no-repeat; min-height: 306px; padding: 45px 30px 0 40px; vertical-align: top; padding-top: 70px; }
    #maintable .ark h1{ text-align: right; color: #D55A1F; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
    #maintable .ark p{ text-align: right; }
    #maintable .side{ padding-left: 2px; }

#gallery-box{ background: url("/htdocs/images/foto_galerry.gif") 0 0 no-repeat; width: 286px; padding-bottom: 5px; }
    #gallery-box img{ border: 1px solid #000; opacity: 0.7; *filter: alpha(opacity=70); width: 53px; height: 78px; }
    #gallery-box ul{ margin-left: 29px; }
    #gallery-box li{ float: left; margin-right: 4px; margin-bottom: 3px; }

.line{ background: url('/htdocs/images/line-bg.gif') repeat-x; width: 100%; height: 3px; clear: both; overflow: hidden; margin: 3px 0; }

.cube{ background: url('/htdocs/images/cube-bg.jpg') 100% 0 no-repeat; min-height: 282px; min-width: 380px; }
    .cube .inner, .cube-small .inner{ padding: 5px 20px 0 0; float: right; position: relative; }

.cube-small{ background: url('/htdocs/images/cube-small-bg.jpg') 100% 0 no-repeat; min-height: 130px; min-width: 376px; }

/* Pages */
.page-features{  }
    .page-features ul{ text-align: right; }
    .page-features li{ margin-bottom: 3px; padding-right: 15px; background: url('/htdocs/images/dot-red.gif') 100% 7px no-repeat; }

.page-virtualtour{  }
    .page-virtualtour dt{ float: left; margin-right: 20px; }
    .page-virtualtour dd{ float: left; padding-top: 39px; }
    .page-virtualtour #vtourplc{ display: none; }

.page-developers{}
    .page-developers #logos{ position: absolute; text-align: center; bottom: 0px; left: -15px; }

.page-areamap{  }
    .page-areamap dt{ float: left; margin-right: 20px; }
    .page-areamap dt img{ border: 2px solid #f1841e; }
        .page-areamap dd{ float: left; padding-top: 47px; }

.page-floor{}
    .page-floor table{ background: #FFF url('/htdocs/images/floor-table-bg.jpg') no-repeat; width: 381px; height: 303px; margin-top: 20px; }
    .page-floor td{ padding: 60px 0 0 20px; width: 50%; }
    .page-floor td ul{ margin: 10px 0; }
    .page-floor td li{ padding-left: 10px; margin-bottom: 3px; background: url('/htdocs/images/dot-red.gif') 0 7px no-repeat; }
    .page-floor td span{ font-size: 10px; color: #ee4a00; }
    .page-floor td small{ font-size: 10px; }
    .page-floor td a{ text-decoration: none; }
    .page-floor td a:hover{ text-decoration: underline; }

.brochure{ width: 100%; }
    .brochure p{ float: right; text-align: right; background: url('/htdocs/images/arrow-big.gif') 0 1px no-repeat; width: 235px; height: 32px; padding-right: 2px; }
    .brochure img{ width: 193px; height: 31px; }

.small-btn{ text-align: right; width: 188px; height: 25px; }
    .small-btn img{ width: 164px; height: 21px; }
    .small-btn.active{ background: url('/htdocs/images/arrow-small.gif') 0 3px no-repeat; }

.input{ width: 115px; border: 1px solid #CCC; border-top: 1px solid #8e8e8e; background: #FFF url('/htdocs/images/input-bg.gif') repeat-x; font-style: italic; }

.privacy{ font-size: 10px; color: #666; text-align: left!important; line-height: 13px; }

#contact-form{ padding-top: 10px; }
    #contact-form label{ cursor: pointer; margin-right: 10px; }
    #contact-form label.second{ margin-left: 35px; }
    #contact-form td{ font-size: 10px; color: #626a6d; font-weight: bold; text-align: right; padding-bottom: 5px; }

/* Tools */
.pt-100{ padding-top: 100px; }
.pt-90{ padding-top: 90px; }
.pt-70{ padding-top: 70px; }
.pt-60{ padding-top: 60px; }
.pt-50{ padding-top: 50px; }
.pt-40{ padding-top: 40px; }
.pt-30{ padding-top: 30px; }
.pt-15{ padding-top: 15px; }
.pt-10{ padding-top: 10px; }
.pt-5{ padding-top: 5px; }
*.cleared{ display: inline-block; height: 1%; }
.cleared:after{ content:'.'; display: block; clear: both; font: 0/0 a; height: 0; visibility: hidden; }
.clear{ clear: both; display: block; height: 1px; overflow: hidden; }
.nobr{ white-space: nowrap; }
.hidden{ display: none; }
.vam{ vertical-align: middle; }

/* slider */
#slider{ height: 490px; }
#slider img{ display: none; width: 286px; height: 490px; }